@commercelayer/app-elements 6.4.1 → 6.5.1

package/dist/RuleEngineComponent-DdV5Bowp.js

@@ -0,0 +1,2891 @@
+"use client";
+import { t as B, b as Ve, d as ke, e as Me, j as t, i as k, g as q, f as L, h as Re, u as Oe, k as Ee, I as v, D as S, l as A, n as g, o as y, p as _, q as z, B as V, r as j, T as $, s as ae, v as re, w as E, x as oe, y as Ie, z as ie, A as De, C as Y, S as X, H as qe, E as ue, F as Le, G as Fe, J as H, K as ze, L as Ge, M as Je } from "./main-PyYMsnaA.js";
+import P, { useReducer as We, useCallback as M, useMemo as ce, createContext as Ue, useContext as Be, useState as x, useEffect as C, useRef as de } from "react";
+import "react-hook-form";
+import "wouter";
+import { p as Z } from "./parseISO-BV-Ib62P.js";
+function Q(e, s) {
+  const n = e.match(
+    /(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2}):(\d{2})(?:\.(\d{0,7}))?(?:Z|(.)(\d{2}):?(\d{2})?)?/
+  );
+  return n ? B(
+    Date.UTC(
+      +n[1],
+      +n[2] - 1,
+      +n[3],
+      +n[4] - (+n[9] || 0) * (n[8] == "-" ? -1 : 1),
+      +n[5] - (+n[10] || 0) * (n[8] == "-" ? -1 : 1),
+      +n[6],
+      +((n[7] || "0") + "00").substring(0, 3)
+    ),
+    s?.in
+  ) : B(NaN, s?.in);
+}
+var Ye = 1, Xe = 4;
+function K(e) {
+  return Ve(e, Ye | Xe);
+}
+function O(e, s, n) {
+  return e == null ? e : ke(e, s, n);
+}
+function D(e, s) {
+  return e == null ? !0 : Me(e, s);
+}
+const pe = Ue(
+  void 0
+);
+function He(e, s) {
+  switch (s.type) {
+    case "SET_PATH": {
+      const n = K(e.value);
+      if (/actions\.\d\.[\w_]+$/.test(s.path)) {
+        const l = s.path.replace(/\.[\w_]+$/, "");
+        q(n, l)?.groups == null && O(n, `${l}.groups`, []);
+      }
+      if (s.value === null && s.allowNullValue === !1)
+        if (/\.\d+$/.test(s.path)) {
+          const l = s.path.replace(/\.\d+$/, ""), o = parseInt(s.path.match(/\d+$/)?.[0] ?? "0", 10), a = q(n, l);
+          Array.isArray(a) && (a.splice(o, 1), O(n, l, a), a.length === 0 && l.endsWith(".nested.conditions") && D(n, l.replace(/\.conditions$/, "")));
+        } else
+          D(n, s.path);
+      else
+        O(n, s.path, s.value);
+      return {
+        ...e,
+        value: n
+      };
+    }
+    case "SET_RENDER_OPTION": {
+      const n = K(e.renderOptions);
+      if (s.value === null)
+        if (/\.\d+$/.test(s.path)) {
+          const l = s.path.replace(/\.\d+$/, ""), o = parseInt(s.path.match(/\d+$/)?.[0] ?? "0", 10), a = q(n, l);
+          Array.isArray(a) && (a.splice(o, 1), O(n, l, a), a.length === 0 && l.endsWith(".nested.conditions") && D(n, l.replace(/\.conditions$/, "")));
+        } else
+          D(n, s.path);
+      else
+        O(n, s.path, s.value);
+      return {
+        ...e,
+        renderOptions: n
+      };
+    }
+    case "SET_SELECTED_RULE_INDEX":
+      return {
+        ...e,
+        selectedRuleIndex: s.index
+      };
+    case "SET_VALUE":
+      return k(e.value, s.value) ? e : (s.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]
+            }
+          ]
+        }
+      } : {
+        ...e,
+        value: s.value
+      };
+    default:
+      return e;
+  }
+}
+function Pe({
+  children: e,
+  initialValue: s
+}) {
+  const [n, l] = We(He, {
+    value: s.value,
+    renderOptions: {},
+    selectedRuleIndex: 0
+  }), o = M(
+    (c, d, m = !1) => {
+      l({ type: "SET_PATH", path: c, value: d, allowNullValue: m });
+    },
+    []
+  ), a = M((c) => {
+    l({ type: "SET_SELECTED_RULE_INDEX", index: c }), c < 0 && setTimeout(() => {
+      l({ type: "SET_SELECTED_RULE_INDEX", index: 0 });
+    }, 50);
+  }, []), i = M((c) => {
+    l({ type: "SET_VALUE", value: c });
+  }, []), r = M((c, d) => {
+    l({ type: "SET_RENDER_OPTION", path: c, value: d });
+  }, []), u = ce(
+    () => ({
+      state: n,
+      setPath: o,
+      setSelectedRuleIndex: a,
+      setValue: i,
+      setRenderOption: r,
+      schemaType: s.schemaType,
+      optionsConfig: s.optionsConfig
+    }),
+    [
+      n,
+      o,
+      a,
+      i,
+      r,
+      s.schemaType,
+      s.optionsConfig
+    ]
+  );
+  return /* @__PURE__ */ t.jsx(pe.Provider, { value: u, children: e });
+}
+function f() {
+  const e = Be(pe);
+  if (e === void 0)
+    throw new Error("useRuleEngine must be used within a RuleEngineProvider");
+  return e;
+}
+const me = [
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is less than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lt",
+    label: "<",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is less than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lteq",
+    label: "≤",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gt",
+    label: ">",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gteq",
+    label: "≥",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is a multiple of provided value
+     * @field Integer
+     * @value Integer
+     */
+    matcher: "multiple",
+    label: "is a multiple of",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value matches regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "matches",
+    label: "matches regex",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value does not match regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "does_not_match",
+    label: "doesn't match regex",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value starts with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "start_with",
+    label: "starts with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value ends with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "end_with",
+    label: "ends with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "> and <",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "≥ and <",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "≥ and ≤",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "date range",
+    visible: !0,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** 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"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** Matches objects within arrays that meet specified requirements
+     * @field Array
+     * @value Object
+     */
+    matcher: "array_match",
+    label: "is",
+    fieldTypes: ["integer", "string", "datetime"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is null or empty string */
+    matcher: "blank",
+    label: "is blank",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is null */
+    matcher: "null",
+    label: "is null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "not_null",
+    label: "is not null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "present",
+    label: "is present",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  }
+];
+function fe(e) {
+  if (typeof e == "string")
+    return L(Q(e)) ? "datetime" : "string";
+  if (typeof e == "number")
+    return "integer";
+  if (typeof e == "boolean")
+    return "boolean";
+  if (Array.isArray(e)) {
+    if (typeof e[0] == "string")
+      return L(Q(e[0])) ? "datetime" : "string";
+    if (typeof e[0] == "number")
+      return "integer";
+  }
+  return "string";
+}
+const he = {
+  market: "markets",
+  tag: "tags",
+  sku: "skus",
+  sku_list: "sku_lists"
+};
+function Ze(e) {
+  return he[e];
+}
+function W(e) {
+  const [s, n] = x(void 0);
+  return C(() => {
+    e?.field != null && Re(e.field).then((l) => {
+      const o = me.find(
+        (a) => a.matcher === e.matcher
+      );
+      n({
+        ...l,
+        matcherInfos: o,
+        resourceSelectorAvailable: l?.resource?.id != null && Object.keys(he).includes(l.resource.id) && l.path.endsWith(".id") && o?.exactMatch === !0
+      });
+    }).catch((l) => {
+      console.error("Error fetching field info:", l);
+    });
+  }, [e?.field, e?.matcher]), { infos: s };
+}
+function ge(e) {
+  return e == null || e.length === 0 ? [] : Oe(
+    Ee(
+      e.flatMap((s) => [
+        s?.group,
+        ...ge(s?.nested?.conditions)
+      ])
+    )
+  );
+}
+function be() {
+  const {
+    state: { selectedRuleIndex: e, value: s }
+  } = f();
+  return ge(
+    s.rules?.[e]?.conditions
+  );
+}
+const Qe = ({ children: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-white rounded-md p-4 shadow-xs flex flex-col gap-2 empty:hidden", children: e }), xe = ({ children: e, dropdownItems: s, options: n, pathPrefix: l }) => {
+  const { state: o, setRenderOption: a } = f(), i = `${l}.isOpen`, r = q(o.renderOptions, i) ?? !0;
+  return /* @__PURE__ */ t.jsx("div", { className: "bg-gray-50 rounded-md flex items-center", children: /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-between gap-2 grow p-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2 grow", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      e,
+      /* @__PURE__ */ t.jsxs("div", { className: "border border-gray-200 rounded self-stretch flex", children: [
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              a(`${i}`, !r);
+            },
+            className: "w-11 flex self-stretch justify-center items-center",
+            children: /* @__PURE__ */ t.jsx(v, { name: r ? "caretUp" : "caretDown", size: 16 })
+          }
+        ),
+        s != null && /* @__PURE__ */ t.jsx(
+          S,
+          {
+            className: "flex self-stretch border-gray-100 border-l",
+            dropdownLabel: /* @__PURE__ */ t.jsx(
+              "button",
+              {
+                type: "button",
+                className: "w-11 flex self-stretch justify-center items-center",
+                children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+              }
+            ),
+            dropdownItems: s
+          }
+        )
+      ] })
+    ] }),
+    r && /* @__PURE__ */ t.jsx(Qe, { children: n })
+  ] }) }) });
+}, I = ({ children: e, label: s, className: n }) => /* @__PURE__ */ t.jsxs("div", { className: A("flex gap-4 first-of-type:mt-0", n), children: [
+  /* @__PURE__ */ t.jsx("div", { className: "basis-[180px] shrink-0 h-[44px] flex items-center", children: s }),
+  /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col gap-2", children: e })
+] }), ve = {
+  actions: {
+    "order-rules": {
+      order: {
+        round: !0,
+        discount_mode: !0,
+        apply_on: [
+          { label: "Subtotal amount", value: "subtotal_amount_cents" },
+          { label: "Total amount", value: "total_amount_cents" }
+        ],
+        limit: [
+          {
+            label: "Most expensive",
+            value: "most-expensive",
+            meta: {
+              attribute: "total_amount_cents",
+              direction: "desc"
+            }
+          },
+          {
+            label: "Less expensive",
+            value: "less-expensive",
+            meta: {
+              attribute: "total_amount_cents",
+              direction: "asc"
+            }
+          }
+        ],
+        bundle: [
+          {
+            label: "Most expensive",
+            value: "most-expensive",
+            meta: {
+              attribute: "total_amount_cents",
+              direction: "desc"
+            }
+          },
+          {
+            label: "Less expensive",
+            value: "less-expensive",
+            meta: {
+              attribute: "total_amount_cents",
+              direction: "asc"
+            }
+          }
+        ]
+      },
+      "order.line_items": {
+        round: !0,
+        discount_mode: !0,
+        apply_on: [
+          { label: "Unit amount", value: "unit_amount_cents" },
+          { label: "Compare at amount", value: "compare_at_amount_cents" }
+        ],
+        limit: [
+          {
+            label: "Most expensive",
+            value: "most-expensive",
+            meta: {
+              attribute: "unit_amount_cents",
+              direction: "desc"
+            }
+          },
+          {
+            label: "Less expensive",
+            value: "less-expensive",
+            meta: {
+              attribute: "unit_amount_cents",
+              direction: "asc"
+            }
+          }
+        ],
+        bundle: [
+          {
+            label: "Most expensive",
+            value: "most-expensive",
+            meta: {
+              attribute: "unit_amount_cents",
+              direction: "desc"
+            }
+          },
+          {
+            label: "Less expensive",
+            value: "less-expensive",
+            meta: {
+              attribute: "unit_amount_cents",
+              direction: "asc"
+            }
+          }
+        ]
+      },
+      "order.line_items.line_item_options": {},
+      "order.line_items.sku": {},
+      "order.line_items.bundle": {},
+      "order.line_items.shipment": {},
+      "order.line_items.payment_method": {},
+      "order.line_items.adjustment": {},
+      "order.line_items.gift_card": {}
+    },
+    "price-rules": {
+      price: {
+        apply_on: [
+          { label: "Amount", value: "amount_cents" },
+          { label: "Compare at amount", value: "compare_at_amount_cents" }
+        ]
+      }
+    }
+  },
+  conditions: {
+    "order-rules": {
+      group: !0,
+      scope: !0,
+      aggregations: [
+        {
+          label: "Total quantity",
+          value: "total-quantity",
+          meta: {
+            field: "order.line_items.quantity",
+            operator: "sum"
+          }
+        },
+        {
+          label: "Total amount",
+          value: "total-amount",
+          meta: {
+            field: "order.line_items.total_amount_cents",
+            operator: "sum"
+          }
+        }
+      ]
+    },
+    "price-rules": {
+      group: !0,
+      scope: !0
+    }
+  }
+}, Ke = [
+  "apply_on",
+  "round",
+  "limit",
+  "discount_mode",
+  "aggregation",
+  "bundle"
+], et = ["group", "scope", "aggregations"], ye = {
+  apply_on: "Apply on",
+  round: "Round",
+  limit: "Limit",
+  discount_mode: "Discount mode",
+  aggregation: "Aggregation",
+  bundle: "Bundle",
+  scope: "Scope",
+  aggregations: "Aggregations",
+  group: "Group"
+};
+function tt(e, s) {
+  if (e == null || typeof e != "object")
+    return {
+      actions: {},
+      conditions: []
+    };
+  const n = e;
+  return {
+    actions: nt(n, s),
+    conditions: st(n, s)
+  };
+}
+function nt(e, s) {
+  const n = {};
+  try {
+    const l = e?.properties?.rules?.items?.properties?.actions?.items?.anyOf ?? [], o = lt(l);
+    for (const [a, i] of o.entries()) {
+      const r = je(i, Ke), u = _e(r, i, e), c = ve.actions[s], d = Object.keys(c);
+      n[a] = {};
+      for (const m of d) {
+        const h = c[m];
+        h != null && (n[a][m] = u.filter((p) => h[p.name] != null).map((p) => {
+          const b = h[p.name];
+          return {
+            ...p,
+            // Configuration values override schema-derived values
+            values: Array.isArray(b) ? b : p.values
+          };
+        }));
+      }
+    }
+  } catch (l) {
+    console.error("Error parsing action options from schema:", l);
+  }
+  return n;
+}
+function st(e, s) {
+  try {
+    const n = e?.$defs?.conditions?.items?.anyOf ?? [], l = je(
+      n,
+      et
+    ), o = _e(l, n, e), a = ve.conditions[s];
+    return o.filter((i) => a[i.name] != null).map((i) => {
+      const r = a[i.name];
+      return {
+        ...i,
+        // Configuration values override schema-derived values
+        values: Array.isArray(r) ? r : i.values
+      };
+    });
+  } catch (n) {
+    return console.error("Error parsing condition options from schema:", n), [];
+  }
+}
+function lt(e) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const l = n?.properties?.type?.enum?.[0];
+    l != null && (s.has(l) || s.set(l, []), s.get(l)?.push(n));
+  }
+  return s;
+}
+function je(e, s) {
+  const n = /* @__PURE__ */ new Map();
+  return e.forEach((l, o) => {
+    const a = Object.keys(l.properties ?? {}), i = new Set(l.required ?? []);
+    for (const r of a)
+      s.includes(r) && (n.has(r) || n.set(r, {
+        appearsIn: /* @__PURE__ */ new Set(),
+        requiredIn: /* @__PURE__ */ new Set()
+      }), n.get(r)?.appearsIn.add(o), i.has(r) && n.get(r)?.requiredIn.add(o));
+  }), n;
+}
+function _e(e, s, n) {
+  const l = [];
+  for (const [o, { appearsIn: a }] of e.entries()) {
+    const i = at(
+      o,
+      a,
+      e
+    );
+    let r = {};
+    for (const u of s) {
+      const c = u.properties?.[o];
+      if (r = rt(c, n), r.values != null || r.valueType != null || r.description != null)
+        break;
+    }
+    l.push({
+      name: o,
+      label: ye[o],
+      mutuallyExclusiveWith: i,
+      ...r
+    });
+  }
+  return l;
+}
+function at(e, s, n) {
+  const l = [];
+  for (const [o, { appearsIn: a }] of n) {
+    if (o === e) continue;
+    new Set(
+      [...s].filter((r) => a.has(r))
+    ).size === 0 && s.size > 0 && l.push(o);
+  }
+  return l;
+}
+function rt(e, s) {
+  const n = {};
+  let l = e;
+  if (e?.$ref != null && typeof e.$ref == "string") {
+    const o = e.$ref.replace(/^#\//, "").split("/");
+    let a = s;
+    for (const i of o)
+      a = a?.[i];
+    l = a;
+  }
+  return l?.enum != null && Array.isArray(l.enum) && (n.values = l.enum.map((o) => ({
+    label: o.charAt(0).toUpperCase() + o.slice(1),
+    value: o
+  }))), l?.type != null && (n.valueType = l.type), l?.description != null && typeof l.description == "string" && (n.description = l.description), n;
+}
+function $e(e, s) {
+  if (e == null)
+    return {
+      available: [],
+      disabled: [],
+      current: []
+    };
+  const n = s.map((a) => a.name).filter((a) => {
+    const i = a in e && e[a] !== void 0, r = Array.isArray(e[a]) && e[a].length > 0;
+    return Array.isArray(e[a]) ? r : i;
+  }), l = [], o = [];
+  for (const a of s) {
+    if (n.includes(a.name))
+      continue;
+    a.mutuallyExclusiveWith.some(
+      (r) => n.includes(r)
+    ) ? o.push(a) : l.push(a);
+  }
+  return {
+    available: l,
+    disabled: o,
+    current: n
+  };
+}
+function Ne({
+  item: e,
+  pathPrefix: s
+}) {
+  return e == null ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(ot, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(ht, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(mt, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(ct, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(dt, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(ut, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(pt, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(it, { item: e, pathPrefix: s }),
+    /* @__PURE__ */ t.jsx(ft, { item: e, pathPrefix: s })
+  ] });
+}
+function ot({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "group", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s }), a = be();
+  return !(n in e) || o == null || e.group === void 0 ? null : /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      name: `${s}.group`,
+      isCreatable: !0,
+      initialValues: a.map((i) => ({
+        value: i,
+        label: i
+      })),
+      defaultValue: e.group != null ? {
+        value: e.group,
+        label: e.group
+      } : void 0,
+      onSelect: (i) => {
+        (i == null || y(i)) && l(`${s}.group`, i?.value.toString());
+      },
+      placeholder: "Select or create group…"
+    }
+  ) });
+}
+function it({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "round", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  if (!(n in e) || o == null)
+    return null;
+  const a = [
+    { label: "Yes", value: !0 },
+    { label: "No", value: !1 }
+  ], i = a.find((r) => r.value === e[n]);
+  return /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      name: `${s}.${n}`,
+      isSearchable: !1,
+      defaultValue: i,
+      initialValues: a,
+      onSelect: (r) => {
+        y(r) && l(`${s}.${n}`, r.value);
+      }
+    }
+  ) });
+}
+function ut({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "limit", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  if (!(n in e) || o == null)
+    return null;
+  const a = o.optionConfig?.values?.find(
+    (i) => k(e.limit?.sort, i.meta)
+  );
+  return /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "number",
+        className: "basis-20",
+        placeholder: "1",
+        onChange: (i) => {
+          const r = parseInt(i.currentTarget.value, 10);
+          l(`${s}.${n}.value`, r);
+        },
+        defaultValue: e.limit?.value
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      g,
+      {
+        className: "grow",
+        defaultValue: a ?? (e.limit?.sort == null ? void 0 : {
+          label: e.limit.sort.attribute != null && e.limit.sort.direction ? `${e.limit.sort.attribute} ${e.limit.sort.direction.toUpperCase()}` : "",
+          value: JSON.stringify(e.limit.sort),
+          meta: e.limit.sort
+        }),
+        initialValues: o.optionConfig?.values?.map((i) => ({
+          label: i.label,
+          meta: i.meta,
+          value: JSON.stringify(i.meta)
+        })) ?? [],
+        onSelect: (i) => {
+          y(i) && l(`${s}.${n}.sort`, i.meta);
+        }
+      }
+    )
+  ] }) });
+}
+function ct({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "aggregation", l = T({ item: e, optionName: n, pathPrefix: s });
+  return !(n in e) || l == null || e[n] == null ? null : /* @__PURE__ */ t.jsx(l.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    we,
+    {
+      aggregation: e[n],
+      optionConfig: l.optionConfig,
+      pathPrefix: `${s}.${n}`
+    }
+  ) });
+}
+function we({
+  aggregation: e,
+  pathPrefix: s,
+  optionConfig: n
+}) {
+  const { setPath: l } = f(), o = n?.values?.find(
+    (i) => k(e.field, i.meta?.field) && k(e.operator, i.meta?.operator)
+  ), a = [
+    { label: "=", value: "eq" },
+    { label: ">", value: "gt" },
+    { label: "<", value: "lt" },
+    { label: ">=", value: "gteq" },
+    { label: "<=", value: "lteq" },
+    { label: "≠", value: "not_eq" },
+    { label: "multiple", value: "multiple" }
+  ];
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 grow", children: [
+    /* @__PURE__ */ t.jsx(
+      g,
+      {
+        className: "grow",
+        defaultValue: o ?? (e.field == null || e.operator == null ? void 0 : {
+          label: `${e.field} ${e.operator.toUpperCase()}`,
+          value: JSON.stringify({
+            field: e.field,
+            operation: e.operator
+          }),
+          meta: {
+            field: e.field,
+            operation: e.operator
+          }
+        }),
+        initialValues: n?.values?.map((i) => ({
+          label: i.label,
+          meta: i.meta,
+          value: JSON.stringify(i.meta)
+        })) ?? [],
+        onSelect: (i) => {
+          y(i) && (l(`${s}.field`, i.meta?.field), l(`${s}.operator`, i.meta?.operator));
+        }
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      g,
+      {
+        className: "w-34",
+        defaultValue: e.matcher != null ? {
+          label: a.find((i) => i.value === e.matcher)?.label ?? e.matcher,
+          value: e.matcher
+        } : void 0,
+        initialValues: a,
+        onSelect: (i) => {
+          y(i) && l(`${s}.matcher`, i.value);
+        }
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "number",
+        className: "basis-20",
+        placeholder: "0",
+        onChange: (i) => {
+          const r = parseInt(i.currentTarget.value, 10);
+          l(`${s}.value`, r);
+        },
+        defaultValue: e.value
+      }
+    )
+  ] });
+}
+function dt({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "aggregations", { setPath: l } = f(), [o, a] = x(0), i = T({ item: e, optionName: n, pathPrefix: s });
+  return !(n in e) || i == null || e[n] == null || e[n].length === 0 ? null : /* @__PURE__ */ t.jsx(i.OptionRow, { children: e.aggregations?.map((r, u) => {
+    const c = u.toString();
+    return /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between gap-2", children: [
+      /* @__PURE__ */ t.jsx(
+        we,
+        {
+          aggregation: r,
+          optionConfig: i.optionConfig,
+          pathPrefix: `${s}.${n}.${u}`
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        S,
+        {
+          className: "grow-0",
+          dropdownLabel: /* @__PURE__ */ t.jsx(V, { variant: "input", className: "h-[44px] bg-gray-50", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16, weight: "bold" }) }),
+          dropdownItems: [
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                label: "Add aggregation",
+                onClick: () => {
+                  l(
+                    `${s}.aggregations.${e.aggregations?.length}`,
+                    {}
+                  );
+                }
+              },
+              `${c}-"add-aggregation"`
+            ),
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                label: "Duplicate",
+                onClick: () => {
+                  l(
+                    `${s}.aggregations.${e.aggregations?.length}`,
+                    r
+                  );
+                }
+              },
+              `${c}-"duplicate"`
+            ),
+            /* @__PURE__ */ t.jsx(z, {}, `${c}-"divider"`),
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                label: "Remove",
+                disabled: e.aggregations?.length === 1,
+                onClick: () => {
+                  e.aggregations?.length === 1 ? l(`${s}.aggregations`, null) : l(`${s}.aggregations.${u}`, null), a((d) => d + 1);
+                }
+              },
+              `${c}-"remove-aggregation"`
+            )
+          ]
+        }
+      )
+    ] }, c);
+  }) }, o);
+}
+function pt({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "bundle", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  if (!(n in e) || o == null)
+    return null;
+  const a = o.optionConfig?.values?.find(
+    (r) => k(e.bundle?.sort, r.meta)
+  ), i = [
+    { label: "Balanced", value: "balanced" },
+    { label: "Every", value: "every" }
+  ];
+  return /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      g,
+      {
+        initialValues: i,
+        defaultValue: e.bundle?.type == null ? void 0 : i.find((r) => r.value === e.bundle?.type) ?? {
+          label: e.bundle.type,
+          value: e.bundle.type
+        },
+        onSelect: (r) => {
+          y(r) && (l(`${s}.${n}.type`, r.value), r.value === "balanced" && l(`${s}.${n}.value`, null));
+        }
+      }
+    ),
+    e.bundle?.type === "every" && /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "number",
+        className: "basis-20",
+        placeholder: "1",
+        onChange: (r) => {
+          const u = parseInt(r.currentTarget.value, 10);
+          l(`${s}.${n}.value`, u);
+        },
+        defaultValue: e.bundle?.value
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      g,
+      {
+        className: "grow",
+        defaultValue: a ?? (e.bundle?.sort == null ? void 0 : {
+          label: e.bundle.sort.attribute != null && e.bundle.sort.direction ? `${e.bundle.sort.attribute} ${e.bundle.sort.direction.toUpperCase()}` : "",
+          value: JSON.stringify(e.bundle.sort),
+          meta: e.bundle?.sort
+        }),
+        initialValues: o.optionConfig?.values?.map((r) => ({
+          label: r.label,
+          meta: r.meta,
+          value: JSON.stringify(r.meta)
+        })) ?? [],
+        onSelect: (r) => {
+          y(r) && l(`${s}.${n}.sort`, r.meta);
+        }
+      }
+    )
+  ] }) });
+}
+function mt({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "discount_mode", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  return !(n in e) || o == null ? null : /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      initialValues: o.optionConfig?.values ?? [],
+      defaultValue: e[n] != null ? {
+        label: o.optionConfig?.values?.find(
+          (a) => a.value === e[n]
+        )?.label ?? e[n],
+        value: e[n]
+      } : void 0,
+      onSelect: (a) => {
+        y(a) && l(`${s}.${n}`, a.value);
+      }
+    }
+  ) });
+}
+function ft({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "scope", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  return !(n in e) || o == null ? null : /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      initialValues: o.optionConfig?.values ?? [],
+      defaultValue: e[n] != null ? {
+        label: o.optionConfig?.values?.find(
+          (a) => a.value === e[n]
+        )?.label ?? e[n],
+        value: e[n]
+      } : void 0,
+      onSelect: (a) => {
+        y(a) && l(`${s}.${n}`, a.value);
+      }
+    }
+  ) });
+}
+function ht({
+  item: e,
+  pathPrefix: s
+}) {
+  const n = "apply_on", { setPath: l } = f(), o = T({ item: e, optionName: n, pathPrefix: s });
+  return !(n in e) || o == null ? null : /* @__PURE__ */ t.jsx(o.OptionRow, { children: /* @__PURE__ */ t.jsx(
+    g,
+    {
+      initialValues: o.optionConfig?.values ?? [],
+      isSearchable: !1,
+      defaultValue: e[n] != null && e[n] !== "" ? {
+        label: o.optionConfig?.values?.find(
+          (a) => a.value === e[n]
+        )?.label ?? e[n],
+        value: e[n]
+      } : void 0,
+      onSelect: (a) => {
+        y(a) && l(`${s}.${n}`, a.value);
+      }
+    }
+  ) });
+}
+function T({
+  item: e,
+  optionName: s,
+  pathPrefix: n
+}) {
+  const { setPath: l, optionsConfig: o, schemaType: a } = f(), i = a === "order-rules" ? "order" : a === "price-rules" ? "price" : void 0, r = "type" in e && e.selector != null ? o.actions[e.type]?.[e.selector]?.find((c) => c.name === s) : o.conditions.find((c) => c.name === s), u = M(
+    ({ children: c }) => /* @__PURE__ */ t.jsx(
+      I,
+      {
+        label: /* @__PURE__ */ t.jsx(
+          S,
+          {
+            className: "inline-flex",
+            menuPosition: "bottom-left",
+            dropdownItems: [
+              /* @__PURE__ */ t.jsx(
+                _,
+                {
+                  onClick: () => {
+                    l(`${n}.${s}`, null);
+                  },
+                  label: "Remove"
+                },
+                "remove"
+              )
+            ],
+            dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs(
+              $,
+              {
+                variant: "info",
+                size: "small",
+                className: "flex gap-2 items-center",
+                children: [
+                  r?.label ?? ye[s],
+                  /* @__PURE__ */ t.jsx(v, { name: "caretDown" })
+                ]
+              }
+            ) })
+          }
+        ),
+        children: c
+      }
+    ),
+    [n, s, r, l]
+  );
+  return !(s in e) || i == null ? null : {
+    optionConfig: r,
+    mainResourceId: i,
+    OptionRow: u
+  };
+}
+function gt({
+  item: e,
+  pathPrefix: s
+}) {
+  const { setPath: n } = f();
+  if (e == null)
+    return null;
+  switch (e.type) {
+    case "buy_x_pay_y":
+      return /* @__PURE__ */ t.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ t.jsx(
+          j,
+          {
+            name: `${s}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: e.value?.x,
+            onChange: (l) => {
+              n(
+                `${s}.value.x`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          j,
+          {
+            name: `${s}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: e.value?.y,
+            onChange: (l) => {
+              n(
+                `${s}.value.y`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "every_x_discount_y":
+      return /* @__PURE__ */ t.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ t.jsx(
+          j,
+          {
+            name: `${s}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: e.value?.x,
+            onChange: (l) => {
+              n(
+                `${s}.value.x`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          j,
+          {
+            name: `${s}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: e.value?.y,
+            onChange: (l) => {
+              n(
+                `${s}.value.y`,
+                parseInt(l.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "fixed_amount":
+    case "fixed_price":
+      return /* @__PURE__ */ t.jsx("div", { className: "w-36", children: /* @__PURE__ */ t.jsx(
+        j,
+        {
+          name: `${s}.value`,
+          type: "number",
+          defaultValue: e.value,
+          min: 0,
+          suffix: "cents",
+          onChange: (l) => {
+            n(
+              `${s}.value`,
+              parseInt(l.currentTarget.value, 10)
+            );
+          }
+        }
+      ) });
+    case "percentage": {
+      const l = (e.value * 100).toFixed(2);
+      return /* @__PURE__ */ t.jsx("div", { className: "w-24", children: /* @__PURE__ */ t.jsx(
+        j,
+        {
+          name: `${s}.value`,
+          type: "number",
+          defaultValue: l.endsWith(".00") ? l.slice(0, -3) : l,
+          min: 0,
+          max: 100,
+          suffix: "%",
+          onChange: (o) => {
+            n(
+              `${s}.value`,
+              parseFloat(o.currentTarget.value) / 100
+            );
+          }
+        }
+      ) });
+    }
+    default:
+      return ae();
+  }
+}
+function bt({
+  item: e,
+  index: s,
+  onDelete: n
+}) {
+  const {
+    setPath: l,
+    setRenderOption: o,
+    state: { selectedRuleIndex: a },
+    optionsConfig: i
+  } = f(), r = Object.keys(
+    i.actions
+  ), u = e?.type != null && e?.selector != null ? i.actions?.[e.type]?.[e.selector] ?? [] : [], { available: c } = $e(
+    e,
+    u
+  ), d = {
+    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"
+  }, m = `rules.${a}.actions.${s}`;
+  return /* @__PURE__ */ t.jsx("div", { className: "mb-4 last:mb-0", children: /* @__PURE__ */ t.jsxs(
+    xe,
+    {
+      pathPrefix: m,
+      dropdownItems: n != null ? /* @__PURE__ */ t.jsx(
+        _,
+        {
+          label: "Delete",
+          onClick: () => {
+            l(`${m}`, null), o(`${m}`, null), n();
+          }
+        }
+      ) : void 0,
+      options: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(xt, { item: e, pathPrefix: m }),
+        /* @__PURE__ */ t.jsx(vt, { item: e, pathPrefix: m }),
+        /* @__PURE__ */ t.jsx(Ne, { item: e, pathPrefix: m }),
+        c.length > 0 && /* @__PURE__ */ t.jsx(
+          S,
+          {
+            className: "inline-flex mt-6",
+            menuPosition: "bottom-left",
+            dropdownItems: c.map((h) => /* @__PURE__ */ t.jsx(
+              _,
+              {
+                onClick: () => {
+                  switch (h.name) {
+                    case "round":
+                      l(`${m}.round`, !0);
+                      break;
+                    case "apply_on":
+                      l(`${m}.apply_on`, null, !0);
+                      break;
+                    case "discount_mode":
+                      l(`${m}.discount_mode`, "default");
+                      break;
+                    case "limit":
+                      l(`${m}.limit`, {});
+                      break;
+                    case "aggregation":
+                      l(`${m}.aggregation`, {});
+                      break;
+                    case "bundle":
+                      l(`${m}.bundle`, {
+                        type: "balanced"
+                      });
+                      break;
+                  }
+                },
+                label: h.label
+              },
+              `option-${h.name}`
+            )),
+            dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs($, { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ t.jsx($, { weight: "bold", size: "small", children: "Add option" }),
+              " ",
+              /* @__PURE__ */ t.jsx(v, { name: "caretDown" })
+            ] }) })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
+          g,
+          {
+            name: `${m}.type`,
+            defaultValue: e != null && e.type != null ? {
+              label: d[e.type],
+              value: e.type
+            } : void 0,
+            initialValues: r.map((h) => ({
+              value: h,
+              label: d[h]
+            })),
+            onSelect: (h) => {
+              y(h) && l(`${m}.type`, h.value);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ t.jsx(gt, { item: e, pathPrefix: m })
+      ]
+    }
+  ) });
+}
+function xt({
+  item: e,
+  pathPrefix: s
+}) {
+  const { setPath: n, schemaType: l } = f(), { t: o } = re(), a = yt[l].map((r) => ({
+    value: r,
+    label: o(`resource_paths.${r}`).replace(
+      "resource_paths.",
+      ""
+    )
+  })), i = `${s}.selector`;
+  return /* @__PURE__ */ t.jsx(
+    I,
+    {
+      label: /* @__PURE__ */ t.jsx($, { variant: "info", size: "small", children: "Apply to" }),
+      children: /* @__PURE__ */ t.jsx(
+        g,
+        {
+          name: i,
+          isSearchable: !1,
+          initialValues: a,
+          value: e?.selector == null ? void 0 : a.find((r) => r.value === e.selector) ?? {
+            value: e.selector,
+            label: e.selector
+          },
+          onSelect: async (r) => {
+            y(r) && (n(i, r.value), n(`${s}.apply_on`, null));
+          }
+        }
+      )
+    }
+  );
+}
+function vt({
+  item: e,
+  pathPrefix: s
+}) {
+  const { setPath: n, schemaType: l } = f(), o = be();
+  return C(() => {
+    o.length === 0 && (e?.groups ?? []).length > 0 && n(`${s}.groups`, []);
+  }, [o]), o.length <= 0 && (e?.groups ?? []).length <= 0 ? null : /* @__PURE__ */ t.jsx(
+    I,
+    {
+      label: /* @__PURE__ */ t.jsx($, { variant: "info", size: "small", children: "Groups" }),
+      children: /* @__PURE__ */ t.jsx(
+        g,
+        {
+          name: `${s}.groups`,
+          isMulti: !0,
+          isClearable: !1,
+          value: e?.groups?.map((a) => ({
+            label: o.includes(a) ? a : `⚠️   ${a}`,
+            value: a
+          })),
+          initialValues: o.map((a) => ({
+            value: a,
+            label: a
+          })),
+          onSelect: (a) => {
+            E(a) && (n(
+              `${s}.groups`,
+              a.map((i) => i.value)
+            ), l === "order-rules" && a.length > 0 && n(`${s}.selector`, "order.line_items"));
+          }
+        }
+      )
+    }
+  );
+}
+const yt = {
+  "order-rules": [
+    "order",
+    "order.line_items",
+    "order.line_items.line_item_options",
+    "order.line_items.sku",
+    "order.line_items.bundle",
+    "order.line_items.shipment",
+    "order.line_items.payment_method",
+    "order.line_items.adjustment",
+    "order.line_items.gift_card"
+  ],
+  "price-rules": ["price"]
+};
+function jt({
+  actions: e
+}) {
+  const [s, n] = x(0), {
+    setPath: l,
+    state: { selectedRuleIndex: o }
+  } = f();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { children: e?.map((a, i, r) => /* @__PURE__ */ t.jsx(
+      bt,
+      {
+        item: a,
+        index: i,
+        onDelete: r.length > 1 ? () => {
+          n((u) => u + 1);
+        } : void 0
+      },
+      `${o}-${i}-${s}`
+    )) }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+      V,
+      {
+        size: "small",
+        variant: "secondary",
+        alignItems: "center",
+        onClick: () => {
+          l(
+            `rules.${o}.actions.${e?.length ?? 0}`,
+            {
+              selector: "order"
+            }
+          );
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
+          " Add action"
+        ]
+      }
+    ) })
+  ] });
+}
+function _t({
+  value: e,
+  name: s
+}) {
+  const { setPath: n, schemaType: l } = f(), { t: o } = re(), a = de(null), i = l === "order-rules" ? "order" : l === "price-rules" ? "price" : void 0, r = oe(
+    $t.filter(
+      (u) => i != null && u.startsWith(i)
+    ).map((u) => ({
+      value: u,
+      label: o(`resource_paths.${u}`).replace(
+        "resource_paths.",
+        ""
+      )
+    })),
+    "label"
+  );
+  return /* @__PURE__ */ t.jsx(
+    g,
+    {
+      ref: a,
+      name: s,
+      initialValues: r,
+      defaultValue: e != null ? r.find((u) => u.value === e) ?? {
+        value: e,
+        label: e
+      } : void 0,
+      asTextSearch: !0,
+      isCreatable: !0,
+      loadAsyncValues: async (u) => {
+        if (i == null)
+          return [];
+        const c = r.filter(
+          (p) => p.label.includes(u)
+        ), d = (await Ie([i], u)).filter((p) => p.value.startsWith(u)).map((p) => {
+          const b = p.type === "relationship" || p.value.endsWith(".metadata") ? `${p.value}.` : p.value;
+          return {
+            value: b,
+            label: b
+          };
+        }), m = u.includes(".metadata") ? [{ label: u, value: u }] : [];
+        return [...c, ...d, ...m];
+      },
+      onSelect: async (u) => {
+        y(u) && (n(s, u.value), u.value.toString().endsWith(".") && a.current?.openMenu("first"));
+      }
+    }
+  );
+}
+const $t = [
+  "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_list_items.sku_list.id",
+  "order.line_items.sku.sku_list_items.sku_list.name",
+  "order.line_items.sku.tags.id",
+  "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.id",
+  "price.jwt_customer.tags.name",
+  "price.sku.sku_list_items.sku_list.id",
+  "price.sku.sku_list_items.sku_list.name",
+  "price.sku.code",
+  "price.sku.id",
+  "price.sku.tags.id",
+  "price.sku.tags.name",
+  "price.processed_at",
+  "price.amount_cents"
+];
+function Nt({
+  item: e,
+  pathPrefix: s
+}) {
+  const { setPath: n } = f(), { infos: l } = W(e);
+  let o = l?.field?.type;
+  o == null && (o = fe(e?.value));
+  const a = l?.resource?.id, i = ["tag"], r = [
+    "matches",
+    "does_not_match",
+    "array_match"
+  ], u = me.filter(({ fieldTypes: c, visible: d }) => d !== !1 && c.includes(o)).filter(({ matcher: c }) => a == null || a != null && !i.includes(a) || r.includes(c)).map(({ matcher: c, label: d }) => ({ value: c, label: d }));
+  return /* @__PURE__ */ t.jsx(
+    g,
+    {
+      className: "min-w-[175px]",
+      name: `${s}.matcher`,
+      value: e != null && e.matcher != null ? u.find((c) => c.value === e.matcher) ?? {
+        label: e.matcher != null ? `⚠️   ${e.matcher}` : "",
+        value: e.matcher
+      } : void 0,
+      initialValues: u,
+      onSelect: (c) => {
+        y(c) && (n(`${s}.matcher`, c.value), ie.includes(
+          c.value
+        ) && n(`${s}.value`, null));
+      }
+    }
+  );
+}
+const Ce = ({ value: e, pathKey: s, infos: n, onSelect: l }) => {
+  const { sdkClient: o } = De(), { setPath: a } = f(), i = n?.field?.name ?? "id", r = Ze(n?.resource?.id), { data: u } = Y(
+    r,
+    "list",
+    n?.resource?.id == null ? null : [J({ value: "" })]
+  ), { data: c, isLoading: d } = Y(
+    r,
+    "list",
+    n?.resource?.id == null ? null : [
+      {
+        ...J({ value: "" }),
+        filters: {
+          id_in: Array.isArray(e) ? e : [e]
+        }
+      }
+    ]
+  ), m = oe([...c ?? [], ...u ?? []], "id");
+  function h(p) {
+    return {
+      label: m?.find((b) => b.id === p.toString())?.name ?? `${d ? "" : "⚠️ "}${p.toString()}`,
+      value: p.toString()
+    };
+  }
+  return /* @__PURE__ */ t.jsx(
+    g,
+    {
+      placeholder: "Search...",
+      isClearable: !1,
+      isMulti: n?.matcherInfos?.isMulti,
+      defaultValue: Array.isArray(e) ? e.map(h) : e != null ? h(e) : void 0,
+      menuFooterText: u != null && u.meta.recordCount > 25 ? "Type to search for more options." : void 0,
+      initialValues: ee(m ?? [], i),
+      loadAsyncValues: async (p) => {
+        const b = await o[r].list(J({ value: p }));
+        return ee(b, i);
+      },
+      onSelect: (p) => {
+        l?.(p), E(p) ? a(
+          s,
+          p.map((b) => b.value).filter((b) => b != null)
+        ) : y(p) && a(s, p.value);
+      }
+    },
+    `${n?.matcherInfos?.isMulti?.toString()}-${d}-${JSON.stringify(m)}`
+  );
+};
+function J({ value: e }) {
+  return {
+    pageSize: 25,
+    sort: {
+      name: "asc"
+    },
+    filters: {
+      name_cont: e
+    }
+  };
+}
+function ee(e, s) {
+  return e.map((n) => ({
+    label: n.name,
+    // @ts-expect-error TODO: fix this
+    value: n[s]
+  }));
+}
+const R = {
+  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 te({
+  value: e,
+  pathPrefix: s,
+  hasResourceSelector: n = !1,
+  infos: l
+}) {
+  const { setPath: o } = f(), a = Object.keys(
+    R
+  )[0], i = ce(() => typeof e == "object" && e !== null && !Array.isArray(e) ? e : {
+    [a]: []
+  }, [e]);
+  C(() => {
+    (typeof e != "object" || Array.isArray(e) || e === null) && o(s, {
+      [a]: []
+    });
+  }, [e]);
+  const r = Object.keys(R).filter(
+    (u) => !(u in i)
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+    Object.entries(i).map(([u, c], d) => /* @__PURE__ */ t.jsx(
+      wt,
+      {
+        infos: l,
+        hasResourceSelector: n,
+        pathPrefix: s,
+        defaultValue: c,
+        initialMatcher: u,
+        remainingKeys: r
+      },
+      `${s}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+      d}`
+    )),
+    r.length > 0 && /* @__PURE__ */ t.jsxs(X, { top: "4", children: [
+      /* @__PURE__ */ t.jsx(
+        S,
+        {
+          className: "inline-flex",
+          menuPosition: "bottom-left",
+          dropdownItems: [
+            r.map((u) => /* @__PURE__ */ t.jsx(
+              _,
+              {
+                onClick: () => {
+                  o(`${s}.${u}`, []);
+                },
+                label: R[u].label
+              },
+              u
+            ))
+          ],
+          dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs($, { className: "flex gap-2 items-center", children: [
+            /* @__PURE__ */ t.jsx($, { weight: "bold", size: "small", children: "Add value" }),
+            " ",
+            /* @__PURE__ */ t.jsx(v, { name: "caretDown" })
+          ] }) })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(X, { top: "6", bottom: "2", children: /* @__PURE__ */ t.jsx(qe, { variant: "dashed" }) })
+    ] })
+  ] }, r.join("-"));
+}
+function wt({
+  initialMatcher: e,
+  defaultValue: s,
+  pathPrefix: n,
+  hasResourceSelector: l,
+  infos: o,
+  remainingKeys: a
+}) {
+  const [i, r] = x(s), { setPath: u } = f();
+  return C(() => {
+    u(`${n}.${e}`, i);
+  }, [i]), /* @__PURE__ */ t.jsx(
+    I,
+    {
+      label: /* @__PURE__ */ t.jsx(
+        S,
+        {
+          className: "inline-flex",
+          menuPosition: "bottom-left",
+          dropdownItems: [
+            a.map((c) => /* @__PURE__ */ t.jsx(
+              _,
+              {
+                onClick: () => {
+                  u(`${n}.${c}`, i), u(`${n}.${e}`, null);
+                },
+                label: R[c].label
+              },
+              c
+            )),
+            /* @__PURE__ */ t.jsx(
+              z,
+              {
+                hidden: a.length === 0
+              },
+              "divider"
+            ),
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                disabled: a.length === Object.keys(R).length - 1,
+                onClick: () => {
+                  u(`${n}.${e}`, null);
+                },
+                label: "Remove"
+              },
+              "remove"
+            )
+          ],
+          dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs(
+            $,
+            {
+              variant: "info",
+              size: "small",
+              className: "flex gap-2 items-center",
+              children: [
+                R[e].label,
+                " ",
+                /* @__PURE__ */ t.jsx(v, { name: "caretDown" })
+              ]
+            }
+          ) })
+        }
+      ),
+      children: l ? /* @__PURE__ */ t.jsx(
+        Ce,
+        {
+          infos: o,
+          value: i,
+          pathKey: `${n}.${e}`,
+          onSelect: (c) => {
+            E(c) && r(
+              c.map(
+                (d) => typeof d.value == "boolean" ? d.value.toString() : d.value
+              )
+            );
+          }
+        }
+      ) : /* @__PURE__ */ t.jsx(
+        g,
+        {
+          isMulti: !0,
+          isCreatable: !0,
+          placeholder: "Enter value",
+          defaultValue: (Array.isArray(i) ? i : []).map((c) => ({
+            value: c,
+            label: c.toString()
+          })),
+          initialValues: [],
+          onSelect: (c) => {
+            E(c) && r(
+              c.map(
+                (d) => typeof d.value == "boolean" ? d.value.toString() : d.value
+              )
+            );
+          }
+        }
+      )
+    }
+  );
+}
+function Ct({
+  value: e,
+  onChange: s
+}) {
+  const [n, l] = x(
+    Array.isArray(e) && typeof e[0] == "number" ? e[0] : null
+  ), [o, a] = x(
+    Array.isArray(e) && typeof e[1] == "number" ? e[1] : null
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "number",
+        placeholder: "Min",
+        value: n ?? "",
+        onChange: (i) => {
+          const r = parseInt(i.currentTarget.value, 10);
+          l(Number.isNaN(r) ? null : r), s([Number.isNaN(r) ? null : r, o]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "number",
+        placeholder: "Max",
+        value: o ?? "",
+        onChange: (i) => {
+          const r = parseInt(i.currentTarget.value, 10);
+          a(Number.isNaN(r) ? null : r), s([n, Number.isNaN(r) ? null : r]);
+        }
+      }
+    ) })
+  ] });
+}
+function Tt({
+  value: e,
+  onChange: s
+}) {
+  const [n, l] = x(
+    Array.isArray(e) && typeof e[0] == "string" ? e[0] : null
+  ), [o, a] = x(
+    Array.isArray(e) && typeof e[1] == "string" ? e[1] : null
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "text",
+        placeholder: "Min",
+        value: n ?? "",
+        onChange: (i) => {
+          const r = i.currentTarget.value;
+          l(r), s([r, o]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        type: "text",
+        placeholder: "Max",
+        value: o ?? "",
+        onChange: (i) => {
+          const r = i.currentTarget.value;
+          a(r), s([n, r]);
+        }
+      }
+    ) })
+  ] });
+}
+function St({
+  item: e,
+  pathPrefix: s
+}) {
+  const { setPath: n } = f(), { componentType: l, fieldType: o } = Vt(e), a = `${s}.value`, [i, r] = x(0), [u, c] = x({
+    componentType: l,
+    matcher: e?.matcher,
+    field: e?.field
+  }), d = e == null || ie.includes(
+    e.matcher
+  );
+  return C(
+    function() {
+      u.componentType !== l && (c((p) => ({
+        ...p,
+        componentType: l
+      })), u.matcher !== e?.matcher && (c((p) => ({
+        ...p,
+        matcher: e?.matcher
+      })), e?.matcher === "array_match" ? n(a, { in_and: [] }) : n(a, null), r((p) => p + 1))), u.field !== e?.field && (c((p) => ({
+        ...p,
+        field: e?.field
+      })), n(a, null), r((p) => p + 1));
+    },
+    [e]
+  ), d ? null : l === "arrayMatch" || l === "resourceSelector" && e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    ne,
+    {
+      item: e,
+      fieldType: o,
+      componentType: l,
+      pathKey: a
+    }
+  ) }, i) : /* @__PURE__ */ t.jsx(
+    I,
+    {
+      label: /* @__PURE__ */ t.jsx($, { variant: "info", size: "small", children: "Value" }),
+      children: /* @__PURE__ */ t.jsx(
+        ne,
+        {
+          item: e,
+          fieldType: o,
+          componentType: l,
+          pathKey: a
+        }
+      )
+    },
+    i
+  );
+}
+function ne({
+  item: e,
+  fieldType: s,
+  componentType: n,
+  pathKey: l
+}) {
+  const { setPath: o } = f(), { user: a } = ue(), { infos: i } = W(e), r = Te(e) ? e.value : void 0;
+  switch (n) {
+    case "date": {
+      const u = Z(typeof r == "string" ? r : "");
+      return /* @__PURE__ */ t.jsx(
+        Fe,
+        {
+          value: L(u) ? u : void 0,
+          showTimeSelect: !0,
+          placeholder: "Enter value",
+          onChange: (c) => {
+            o(l, c?.toJSON());
+          },
+          timezone: a?.timezone
+        }
+      );
+    }
+    case "dateRange": {
+      const u = Array.isArray(r) ? r.map((c) => {
+        const d = Z(typeof c == "string" ? c : "");
+        return L(d) ? d : null;
+      }) : [null, null];
+      return /* @__PURE__ */ t.jsx(
+        Le,
+        {
+          value: u,
+          showTimeSelect: !0,
+          onChange: (c) => {
+            o(
+              l,
+              c.map((d) => d?.toJSON() ?? null)
+            );
+          }
+        }
+      );
+    }
+    case "numberRange":
+      return /* @__PURE__ */ t.jsx(
+        Ct,
+        {
+          value: r,
+          onChange: (u) => {
+            o(l, u);
+          }
+        }
+      );
+    case "textRange":
+      return /* @__PURE__ */ t.jsx(
+        Tt,
+        {
+          value: r,
+          onChange: (u) => {
+            o(l, u);
+          }
+        }
+      );
+    case "arrayMatch":
+      return /* @__PURE__ */ t.jsx(te, { infos: i, value: r, pathPrefix: l });
+    case "tag":
+      return /* @__PURE__ */ t.jsx(
+        g,
+        {
+          isMulti: !0,
+          isClearable: !1,
+          isCreatable: !0,
+          defaultValue: Array.isArray(r) ? r.map((u) => ({
+            label: u.toString(),
+            value: u
+          })) : [],
+          initialValues: [],
+          onSelect: (u) => {
+            E(u) && o(
+              l,
+              u.map((c) => {
+                if (s === "integer") {
+                  const d = parseInt(c.value.toString(), 10);
+                  return Number.isNaN(d) ? null : d;
+                }
+                return c.value;
+              }).filter((c) => c != null)
+            );
+          }
+        }
+      );
+    case "resourceSelector":
+      return e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx(
+        te,
+        {
+          infos: i,
+          value: r,
+          pathPrefix: l,
+          hasResourceSelector: !0
+        }
+      ) : /* @__PURE__ */ t.jsx(Ce, { infos: i, value: r, pathKey: l });
+    case "number":
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          name: l,
+          type: "number",
+          defaultValue: typeof r == "number" ? r : "",
+          placeholder: "Enter value",
+          onChange: (u) => {
+            o(l, parseInt(u.currentTarget.value, 10));
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ t.jsx(
+        g,
+        {
+          name: l,
+          defaultValue: typeof r == "boolean" ? {
+            label: r ? "Yes" : "No",
+            value: r
+          } : void 0,
+          initialValues: [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ],
+          onSelect: (u) => {
+            y(u) && o(l, u.value);
+          }
+        }
+      );
+    case "text":
+    case null:
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          name: l,
+          type: "text",
+          defaultValue: typeof r == "string" ? r : JSON.stringify(r),
+          placeholder: "Enter value",
+          onChange: (u) => {
+            o(l, u.currentTarget.value);
+          }
+        }
+      );
+    default:
+      return ae();
+  }
+}
+function Te(e) {
+  return e != null && "value" in e;
+}
+function At(e, s, n) {
+  let l = null;
+  switch (e) {
+    case "datetime": {
+      l = "date";
+      break;
+    }
+    case "boolean": {
+      l = "boolean";
+      break;
+    }
+    case "string": {
+      l = "text";
+      break;
+    }
+    case "integer":
+    case "float": {
+      l = "number";
+      break;
+    }
+    case "array":
+    case "json":
+    case "object":
+      break;
+    default: {
+      l = "text";
+      break;
+    }
+  }
+  switch (s) {
+    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": {
+      l === "number" && (l = "numberRange"), l === "text" && (l = "textRange"), l === "date" && (l = "dateRange");
+      break;
+    }
+    case "is_in":
+    case "is_not_in": {
+      l = "tag";
+      break;
+    }
+    case "array_match": {
+      l = "arrayMatch";
+      break;
+    }
+  }
+  return n?.resourceSelectorAvailable && (l = "resourceSelector"), l;
+}
+function Vt(e) {
+  const { infos: s } = W(e);
+  let n = s?.field?.type;
+  Te(e) && (n == null && (n = fe(e.value)), (typeof e.value == "string" && /^{{.*}}$/.test(e.value) || Array.isArray(e.value) && e.value.some((o) => typeof o == "string" && /^{{.*}}$/.test(o))) && (n = "string"));
+  const l = At(n, e?.matcher, s);
+  return { fieldType: n, componentType: l };
+}
+function kt({
+  item: e,
+  nestingLevel: s,
+  pathPrefix: n,
+  onDelete: l
+}) {
+  const { setPath: o, setRenderOption: a, optionsConfig: i } = f(), { available: r } = $e(
+    e,
+    i.conditions
+  ), u = [];
+  return s < 2 && (u[0] ??= [], u[0].push(
+    /* @__PURE__ */ t.jsx(
+      _,
+      {
+        label: "Nest conditions",
+        onClick: () => {
+          o(
+            `${n}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
+            void 0
+          );
+        }
+      }
+    )
+  )), l != null && (u[1] ??= [], u[1].push(
+    /* @__PURE__ */ t.jsx(
+      _,
+      {
+        label: "Delete",
+        onClick: () => {
+          o(`${n}`, null), a(`${n}`, null), l();
+        }
+      }
+    )
+  )), /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs(
+    xe,
+    {
+      pathPrefix: n,
+      dropdownItems: u.map((c, d, m) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+        /* @__PURE__ */ t.jsxs(P.Fragment, { children: [
+          c.map((h, p) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+            /* @__PURE__ */ t.jsx(P.Fragment, { children: h }, p)
+          )),
+          d < m.length - 1 && /* @__PURE__ */ t.jsx(z, {})
+        ] }, d)
+      )),
+      options: !H(e?.field) && !H(e?.matcher) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(St, { item: e, pathPrefix: n }),
+        /* @__PURE__ */ t.jsx(Ne, { item: e, pathPrefix: n }),
+        r.length > 0 && /* @__PURE__ */ t.jsx(
+          S,
+          {
+            className: "inline-flex mt-6",
+            menuPosition: "bottom-left",
+            dropdownItems: r.map((c) => /* @__PURE__ */ t.jsx(
+              _,
+              {
+                onClick: () => {
+                  switch (c.name) {
+                    case "scope":
+                      o(`${n}.scope`, "any");
+                      break;
+                    case "aggregations":
+                      o(`${n}.aggregations`, [{}]);
+                      break;
+                    case "group":
+                      o(`${n}.group`, null, !0);
+                      break;
+                  }
+                },
+                label: c.label
+              },
+              `option-${c.name}`
+            )),
+            dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs($, { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ t.jsx($, { weight: "bold", size: "small", children: "Add option" }),
+              " ",
+              /* @__PURE__ */ t.jsx(v, { name: "caretDown" })
+            ] }) })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(_t, { value: e?.field, name: `${n}.field` }) }),
+        /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Nt, { item: e, pathPrefix: n }) })
+      ]
+    }
+  ) });
+}
+function Se({
+  item: e,
+  children: s,
+  nestingLevel: n = 0,
+  pathPrefix: l
+}) {
+  const {
+    state: { selectedRuleIndex: o }
+  } = f(), a = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: i } = f(), [r, u] = x(0), c = n > 0;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: A("query-group", {
+        "p-4 border border-gray-200 rounded-md": c
+      }),
+      children: [
+        s,
+        e != null && (e.conditions ?? []).length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          c && /* @__PURE__ */ t.jsxs(
+            "select",
+            {
+              onChange: (d) => {
+                i(
+                  `${l}.conditions_logic`,
+                  d.currentTarget.value
+                );
+              },
+              defaultValue: a,
+              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__ */ t.jsx("option", { value: "and", children: "Nested in AND" }),
+                /* @__PURE__ */ t.jsx("option", { value: "or", children: "Nested in OR" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: A({
+                "border-l border-gray-200 ml-3 pt-3": c
+              }),
+              children: e?.conditions?.map((d, m, h) => {
+                const p = m === h.length - 1;
+                return /* @__PURE__ */ t.jsxs(
+                  "div",
+                  {
+                    className: "flex items-center mb-4 last:mb-0 relative",
+                    children: [
+                      c && /* @__PURE__ */ t.jsx(Mt, { rounded: p }),
+                      /* @__PURE__ */ t.jsx(
+                        "div",
+                        {
+                          className: A("w-full", {
+                            "ml-4": c
+                          }),
+                          children: /* @__PURE__ */ t.jsx(
+                            Se,
+                            {
+                              item: d?.nested ?? void 0,
+                              nestingLevel: d?.nested != null ? n + 1 : 0,
+                              pathPrefix: `${l}.conditions.${m}.nested`,
+                              children: /* @__PURE__ */ t.jsx(
+                                "div",
+                                {
+                                  className: A({
+                                    "mb-4": d?.nested != null
+                                  }),
+                                  children: /* @__PURE__ */ t.jsx(
+                                    kt,
+                                    {
+                                      item: d,
+                                      nestingLevel: n,
+                                      pathPrefix: `${l}.conditions.${m}`,
+                                      onDelete: h.length > 1 || n > 0 ? () => {
+                                        u((b) => b + 1);
+                                      } : void 0
+                                    }
+                                  )
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  },
+                  `${o}-${m}-${r}`
+                );
+              })
+            }
+          ),
+          c && /* @__PURE__ */ t.jsx(
+            V,
+            {
+              variant: "link",
+              className: "ml-7 mt-4 text-sm font-bold !no-underline",
+              onClick: () => {
+                i(
+                  `${l}.conditions.${e?.conditions?.length ?? 0}`,
+                  void 0
+                );
+              },
+              children: /* @__PURE__ */ t.jsxs($, { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ t.jsx(v, { name: "plus" }),
+                " Add condition"
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Mt({
+  rounded: e = !1
+}) {
+  return e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "absolute -left-px top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ t.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__ */ t.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-3.5 h-px bg-gray-200" });
+}
+function Rt() {
+  const {
+    setPath: e,
+    state: { value: s, selectedRuleIndex: n }
+  } = f(), [l, o] = x(
+    s.rules?.[n]?.name ?? ""
+  );
+  return C(() => {
+    o(s.rules?.[n]?.name ?? "");
+  }, [n]), // <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__ */ t.jsx(
+    "div",
+    {
+      contentEditable: "plaintext-only",
+      suppressContentEditableWarning: !0,
+      onInput: (a) => {
+        const r = a.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        e(`rules.${n}.name`, r);
+      },
+      onKeyDown: (a) => {
+        a.key === "Enter" && (a.preventDefault(), a.currentTarget.blur());
+      },
+      onBlur: (a) => {
+        const i = a.currentTarget;
+        i.innerText = i.innerText.replace(/[\n\s]+/g, " ").trim();
+      },
+      children: l
+    },
+    n
+  );
+}
+const se = {
+  rules: []
+}, F = (e) => {
+  try {
+    return JSON.parse(e ?? JSON.stringify(se));
+  } catch {
+    return se;
+  }
+}, Ot = (e) => {
+  try {
+    return JSON.parse(e ?? "{}"), !0;
+  } catch {
+    return !1;
+  }
+};
+function Jt(e) {
+  const {
+    settings: { domain: s }
+  } = ue(), [n, l] = x({
+    actions: {},
+    conditions: []
+  }), [o, a] = x(
+    F(e.value ?? e.defaultValue)
+  );
+  return C(
+    function() {
+      o.rules?.length === 0 && a(F(e.value));
+    },
+    [e.value]
+  ), C(
+    function() {
+      ze(e.schemaType, s).then((r) => {
+        const u = tt(
+          r,
+          e.schemaType
+        );
+        l(u);
+      });
+    },
+    [s]
+  ), /* @__PURE__ */ t.jsx(
+    Pe,
+    {
+      initialValue: {
+        value: { rules: o.rules },
+        schemaType: e.schemaType,
+        optionsConfig: n
+      },
+      children: /* @__PURE__ */ t.jsx(Et, { ...e })
+    }
+  );
+}
+function Et(e) {
+  const {
+    state: { value: s, selectedRuleIndex: n },
+    setSelectedRuleIndex: l,
+    setValue: o,
+    setPath: a
+  } = f(), [i, r] = x(!1), [u, c] = x(
+    e.defaultCodeEditorVisible ?? !1
+  ), d = s.rules?.[n], m = de(null), [h, p] = x(0);
+  C(
+    function() {
+      !i && !k(F(m.current?.getValue()), s) && (m.current?.setValue(JSON.stringify(s, null, 2)), e.onChange?.(s));
+    },
+    [s]
+  );
+  const b = M(
+    (w) => {
+      const N = F(w);
+      i && Ot(w) && !k(N, s) && (o(N), p((G) => G + 1), e.onChange?.(N));
+    },
+    [s, i]
+  );
+  return /* @__PURE__ */ t.jsx(
+    Ge,
+    {
+      hint: e.hint,
+      feedback: e.feedback,
+      className: "h-full [&>div:first-of-type]:h-full",
+      children: /* @__PURE__ */ t.jsxs("section", { className: "flex h-full", children: [
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: `shrink-0 basis-3/5 overflow-x-auto relative flex flex-col ${u ? "" : "grow"}`,
+            children: [
+              /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "flex items-center flex-wrap basis-full", children: [
+                  s.rules?.map((w, N, G) => {
+                    const Ae = `#${(N + 1).toString().padStart(2, "0")}`;
+                    return /* @__PURE__ */ t.jsxs(
+                      "div",
+                      {
+                        className: "flex items-center py-3 pl-4 pr-2 border-r basis-[88px] justify-center",
+                        children: [
+                          /* @__PURE__ */ t.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: A("font-bold mr-2", {
+                                "text-black": n === N
+                              }),
+                              onClick: () => {
+                                l(N);
+                              },
+                              children: Ae
+                            }
+                          ),
+                          /* @__PURE__ */ t.jsx(
+                            S,
+                            {
+                              menuPosition: N === 0 ? "bottom-left" : "bottom-right",
+                              dropdownLabel: /* @__PURE__ */ t.jsx(V, { variant: "circle", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16 }) }),
+                              dropdownItems: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                                /* @__PURE__ */ t.jsx(
+                                  _,
+                                  {
+                                    onClick: () => {
+                                      const U = s.rules?.length ?? 0;
+                                      a(`rules.${U}`, {
+                                        ...w,
+                                        id: void 0,
+                                        name: `${w.name} (copy)`
+                                      }), l(U);
+                                    },
+                                    label: "Duplicate"
+                                  }
+                                ),
+                                /* @__PURE__ */ t.jsx(z, {}),
+                                /* @__PURE__ */ t.jsx(
+                                  _,
+                                  {
+                                    disabled: G.length === 1,
+                                    onClick: () => {
+                                      a(`rules.${N}`, null), n >= N && l(n - 1);
+                                    },
+                                    label: "Delete"
+                                  }
+                                )
+                              ] })
+                            }
+                          )
+                        ]
+                      },
+                      `${N}-${w.id}`
+                    );
+                  }),
+                  /* @__PURE__ */ t.jsx("div", { className: "min-h-[49px] flex items-center", children: /* @__PURE__ */ t.jsx(
+                    V,
+                    {
+                      variant: "circle",
+                      className: "mx-4",
+                      onClick: () => {
+                        a(`rules.${s.rules?.length ?? 0}`, {
+                          name: "Rule name",
+                          actions: [null],
+                          conditions: [null]
+                        }), l(s.rules?.length ?? 0);
+                      },
+                      children: /* @__PURE__ */ t.jsx(v, { name: "plus", size: 16, className: "shrink-0" })
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ t.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ t.jsx(
+                  V,
+                  {
+                    variant: "circle",
+                    onClick: () => {
+                      c(!u);
+                    },
+                    children: /* @__PURE__ */ t.jsx(v, { name: "sidebarSimple", size: 16 })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t.jsx(Dt, { children: d && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                /* @__PURE__ */ t.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
+                  /* @__PURE__ */ t.jsx(Rt, {}),
+                  /* @__PURE__ */ t.jsx(v, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                ] }),
+                /* @__PURE__ */ t.jsxs(
+                  le,
+                  {
+                    title: /* @__PURE__ */ t.jsxs("div", { children: [
+                      "When",
+                      " ",
+                      /* @__PURE__ */ t.jsxs(
+                        "select",
+                        {
+                          onChange: (w) => {
+                            a(
+                              `rules.${n}.conditions_logic`,
+                              w.currentTarget.value
+                            );
+                          },
+                          value: d?.conditions_logic ?? "all",
+                          className: A(
+                            "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",
+                            "ml-1 mr-1.5"
+                          ),
+                          children: [
+                            /* @__PURE__ */ t.jsx("option", { value: "and", children: "All" }),
+                            /* @__PURE__ */ t.jsx("option", { value: "or", children: "Any" })
+                          ]
+                        }
+                      ),
+                      "conditions occur"
+                    ] }),
+                    icon: "treeView",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        Se,
+                        {
+                          item: d,
+                          pathPrefix: `rules.${n}`
+                        }
+                      ),
+                      /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+                        V,
+                        {
+                          size: "small",
+                          variant: "secondary",
+                          alignItems: "center",
+                          onClick: () => {
+                            a(
+                              `rules.${n}.conditions.${d?.conditions?.length ?? 0}`,
+                              void 0
+                            );
+                          },
+                          children: [
+                            /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
+                            " Add condition"
+                          ]
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(It, { children: "do" }),
+                /* @__PURE__ */ t.jsx(le, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(jt, { actions: d?.actions }) })
+              ] }) })
+            ]
+          },
+          h
+        ),
+        u && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
+          Je,
+          {
+            ref: m,
+            name: e.id ?? e.name,
+            height: "100%",
+            language: "json",
+            jsonSchema: e.schemaType,
+            defaultValue: JSON.stringify(s, null, 2),
+            noRounding: !0,
+            onFocus: () => {
+              r(!0);
+            },
+            onBlur: () => {
+              r(!1);
+            },
+            onChange: b
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function It({ children: e }) {
+  return /* @__PURE__ */ t.jsxs("div", { className: "text-gray-500 flex items-center justify-center flex-col", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "h-6 w-[2px] bg-gray-200" }),
+    /* @__PURE__ */ t.jsx("span", { className: "font-bold my-1 bg-gray-200 px-3 relative uppercase rounded h-[25px] items-center flex text-sm", children: e }),
+    /* @__PURE__ */ t.jsx("div", { className: "h-6 w-[2px] bg-gray-200" })
+  ] });
+}
+function le({
+  children: e,
+  title: s,
+  icon: n
+}) {
+  return /* @__PURE__ */ t.jsxs("div", { className: "rounded-md bg-white shadow-xs", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-4 py-4 border-b border-gray-100", children: [
+      /* @__PURE__ */ t.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__ */ t.jsx(v, { name: n }) }),
+      /* @__PURE__ */ t.jsx("h2", { className: "font-semibold", children: s })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "p-6", children: e })
+  ] });
+}
+function Dt({
+  children: e
+}) {
+  return /* @__PURE__ */ t.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__ */ t.jsx("div", { className: "max-w-[900px] mx-auto", children: e }) });
+}
+export {
+  Jt as RuleEngine
+};