@commercelayer/app-elements 6.0.2 → 6.1.0

package/dist/RuleEngineComponent-DXSlt-Rv.js

@@ -0,0 +1,1710 @@
+"use client";
+import { t as D, B as re, D as le, E as ie, I as oe, N as ce, O as ue, P as de, Z as S, b as me, d as pe, e as fe, f as he, g as ye, h as ge, i as be, j as xe, k as ve, l as M, n as je, o as _e, p as Te, q as Ne, r as we, s as $e, u as Ce, v as ke, w as Ee, x as Se, y as Ve, z as Re, A as Ie, C as Ae, F as Ze, G as De, H as Me, J as qe, K as Oe, L as Fe, M as Le, Q as ze, R as Pe, S as Ue, T as Je, U as We, V as Ke, W as Be, X as Ye, Y as Xe, _ as He, $ as Ge, a0 as Qe, a1 as et, a2 as tt, a3 as at, a4 as st, a5 as nt, a6 as rt, a7 as lt, a8 as it, a9 as q, aa as ot, ab as ct, ac as ut, ad as dt, ae as mt, af as pt, ag as ft, ah as ht, ai as yt, aj as gt, ak as bt, al as xt, am as vt, an as jt, ao as _t, ap as Tt, aq as Nt, ar as wt, as as $t, at as Ct, au as kt, av as Et, aw as St, ax as Vt, ay as Rt, az as It, aA as At, aB as Zt, aC as Dt, aD as Mt, aE as qt, aF as Ot, aG as Ft, aH as Lt, aI as zt, aJ as Pt, aK as Ut, aL as Jt, aM as Wt, aN as Kt, aO as Bt, aP as Yt, aQ as Xt, aR as Ht, aS as Gt, aT as e, aU as V, aV as Qt, aW as ea, aX as ta, aY as v, aZ as $, a_ as aa, a$ as R, b0 as g, b1 as A, b2 as w, b3 as x, b4 as N, b5 as sa, b6 as k, b7 as B, b8 as Y, b9 as X, ba as na, bb as ra, bc as H, bd as I, be as la, bf as ia, bg as oa } from "./main-CHMUH05z.js";
+import O, { useReducer as ca, useCallback as C, useMemo as ua, createContext as da, useContext as ma, useRef as G, useState as f, useEffect as T } from "react";
+import "react-hook-form";
+import "wouter";
+import { p as F } from "./parseISO-9qgqVQGb.js";
+function L(t, a) {
+  const s = t.match(
+    /(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2}):(\d{2})(?:\.(\d{0,7}))?(?:Z|(.)(\d{2}):?(\d{2})?)?/
+  );
+  return s ? D(
+    Date.UTC(
+      +s[1],
+      +s[2] - 1,
+      +s[3],
+      +s[4] - (+s[9] || 0) * (s[8] == "-" ? -1 : 1),
+      +s[5] - (+s[10] || 0) * (s[8] == "-" ? -1 : 1),
+      +s[6],
+      +((s[7] || "0") + "00").substring(0, 3)
+    ),
+    a?.in
+  ) : D(NaN, a?.in);
+}
+const y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BRAND: re,
+  DIRTY: le,
+  EMPTY_PATH: ie,
+  INVALID: oe,
+  NEVER: ce,
+  OK: ue,
+  ParseStatus: de,
+  Schema: S,
+  ZodAny: me,
+  ZodArray: pe,
+  ZodBigInt: fe,
+  ZodBoolean: he,
+  ZodBranded: ye,
+  ZodCatch: ge,
+  ZodDate: be,
+  ZodDefault: xe,
+  ZodDiscriminatedUnion: ve,
+  ZodEffects: M,
+  ZodEnum: je,
+  ZodError: _e,
+  get ZodFirstPartyTypeKind() {
+    return Te;
+  },
+  ZodFunction: Ne,
+  ZodIntersection: we,
+  ZodIssueCode: $e,
+  ZodLazy: Ce,
+  ZodLiteral: ke,
+  ZodMap: Ee,
+  ZodNaN: Se,
+  ZodNativeEnum: Ve,
+  ZodNever: Re,
+  ZodNull: Ie,
+  ZodNullable: Ae,
+  ZodNumber: Ze,
+  ZodObject: De,
+  ZodOptional: Me,
+  ZodParsedType: qe,
+  ZodPipeline: Oe,
+  ZodPromise: Fe,
+  ZodReadonly: Le,
+  ZodRecord: ze,
+  ZodSchema: S,
+  ZodSet: Pe,
+  ZodString: Ue,
+  ZodSymbol: Je,
+  ZodTransformer: M,
+  ZodTuple: We,
+  ZodType: S,
+  ZodUndefined: Ke,
+  ZodUnion: Be,
+  ZodUnknown: Ye,
+  ZodVoid: Xe,
+  addIssueToContext: He,
+  any: Ge,
+  array: Qe,
+  bigint: et,
+  boolean: tt,
+  coerce: at,
+  custom: st,
+  date: nt,
+  datetimeRegex: rt,
+  defaultErrorMap: lt,
+  discriminatedUnion: it,
+  effect: q,
+  enum: ot,
+  function: ct,
+  getErrorMap: ut,
+  getParsedType: dt,
+  instanceof: mt,
+  intersection: pt,
+  isAborted: ft,
+  isAsync: ht,
+  isDirty: yt,
+  isValid: gt,
+  late: bt,
+  lazy: xt,
+  literal: vt,
+  makeIssue: jt,
+  map: _t,
+  nan: Tt,
+  nativeEnum: Nt,
+  never: wt,
+  null: $t,
+  nullable: Ct,
+  number: kt,
+  object: Et,
+  get objectUtil() {
+    return St;
+  },
+  oboolean: Vt,
+  onumber: Rt,
+  optional: It,
+  ostring: At,
+  pipeline: Zt,
+  preprocess: Dt,
+  promise: Mt,
+  quotelessJson: qt,
+  record: Ot,
+  set: Ft,
+  setErrorMap: Lt,
+  strictObject: zt,
+  string: Pt,
+  symbol: Ut,
+  transformer: q,
+  tuple: Jt,
+  undefined: Wt,
+  union: Kt,
+  unknown: Bt,
+  get util() {
+    return Yt;
+  },
+  void: Xt
+}, Symbol.toStringTag, { value: "Module" }));
+function z(t, a, s) {
+  return t == null ? t : Ht(t, a, s);
+}
+function P(t, a) {
+  return t == null ? !0 : Gt(t, a);
+}
+const Q = da(
+  void 0
+);
+function pa(t, a) {
+  switch (a.type) {
+    case "SET_PATH": {
+      const s = { ...t.value };
+      if (a.value === null)
+        if (/\.\d+$/.test(a.path)) {
+          const l = a.path.replace(/\.\d+$/, ""), c = parseInt(a.path.match(/\d+$/)?.[0] ?? "0", 10), n = Qt(s, l);
+          Array.isArray(n) && (n.splice(c, 1), z(s, l, n), n.length === 0 && l.endsWith(".nested.conditions") && P(s, l.replace(/\.conditions$/, "")));
+        } else
+          P(s, a.path);
+      else
+        z(s, a.path, a.value);
+      return {
+        ...t,
+        value: s
+      };
+    }
+    case "SET_SELECTED_RULE_INDEX":
+      return {
+        ...t,
+        selectedRuleIndex: a.index
+      };
+    case "SET_VALUE":
+      return V(t.value, a.value) ? t : (a.value.rules?.length ?? 0) === 0 ? {
+        selectedRuleIndex: 0,
+        value: {
+          rules: [
+            {
+              name: "Rule name",
+              // @ts-expect-error Setting `null` is intentional for rendering an empty action
+              actions: [null],
+              // @ts-expect-error Setting `null` is intentional for rendering an empty condition
+              conditions: [null]
+            }
+          ]
+        }
+      } : {
+        ...t,
+        value: a.value
+      };
+    default:
+      return t;
+  }
+}
+function fa({
+  children: t,
+  initialValue: a
+}) {
+  const [s, l] = ca(pa, {
+    value: a.value,
+    selectedRuleIndex: 0
+  }), c = C((u, i) => {
+    l({ type: "SET_PATH", path: u, value: i });
+  }, []), n = C((u) => {
+    l({ type: "SET_SELECTED_RULE_INDEX", index: u }), u < 0 && setTimeout(() => {
+      l({ type: "SET_SELECTED_RULE_INDEX", index: 0 });
+    }, 50);
+  }, []), r = C((u) => {
+    l({ type: "SET_VALUE", value: u });
+  }, []), o = ua(
+    () => ({
+      state: s,
+      setPath: c,
+      setSelectedRuleIndex: n,
+      setValue: r,
+      availableActionTypes: a.availableActionTypes,
+      schemaType: a.schemaType
+    }),
+    [
+      s,
+      c,
+      n,
+      r,
+      a.availableActionTypes,
+      a.schemaType
+    ]
+  );
+  return /* @__PURE__ */ e.jsx(Q.Provider, { value: o, children: t });
+}
+function b() {
+  const t = ma(Q);
+  if (t === void 0)
+    throw new Error("useRuleEngine must be used within a RuleEngineProvider");
+  return t;
+}
+function ee({
+  value: t,
+  name: a,
+  preset: s
+}) {
+  const { setPath: l, schemaType: c } = b(), { t: n } = ea(), r = G(null), o = c === "order-rules" ? "order" : c === "price-rules" ? "price" : void 0, u = ta(
+    (s === "condition" ? ha : s === "action" ? ya : []).filter(
+      (i) => o != null && i.startsWith(o)
+    ).map((i) => ({
+      value: i,
+      label: n(`resource_paths.${i}`).replace(
+        "resource_paths.",
+        ""
+      )
+    })),
+    "label"
+  );
+  return /* @__PURE__ */ e.jsx(
+    v,
+    {
+      ref: r,
+      name: a,
+      initialValues: u,
+      defaultValue: t != null ? u.find((i) => i.value === t) ?? {
+        value: t,
+        label: t
+      } : void 0,
+      asTextSearch: !0,
+      isCreatable: !0,
+      loadAsyncValues: async (i) => {
+        if (o == null)
+          return [];
+        const d = u.filter(
+          (p) => p.label.includes(i)
+        ), m = (await aa([o], i)).filter((p) => p.value.startsWith(i)).map((p) => {
+          const _ = p.type === "relationship" || p.value.endsWith(".metadata") ? `${p.value}.` : p.value;
+          return {
+            value: _,
+            label: _
+          };
+        }), j = i.includes(".metadata") ? [{ label: i, value: i }] : [], h = [...d, ...m, ...j];
+        return console.log("results", h), h;
+      },
+      onSelect: async (i) => {
+        $(i) && (l(a, i.value), i.value.toString().endsWith(".") && r.current?.openMenu("first"));
+      }
+    }
+  );
+}
+const ha = [
+  "order.billing_address.country_code",
+  "order.country_code",
+  "order.currency_code",
+  "order.customer_email",
+  "order.customer.email",
+  "order.customer.customer_group.id",
+  "order.customer.customer_group.name",
+  "order.customer.tags.id",
+  "order.customer.tags.name",
+  "order.line_items.item_type",
+  "order.line_items.line_item_options.sku_option.tags.name",
+  "order.line_items.options_amount_cents",
+  "order.line_items.quantity",
+  "order.line_items.reference",
+  "order.line_items.shipment.id",
+  "order.line_items.shipment.shipping_method.id",
+  "order.line_items.shipment.shipping_method.name",
+  "order.line_items.shipment.shipping_method.reference",
+  "order.line_items.sku_code",
+  "order.line_items.sku.code",
+  "order.line_items.sku.id",
+  "order.line_items.sku.inventory.quantity",
+  "order.line_items.sku.name",
+  "order.line_items.sku.shipping_category.id",
+  "order.line_items.sku.sku_lists.id",
+  "order.line_items.sku.sku_lists.name",
+  "order.line_items.sku.tags.name",
+  "order.line_items.unit_amount_cents",
+  "order.market.code",
+  "order.market.id",
+  "order.shipments_count",
+  "order.shipping_address.country_code",
+  "order.subtotal_amount_cents",
+  "order.tags.name",
+  "order.total_amount_cents",
+  "price.jwt_customer.email",
+  "price.jwt_customer.tags.name",
+  "price.sku.sku_list_items.sku_list.name",
+  "price.sku.code",
+  "price.sku.tags.name",
+  "price.processed_at",
+  "price.amount_cents"
+], ya = [
+  "order.line_items.line_item_options",
+  "order.line_items.shipment",
+  "order.line_items.sku_code",
+  "order.line_items.sku.code",
+  "order.line_items.sku",
+  "order.line_items",
+  "order.subtotal_amount_cents",
+  "order.total_amount_cents",
+  "order",
+  "price"
+];
+function ga({
+  item: t,
+  pathPrefix: a
+}) {
+  const { setPath: s } = b();
+  if (t == null)
+    return null;
+  switch (t.type) {
+    case "buy_x_pay_y":
+      return /* @__PURE__ */ e.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ e.jsx(
+          g,
+          {
+            name: `${a}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: t.value?.x,
+            onChange: (l) => {
+              s(
+                `${a}.value.x`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          g,
+          {
+            name: `${a}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: t.value?.y,
+            onChange: (l) => {
+              s(
+                `${a}.value.y`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "every_x_discount_y":
+      return /* @__PURE__ */ e.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ e.jsx(
+          g,
+          {
+            name: `${a}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: t.value?.x,
+            onChange: (l) => {
+              s(
+                `${a}.value.x`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          g,
+          {
+            name: `${a}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: t.value?.y,
+            onChange: (l) => {
+              s(
+                `${a}.value.y`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "fixed_amount":
+    case "fixed_price":
+      return /* @__PURE__ */ e.jsx("div", { className: "w-36", children: /* @__PURE__ */ e.jsx(
+        g,
+        {
+          name: `${a}.value`,
+          type: "number",
+          defaultValue: t.value,
+          min: 0,
+          suffix: "cents",
+          onChange: (l) => {
+            s(
+              `${a}.value`,
+              parseInt(l.currentTarget.value, 10)
+            );
+          }
+        }
+      ) });
+    case "percentage": {
+      const l = (t.value * 100).toFixed(2);
+      return /* @__PURE__ */ e.jsx("div", { className: "w-24", children: /* @__PURE__ */ e.jsx(
+        g,
+        {
+          name: `${a}.value`,
+          type: "number",
+          defaultValue: l.endsWith(".00") ? l.slice(0, -3) : l,
+          min: 0,
+          max: 100,
+          suffix: "%",
+          onChange: (c) => {
+            s(
+              `${a}.value`,
+              parseFloat(c.currentTarget.value) / 100
+            );
+          }
+        }
+      ) });
+    }
+    default:
+      return R();
+  }
+}
+function ba({
+  item: t,
+  index: a,
+  onDelete: s
+}) {
+  const {
+    setPath: l,
+    state: { selectedRuleIndex: c },
+    availableActionTypes: n
+  } = b(), r = {
+    percentage: "Percentage discount",
+    fixed_amount: "Fixed amount",
+    fixed_price: "Fixed price",
+    buy_x_pay_y: "Buy X, Pay Y",
+    every_x_discount_y: "Every X, Discount Y"
+  }, o = `rules.${c}.actions.${a}`;
+  return /* @__PURE__ */ e.jsx("div", { className: "mb-4 last:mb-0", children: /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2 grow p-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+        v,
+        {
+          name: `${o}.type`,
+          defaultValue: t != null ? {
+            label: r[t.type],
+            value: t.type
+          } : void 0,
+          initialValues: n.map((u) => ({
+            value: u,
+            label: r[u]
+          })),
+          onSelect: (u) => {
+            $(u) && l(`${o}.type`, u.value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(ga, { item: t, pathPrefix: o }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-black font-bold text-sm", children: "ON" }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+        ee,
+        {
+          preset: "action",
+          value: t?.selector,
+          name: `${o}.selector`
+        }
+      ) })
+    ] }),
+    s != null && /* @__PURE__ */ e.jsx(
+      A,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center self-stretch grow",
+            children: /* @__PURE__ */ e.jsx(x, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+          }
+        ),
+        dropdownItems: /* @__PURE__ */ e.jsx(
+          w,
+          {
+            label: "Delete",
+            onClick: () => {
+              l(`${o}`, null), s();
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+}
+function xa({
+  actions: t
+}) {
+  const [a, s] = f(0), {
+    setPath: l,
+    state: { selectedRuleIndex: c }
+  } = b();
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { children: t?.map((n, r, o) => /* @__PURE__ */ e.jsx(
+      ba,
+      {
+        item: n,
+        index: r,
+        onDelete: o.length > 1 ? () => {
+          s((u) => u + 1);
+        } : void 0
+      },
+      `${c}-${r}-${a}`
+    )) }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-6", children: /* @__PURE__ */ e.jsxs(
+      N,
+      {
+        size: "small",
+        variant: "secondary",
+        alignItems: "center",
+        onClick: () => {
+          l(
+            `rules.${c}.actions.${t?.length ?? 0}`,
+            void 0
+          );
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(x, { name: "plusCircle" }),
+          " Add action"
+        ]
+      }
+    ) })
+  ] });
+}
+function te(t) {
+  const [a, s] = f(void 0);
+  return T(() => {
+    t?.field != null && sa(t.field).then((l) => {
+      s(l);
+    }).catch((l) => {
+      console.error("Error fetching field info:", l);
+    });
+  }, [t?.field]), { infos: a };
+}
+function ae(t) {
+  if (typeof t == "string")
+    return k(L(t)) ? "datetime" : "string";
+  if (typeof t == "number")
+    return "integer";
+  if (typeof t == "boolean")
+    return "boolean";
+  if (Array.isArray(t)) {
+    if (typeof t[0] == "string")
+      return k(L(t[0])) ? "datetime" : "string";
+    if (typeof t[0] == "number")
+      return "integer";
+  }
+  return "string";
+}
+function va({
+  item: t,
+  pathPrefix: a
+}) {
+  const { setPath: s } = b(), { infos: l } = te(t);
+  let c = l?.field?.type;
+  return c == null && (c = ae(t?.value)), /* @__PURE__ */ e.jsx(
+    v,
+    {
+      name: `${a}.matcher`,
+      value: t != null ? {
+        label: U.find((n) => n.matcher === t.matcher && (c != null && n.fieldTypes.includes(c) || c == null))?.label ?? (t.matcher != null ? `⚠️   ${t.matcher}` : ""),
+        value: t.matcher
+      } : void 0,
+      initialValues: U.filter(({ fieldTypes: n, visible: r }) => r !== !1 && n.includes(c)).map(({ matcher: n, label: r }) => ({ value: n, label: r })),
+      onSelect: (n) => {
+        $(n) && (s(`${a}.matcher`, n.value), B.includes(
+          n.value
+        ) && s(`${a}.value`, null));
+      }
+    }
+  );
+}
+const U = [
+  {
+    /** Matches if field value equals provided value
+     * @field Integer, String, Datetime, Boolean
+     * @value Integer, String, Datetime, Boolean
+     */
+    matcher: "eq",
+    label: "equals",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is not equal to provided value
+     * @field Integer, String, Datetime, Boolean
+     * @value Integer, String, Datetime, Boolean
+     */
+    matcher: "not_eq",
+    label: "not equals",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is less than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lt",
+    label: "<",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is less than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lteq",
+    label: "≤",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is greater than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gt",
+    label: ">",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is greater than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gteq",
+    label: "≥",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is a multiple of provided value
+     * @field Integer
+     * @value Integer
+     */
+    matcher: "multiple",
+    label: "is a multiple of",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value matches regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "matches",
+    label: "matches regex",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value does not match regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "does_not_match",
+    label: "doesn't match regex",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value starts with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "start_with",
+    label: "starts with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value does not start with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "not_start_with",
+    label: "doesn't start with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value ends with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "end_with",
+    label: "ends with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value does not end with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "not_end_with",
+    label: "doesn't end with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "> and <",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "≥ and <",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is greater than first and less than or equal to second
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lteq",
+    label: "> and ≤",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "≥ and ≤",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** Matches if field value is greater than first and less than or equal to second
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lteq",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "date range",
+    visible: !0,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** Matches if field value is in provided array
+     * @field Integer, String, Datetime
+     * @value Array
+     */
+    matcher: "is_in",
+    label: "is one of",
+    fieldTypes: ["integer", "string", "datetime"]
+  },
+  {
+    /** Matches if field value is not in provided array
+     * @field Integer, String, Datetime
+     * @value Array
+     */
+    matcher: "is_not_in",
+    label: "is not one of",
+    fieldTypes: ["integer", "string", "datetime"]
+  },
+  {
+    /** Matches objects within arrays that meet specified requirements
+     * @field Array
+     * @value Object
+     */
+    matcher: "array_match",
+    label: "is",
+    fieldTypes: ["integer", "string", "datetime"]
+  },
+  {
+    /** Matches if field value is null or empty string */
+    matcher: "blank",
+    label: "is blank",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is null */
+    matcher: "null",
+    label: "is null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "not_null",
+    label: "is not null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "present",
+    label: "is present",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  }
+], J = {
+  in_and: {
+    label: "all of"
+  },
+  in_or: {
+    label: "at least one of"
+  },
+  not_in_and: {
+    label: "not any of"
+  },
+  not_in_or: {
+    label: "not at least one of"
+  }
+};
+function ja({
+  value: t,
+  pathPrefix: a
+}) {
+  return (typeof t != "object" || Array.isArray(t) || t === null) && (t = {
+    in_and: []
+  }), /* @__PURE__ */ e.jsx("div", { children: Object.entries(t).map(([s, l], c) => /* @__PURE__ */ e.jsx(
+    _a,
+    {
+      pathPrefix: a,
+      defaultValue: l,
+      initialMatcher: s
+    },
+    `${a}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+    c}`
+  )) });
+}
+function _a({
+  initialMatcher: t,
+  defaultValue: a,
+  pathPrefix: s
+}) {
+  const [l, c] = f(t), [n, r] = f(t), [o, u] = f(a), { setPath: i } = b();
+  return T(() => {
+    l !== n && (i(`${s}.${l}`, null), c(n)), i(`${s}.${n}`, o);
+  }, [n, o, i]), /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 last-of-type:mt-2", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+      v,
+      {
+        defaultValue: [
+          { value: n, label: J[n].label }
+        ],
+        initialValues: Object.entries(J).map(
+          ([d, { label: m }]) => ({
+            value: d,
+            label: m
+          })
+        ),
+        onSelect: (d) => {
+          $(d) && r(d.value);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
+      v,
+      {
+        isMulti: !0,
+        isCreatable: !0,
+        defaultValue: (Array.isArray(o) ? o : []).map((d) => ({
+          value: d,
+          label: d.toString()
+        })),
+        initialValues: [],
+        onSelect: (d) => {
+          Y(d) && u(
+            d.map(
+              (m) => typeof m.value == "boolean" ? m.value.toString() : m.value
+            )
+          );
+        }
+      }
+    ) })
+  ] });
+}
+function Ta({
+  value: t,
+  onChange: a
+}) {
+  const [s, l] = f(
+    Array.isArray(t) && typeof t[0] == "number" ? t[0] : null
+  ), [c, n] = f(
+    Array.isArray(t) && typeof t[1] == "number" ? t[1] : null
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        type: "number",
+        placeholder: "Min",
+        value: s ?? "",
+        onChange: (r) => {
+          const o = parseInt(r.currentTarget.value, 10);
+          l(Number.isNaN(o) ? null : o), a([Number.isNaN(o) ? null : o, c]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        type: "number",
+        placeholder: "Max",
+        value: c ?? "",
+        onChange: (r) => {
+          const o = parseInt(r.currentTarget.value, 10);
+          n(Number.isNaN(o) ? null : o), a([s, Number.isNaN(o) ? null : o]);
+        }
+      }
+    ) })
+  ] });
+}
+function Na({
+  value: t,
+  onChange: a
+}) {
+  const [s, l] = f(
+    Array.isArray(t) && typeof t[0] == "string" ? t[0] : null
+  ), [c, n] = f(
+    Array.isArray(t) && typeof t[1] == "string" ? t[1] : null
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        type: "text",
+        placeholder: "Min",
+        value: s ?? "",
+        onChange: (r) => {
+          const o = r.currentTarget.value;
+          l(o), a([o, c]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ e.jsx("div", { className: "grow", children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        type: "text",
+        placeholder: "Max",
+        value: c ?? "",
+        onChange: (r) => {
+          const o = r.currentTarget.value;
+          n(o), a([s, o]);
+        }
+      }
+    ) })
+  ] });
+}
+function wa({
+  item: t,
+  pathPrefix: a
+}) {
+  const { setPath: s } = b(), { infos: l } = te(t), { user: c } = X(), n = `${a}.value`;
+  if (t == null || B.includes(
+    t.matcher
+  ))
+    return null;
+  const r = t;
+  let o = l?.field?.type;
+  o == null && (o = ae(r.value)), (typeof r.value == "string" && /^{{.*}}$/.test(r.value) || Array.isArray(r.value) && r.value.some(
+    (i) => typeof i == "string" && /^{{.*}}$/.test(i)
+  )) && (o = "string");
+  let u = null;
+  switch (o) {
+    case "datetime": {
+      u = "date";
+      break;
+    }
+    case "boolean": {
+      u = "boolean";
+      break;
+    }
+    case "string": {
+      u = "text";
+      break;
+    }
+    case "integer":
+    case "float": {
+      u = "number";
+      break;
+    }
+    case "array":
+    case "json":
+    case "object":
+      break;
+    default: {
+      u = "text";
+      break;
+    }
+  }
+  switch (r.matcher) {
+    case "eq":
+    case "not_eq":
+    case "lt":
+    case "lteq":
+    case "gt":
+    case "gteq":
+    case "multiple":
+    case "start_with":
+    case "not_start_with":
+    case "end_with":
+    case "not_end_with":
+      break;
+    case "matches":
+    case "does_not_match":
+      break;
+    case "gt_lt":
+    case "gteq_lt":
+    case "gt_lteq":
+    case "gteq_lteq": {
+      u === "number" && (u = "numberRange"), u === "text" && (u = "textRange"), u === "date" && (u = "dateRange");
+      break;
+    }
+    case "is_in":
+    case "is_not_in": {
+      u = "tag";
+      break;
+    }
+    case "array_match": {
+      u = "arrayMatch";
+      break;
+    }
+    default: {
+      R(r.matcher);
+      break;
+    }
+  }
+  switch (u) {
+    case "date": {
+      const i = F(
+        typeof r.value == "string" ? r.value : ""
+      );
+      return /* @__PURE__ */ e.jsx(
+        ra,
+        {
+          value: k(i) ? i : void 0,
+          showTimeSelect: !0,
+          placeholder: "Enter value",
+          onChange: (d) => {
+            s(n, d?.toJSON());
+          },
+          timezone: c?.timezone
+        }
+      );
+    }
+    case "dateRange": {
+      const i = Array.isArray(r.value) ? r.value.map((d) => {
+        const m = F(typeof d == "string" ? d : "");
+        return k(m) ? m : null;
+      }) : [null, null];
+      return /* @__PURE__ */ e.jsx(
+        na,
+        {
+          value: i,
+          showTimeSelect: !0,
+          onChange: (d) => {
+            s(
+              `${a}.value`,
+              d.map((m) => m?.toJSON() ?? null)
+            );
+          }
+        }
+      );
+    }
+    case "numberRange":
+      return /* @__PURE__ */ e.jsx(
+        Ta,
+        {
+          value: r.value,
+          onChange: (i) => {
+            s(n, i);
+          }
+        }
+      );
+    case "textRange":
+      return /* @__PURE__ */ e.jsx(
+        Na,
+        {
+          value: r.value,
+          onChange: (i) => {
+            s(n, i);
+          }
+        }
+      );
+    case "arrayMatch":
+      return /* @__PURE__ */ e.jsx(
+        ja,
+        {
+          value: r.value,
+          pathPrefix: `${a}.value`
+        }
+      );
+    case "tag":
+      return /* @__PURE__ */ e.jsx(
+        v,
+        {
+          isMulti: !0,
+          isClearable: !1,
+          isCreatable: !0,
+          defaultValue: Array.isArray(r.value) ? r.value.map((i) => ({
+            label: i.toString(),
+            value: i
+          })) : [],
+          initialValues: [],
+          onSelect: (i) => {
+            Y(i) && s(
+              `${a}.value`,
+              i.map((d) => {
+                if (o === "integer") {
+                  const m = parseInt(d.value.toString(), 10);
+                  return Number.isNaN(m) ? null : m;
+                }
+                return d.value;
+              }).filter((d) => d != null)
+            );
+          }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ e.jsx(
+        g,
+        {
+          name: `${a}.value`,
+          type: "number",
+          defaultValue: typeof r.value == "number" ? r.value : "",
+          placeholder: "Enter value",
+          onChange: (i) => {
+            s(
+              `${a}.value`,
+              parseInt(i.currentTarget.value, 10)
+            );
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ e.jsx(
+        v,
+        {
+          name: `${a}.value`,
+          defaultValue: typeof r.value == "boolean" ? {
+            label: r.value ? "Yes" : "No",
+            value: r.value
+          } : void 0,
+          initialValues: [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ],
+          onSelect: (i) => {
+            $(i) && s(n, i.value);
+          }
+        }
+      );
+    case "text":
+    case null:
+      return /* @__PURE__ */ e.jsx(
+        g,
+        {
+          name: `${a}.value`,
+          type: "text",
+          defaultValue: typeof r.value == "string" ? r.value : JSON.stringify(r.value),
+          placeholder: "Enter value",
+          onChange: (i) => {
+            s(n, i.currentTarget.value);
+          }
+        }
+      );
+    default:
+      return R();
+  }
+}
+function $a({
+  item: t,
+  nestingLevel: a,
+  pathPrefix: s,
+  onDelete: l
+}) {
+  const { setPath: c } = b(), n = [];
+  return a < 2 && (n[0] ??= [], n[0].push(
+    /* @__PURE__ */ e.jsx(
+      w,
+      {
+        label: "Nest conditions",
+        onClick: () => {
+          c(
+            `${s}.nested.conditions.${(t?.nested?.conditions ?? []).length}`,
+            void 0
+          );
+        }
+      }
+    )
+  )), l != null && (n[1] ??= [], n[1].push(
+    /* @__PURE__ */ e.jsx(
+      w,
+      {
+        label: "Delete",
+        onClick: () => {
+          c(`${s}`, null), l();
+        }
+      }
+    )
+  )), /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between gap-2 grow p-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 grow", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+          ee,
+          {
+            preset: "condition",
+            value: t?.field,
+            name: `${s}.field`
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(va, { item: t, pathPrefix: s }) })
+      ] }),
+      /* @__PURE__ */ e.jsx(wa, { item: t, pathPrefix: s })
+    ] }) }),
+    n.length > 0 && /* @__PURE__ */ e.jsx(
+      A,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center self-stretch grow",
+            children: /* @__PURE__ */ e.jsx(x, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+          }
+        ),
+        dropdownItems: n.map((r, o, u) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+          /* @__PURE__ */ e.jsxs(O.Fragment, { children: [
+            r.map((i, d) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+              /* @__PURE__ */ e.jsx(O.Fragment, { children: i }, d)
+            )),
+            o < u.length - 1 && /* @__PURE__ */ e.jsx(H, {})
+          ] }, o)
+        ))
+      }
+    )
+  ] });
+}
+function se({
+  item: t,
+  children: a,
+  nestingLevel: s = 0,
+  pathPrefix: l
+}) {
+  const {
+    state: { selectedRuleIndex: c }
+  } = b(), n = t?.conditions_logic?.toLowerCase() ?? "and", { setPath: r } = b(), [o, u] = f(0), i = s > 0;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: I("query-group", {
+        "p-4 border border-gray-200 rounded-md": i
+      }),
+      children: [
+        a,
+        t != null && (t.conditions ?? []).length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs(
+            "select",
+            {
+              onChange: (d) => {
+                r(
+                  `${l}.conditions_logic`,
+                  d.currentTarget.value
+                );
+              },
+              defaultValue: n,
+              className: "pl-4 pr-8 py-2 font-bold focus:ring-0 focus:outline-hidden appearance-none bg-gray-50 border border-gray-200 rounded-md text-sm leading-4",
+              children: [
+                /* @__PURE__ */ e.jsxs("option", { value: "and", children: [
+                  i ? "Nested in " : "",
+                  "AND"
+                ] }),
+                /* @__PURE__ */ e.jsxs("option", { value: "or", children: [
+                  i ? "Nested in " : "",
+                  "OR"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "border-l border-gray-200 ml-3 pt-3", children: t?.conditions?.map((d, m, j) => {
+            const h = m === j.length - 1;
+            return /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "flex items-center mb-4 last:mb-0 relative",
+                children: [
+                  /* @__PURE__ */ e.jsx(Ca, { rounded: h }),
+                  /* @__PURE__ */ e.jsx("div", { className: "ml-4 w-full", children: /* @__PURE__ */ e.jsx(
+                    se,
+                    {
+                      item: d?.nested ?? void 0,
+                      nestingLevel: d?.nested != null ? s + 1 : 0,
+                      pathPrefix: `${l}.conditions.${m}.nested`,
+                      children: /* @__PURE__ */ e.jsx(
+                        "div",
+                        {
+                          className: I({
+                            "mb-4": d?.nested != null
+                          }),
+                          children: /* @__PURE__ */ e.jsx(
+                            $a,
+                            {
+                              item: d,
+                              nestingLevel: s,
+                              pathPrefix: `${l}.conditions.${m}`,
+                              onDelete: j.length > 1 || s > 0 ? () => {
+                                u((p) => p + 1);
+                              } : void 0
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) })
+                ]
+              },
+              `${c}-${m}-${o}`
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function Ca({
+  rounded: t = !1
+}) {
+  return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-px top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-px top-1/2 -translate-y-1/2 w-3.5 h-3.5 border-l border-b rounded-es-sm bg-white border-gray-200" })
+  ] }) : /* @__PURE__ */ e.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-3.5 h-px bg-gray-200" });
+}
+function ka() {
+  const {
+    setPath: t,
+    state: { value: a, selectedRuleIndex: s }
+  } = b(), [l, c] = f(
+    a.rules?.[s]?.name ?? ""
+  );
+  return T(() => {
+    c(a.rules?.[s]?.name ?? "");
+  }, [s]), // <Input
+  //   value={value.rules?.[selectedRuleIndex]?.name}
+  //   onChange={(event) => {
+  //     const target = event.currentTarget
+  //     const value = target.value.replace(/[\n\s]+/g, " ").trim()
+  //     setPath(`rules.${selectedRuleIndex}.name`, value)
+  //   }}
+  //   className="bg-transparent border-0 shadow-none field-sizing-content"
+  // />
+  // biome-ignore lint/a11y/noStaticElementInteractions: This <div> is used with contentEditable
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      contentEditable: "plaintext-only",
+      suppressContentEditableWarning: !0,
+      onInput: (n) => {
+        const o = n.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        t(`rules.${s}.name`, o);
+      },
+      onKeyDown: (n) => {
+        n.key === "Enter" && (n.preventDefault(), n.currentTarget.blur());
+      },
+      onBlur: (n) => {
+        const r = n.currentTarget;
+        r.innerText = r.innerText.replace(/[\n\s]+/g, " ").trim();
+      },
+      children: l
+    },
+    s
+  );
+}
+const W = {
+  rules: []
+}, E = (t) => {
+  try {
+    return JSON.parse(t ?? JSON.stringify(W));
+  } catch {
+    return W;
+  }
+}, Ea = (t) => {
+  try {
+    return JSON.parse(t ?? "{}"), !0;
+  } catch {
+    return !1;
+  }
+};
+function qa(t) {
+  const {
+    settings: { domain: a }
+  } = X(), [s, l] = f([]), [c, n] = f(
+    E(t.value ?? t.defaultValue)
+  );
+  return T(
+    function() {
+      c.rules?.length === 0 && n(E(t.value));
+    },
+    [t.value]
+  ), T(
+    function() {
+      la(t.schemaType, a).then((o) => {
+        const i = y.object({
+          properties: y.object({
+            rules: y.object({
+              items: y.object({
+                properties: y.object({
+                  actions: y.object({
+                    items: y.object({
+                      anyOf: y.array(
+                        y.object({
+                          properties: y.object({
+                            type: y.object({
+                              enum: y.string().array()
+                            })
+                          })
+                        })
+                      )
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }).parse(o).properties.rules.items.properties.actions.items.anyOf.flatMap(
+          (d) => d.properties.type.enum
+        );
+        l([...new Set(i)]);
+      });
+    },
+    [a]
+  ), /* @__PURE__ */ e.jsx(
+    fa,
+    {
+      initialValue: {
+        value: { rules: c.rules },
+        availableActionTypes: s,
+        schemaType: t.schemaType
+      },
+      children: /* @__PURE__ */ e.jsx(Sa, { ...t })
+    }
+  );
+}
+function Sa(t) {
+  const {
+    state: { value: a, selectedRuleIndex: s },
+    setSelectedRuleIndex: l,
+    setValue: c,
+    setPath: n
+  } = b(), [r, o] = f(
+    t.defaultCodeEditorVisible ?? !1
+  ), u = a.rules?.[s], i = G(null), [d, m] = f(0);
+  T(
+    function() {
+      V(E(i.current?.getValue()), a) || i.current?.setValue(JSON.stringify(a, null, 2)), t.onChange?.(a);
+    },
+    [a]
+  );
+  const j = C(
+    (h) => {
+      const p = E(h);
+      i.current?.hasTextFocus() && Ea(h) && !V(p, a) && (c(p), m((_) => _ + 1));
+    },
+    [a]
+  );
+  return /* @__PURE__ */ e.jsx(
+    ia,
+    {
+      hint: t.hint,
+      feedback: t.feedback,
+      className: "h-full [&>div:first-of-type]:h-full",
+      children: /* @__PURE__ */ e.jsxs("section", { className: "flex h-full", children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: `shrink-0 basis-3/5 overflow-x-auto relative flex flex-col ${r ? "" : "grow"}`,
+            children: [
+              /* @__PURE__ */ e.jsxs("header", { className: "w-full bg-white border-b border-gray-200 px-4 flex text-[13px] gap-4 text-gray-400 font-semibold items-center", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center flex-wrap basis-full", children: [
+                  a.rules?.map((h, p, _) => {
+                    const ne = `#${(p + 1).toString().padStart(2, "0")}`;
+                    return /* @__PURE__ */ e.jsxs(
+                      "div",
+                      {
+                        className: "flex items-center py-3 pl-4 pr-2 border-r basis-[88px] justify-center",
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: I("font-bold mr-2", {
+                                "text-black": s === p
+                              }),
+                              onClick: () => {
+                                l(p);
+                              },
+                              children: ne
+                            }
+                          ),
+                          /* @__PURE__ */ e.jsx(
+                            A,
+                            {
+                              menuPosition: p === 0 ? "bottom-left" : "bottom-right",
+                              dropdownLabel: /* @__PURE__ */ e.jsx(N, { variant: "circle", children: /* @__PURE__ */ e.jsx(x, { name: "dotsThreeVertical", size: 16 }) }),
+                              dropdownItems: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                                /* @__PURE__ */ e.jsx(
+                                  w,
+                                  {
+                                    onClick: () => {
+                                      const Z = a.rules?.length ?? 0;
+                                      n(`rules.${Z}`, {
+                                        ...h,
+                                        name: `${h.name} (copy)`
+                                      }), l(Z);
+                                    },
+                                    label: "Duplicate"
+                                  }
+                                ),
+                                /* @__PURE__ */ e.jsx(H, {}),
+                                /* @__PURE__ */ e.jsx(
+                                  w,
+                                  {
+                                    disabled: _.length === 1,
+                                    onClick: () => {
+                                      n(`rules.${p}`, null), s >= p && l(s - 1);
+                                    },
+                                    label: "Delete"
+                                  }
+                                )
+                              ] })
+                            }
+                          )
+                        ]
+                      },
+                      `${p}-${h.id}`
+                    );
+                  }),
+                  /* @__PURE__ */ e.jsx("div", { className: "min-h-[49px] flex items-center", children: /* @__PURE__ */ e.jsx(
+                    N,
+                    {
+                      variant: "circle",
+                      className: "mx-4",
+                      onClick: () => {
+                        n(`rules.${a.rules?.length ?? 0}`, {
+                          name: "Rule name",
+                          actions: [null],
+                          conditions: [null]
+                        }), l(a.rules?.length ?? 0);
+                      },
+                      children: /* @__PURE__ */ e.jsx(x, { name: "plus", size: 16, className: "shrink-0" })
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ e.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ e.jsx(
+                  N,
+                  {
+                    variant: "circle",
+                    onClick: () => {
+                      o(!r);
+                    },
+                    children: /* @__PURE__ */ e.jsx(x, { name: "sidebarSimple", size: 16 })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e.jsx(Ra, { children: u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx(ka, {}),
+                  /* @__PURE__ */ e.jsx(x, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                ] }),
+                /* @__PURE__ */ e.jsx(K, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ e.jsx(xa, { actions: u?.actions }) }),
+                /* @__PURE__ */ e.jsx(Va, { children: "when" }),
+                /* @__PURE__ */ e.jsxs(K, { title: "Conditions", icon: "treeView", children: [
+                  /* @__PURE__ */ e.jsx(
+                    se,
+                    {
+                      item: u,
+                      pathPrefix: `rules.${s}`
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("div", { className: "mt-6", children: /* @__PURE__ */ e.jsxs(
+                    N,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      alignItems: "center",
+                      onClick: () => {
+                        n(
+                          `rules.${s}.conditions.${u?.conditions?.length ?? 0}`,
+                          void 0
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(x, { name: "plusCircle" }),
+                        " Add condition"
+                      ]
+                    }
+                  ) })
+                ] })
+              ] }) })
+            ]
+          },
+          d
+        ),
+        r && /* @__PURE__ */ e.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ e.jsx(
+          oa,
+          {
+            ref: i,
+            name: t.id ?? t.name,
+            height: "100%",
+            language: "json",
+            jsonSchema: t.schemaType,
+            defaultValue: JSON.stringify(a, null, 2),
+            noRounding: !0,
+            onChange: j
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function Va({ children: t }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "text-gray-500 flex items-center justify-center flex-col", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "h-6 w-[2px] bg-gray-200" }),
+    /* @__PURE__ */ e.jsx("span", { className: "font-bold my-1 bg-gray-200 px-3 relative uppercase rounded h-[25px] items-center flex text-sm", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "h-6 w-[2px] bg-gray-200" })
+  ] });
+}
+function K({
+  children: t,
+  title: a,
+  icon: s
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "rounded-md bg-white shadow-xs", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-4 py-4 border-b border-gray-100", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "w-8 h-8 -ml-4 bg-white rounded-full border border-gray-200 flex items-center justify-center shadow-xs shadow-primary-200", children: /* @__PURE__ */ e.jsx(x, { name: s }) }),
+      /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: a })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "p-6", children: t })
+  ] });
+}
+function Ra({
+  children: t
+}) {
+  return /* @__PURE__ */ e.jsx("div", { className: "h-full w-full bg-gray-50 p-8 bg-[radial-gradient(#d6d6d6_1px,transparent_1px)] bg-size-[16px_16px] overflow-auto", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[900px] mx-auto", children: t }) });
+}
+export {
+  qa as RuleEngine
+};