@commercelayer/app-elements 6.3.0 → 6.4.1

package/dist/{RuleEngineComponent-CDGtF4ug.js → RuleEngineComponent-DZ7eYNPc.js}

@@ -1,174 +1,174 @@
 "use client";
-import { t as L, B as be, D as ye, E as ve, I as je, N as _e, O as Te, P as Ne, Z as R, b as Me, d as we, e as Se, f as Ce, g as $e, h as ke, i as Ee, j as Ve, k as Re, l as F, n as Ae, o as Ie, p as Ze, q as De, r as Oe, s as Pe, u as qe, v as Le, w as Fe, x as Ge, y as ze, z as Ue, A as We, C as Je, F as Be, G as Ye, H as Xe, J as He, K as Qe, L as Ke, M as et, Q as tt, R as at, S as st, T as nt, U as rt, V as lt, W as it, X as ot, Y as ct, _ as ut, $ as dt, a0 as mt, a1 as pt, a2 as ft, a3 as ht, a4 as gt, a5 as xt, a6 as bt, a7 as yt, a8 as vt, a9 as G, aa as jt, ab as _t, ac as Tt, ad as Nt, ae as Mt, af as wt, ag as St, ah as Ct, ai as $t, aj as kt, ak as Et, al as Vt, am as Rt, an as At, ao as It, ap as Zt, aq as Dt, ar as Ot, as as Pt, at as qt, au as Lt, av as Ft, aw as Gt, ax as zt, ay as Ut, az as Wt, aA as Jt, aB as Bt, aC as Yt, aD as Xt, aE as Ht, aF as Qt, aG as Kt, aH as ea, aI as ta, aJ as aa, aK as sa, aL as na, aM as ra, aN as la, aO as ia, aP as oa, aQ as ca, aR as ua, aS as da, aT as ma, aU as t, aV as Z, aW as z, aX as $, aY as pa, aZ as fa, a_ as ha, a$ as te, b0 as y, b1 as v, b2 as T, b3 as E, b4 as D, b5 as M, b6 as j, b7 as ae, b8 as N, b9 as se, ba as ga, bb as ne, bc as xa, bd as U, be as re, bf as ba, bg as ya, bh as le, bi as ie, bj as S, bk as va, bl as w, bm as ja, bn as _a, bo as Ta } from "./main-Zwf-ZNBk.js";
-import W, { useReducer as Na, useCallback as C, useMemo as Ma, createContext as wa, useContext as Sa, useState as g, useEffect as _, useRef as O } from "react";
+import { t as F, B as _e, D as Te, E as Ne, I as we, N as Me, O as Ce, P as Se, Z, b as $e, d as ke, e as Ee, f as Ae, g as Ve, h as Re, i as Ie, j as Ze, k as De, l as G, n as Oe, o as qe, p as Pe, q as Le, r as ze, s as Fe, u as Ge, v as Ue, w as Je, x as We, y as Be, z as Ye, A as Xe, C as He, F as Qe, G as Ke, H as et, J as tt, K as at, L as st, M as nt, Q as rt, R as lt, S as it, T as ot, U as ct, V as ut, W as dt, X as mt, Y as pt, _ as ht, $ as ft, a0 as xt, a1 as gt, a2 as bt, a3 as yt, a4 as vt, a5 as jt, a6 as _t, a7 as Tt, a8 as Nt, a9 as U, aa as wt, ab as Mt, ac as Ct, ad as St, ae as $t, af as kt, ag as Et, ah as At, ai as Vt, aj as Rt, ak as It, al as Zt, am as Dt, an as Ot, ao as qt, ap as Pt, aq as Lt, ar as zt, as as Ft, at as Gt, au as Ut, av as Jt, aw as Wt, ax as Bt, ay as Yt, az as Xt, aA as Ht, aB as Qt, aC as Kt, aD as ea, aE as ta, aF as aa, aG as sa, aH as na, aI as ra, aJ as la, aK as ia, aL as oa, aM as ca, aN as ua, aO as da, aP as ma, aQ as pa, aR as ha, aS as fa, aT as xa, aU as t, aV as q, aW as J, aX as E, aY as ga, aZ as ba, a_ as ya, a$ as y, b0 as V, b1 as M, b2 as ne, b3 as b, b4 as v, b5 as w, b6 as N, b7 as R, b8 as T, b9 as re, ba as S, bb as le, bc as va, bd as ie, be as ja, bf as W, bg as B, bh as _a, bi as P, bj as oe, bk as Ta, bl as Na, bm as wa, bn as Ma, bo as Ca } from "./main-DKRFxDxK.js";
+import Y, { useReducer as Sa, useCallback as k, useMemo as ce, createContext as $a, useContext as ka, useState as x, useEffect as _, useRef as ue } from "react";
 import "react-hook-form";
 import "wouter";
-import { p as J } from "./parseISO-DQvhbRdk.js";
-function B(e, a) {
-  const n = e.match(
+import { p as X } from "./parseISO-Ctdvusm6.js";
+function H(e, a) {
+  const s = 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 ? L(
+  return s ? F(
     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[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
-  ) : L(NaN, a?.in);
+  ) : F(NaN, a?.in);
 }
-const b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BRAND: be,
-  DIRTY: ye,
-  EMPTY_PATH: ve,
-  INVALID: je,
-  NEVER: _e,
-  OK: Te,
-  ParseStatus: Ne,
-  Schema: R,
-  ZodAny: Me,
-  ZodArray: we,
-  ZodBigInt: Se,
-  ZodBoolean: Ce,
-  ZodBranded: $e,
-  ZodCatch: ke,
-  ZodDate: Ee,
-  ZodDefault: Ve,
-  ZodDiscriminatedUnion: Re,
-  ZodEffects: F,
-  ZodEnum: Ae,
-  ZodError: Ie,
+  BRAND: _e,
+  DIRTY: Te,
+  EMPTY_PATH: Ne,
+  INVALID: we,
+  NEVER: Me,
+  OK: Ce,
+  ParseStatus: Se,
+  Schema: Z,
+  ZodAny: $e,
+  ZodArray: ke,
+  ZodBigInt: Ee,
+  ZodBoolean: Ae,
+  ZodBranded: Ve,
+  ZodCatch: Re,
+  ZodDate: Ie,
+  ZodDefault: Ze,
+  ZodDiscriminatedUnion: De,
+  ZodEffects: G,
+  ZodEnum: Oe,
+  ZodError: qe,
   get ZodFirstPartyTypeKind() {
-    return Ze;
+    return Pe;
   },
-  ZodFunction: De,
-  ZodIntersection: Oe,
-  ZodIssueCode: Pe,
-  ZodLazy: qe,
-  ZodLiteral: Le,
-  ZodMap: Fe,
-  ZodNaN: Ge,
-  ZodNativeEnum: ze,
-  ZodNever: Ue,
-  ZodNull: We,
-  ZodNullable: Je,
-  ZodNumber: Be,
-  ZodObject: Ye,
-  ZodOptional: Xe,
-  ZodParsedType: He,
-  ZodPipeline: Qe,
-  ZodPromise: Ke,
-  ZodReadonly: et,
-  ZodRecord: tt,
-  ZodSchema: R,
-  ZodSet: at,
-  ZodString: st,
-  ZodSymbol: nt,
-  ZodTransformer: F,
-  ZodTuple: rt,
-  ZodType: R,
-  ZodUndefined: lt,
-  ZodUnion: it,
-  ZodUnknown: ot,
-  ZodVoid: ct,
-  addIssueToContext: ut,
-  any: dt,
-  array: mt,
-  bigint: pt,
-  boolean: ft,
-  coerce: ht,
-  custom: gt,
-  date: xt,
-  datetimeRegex: bt,
-  defaultErrorMap: yt,
-  discriminatedUnion: vt,
-  effect: G,
-  enum: jt,
-  function: _t,
-  getErrorMap: Tt,
-  getParsedType: Nt,
-  instanceof: Mt,
-  intersection: wt,
-  isAborted: St,
-  isAsync: Ct,
-  isDirty: $t,
-  isValid: kt,
-  late: Et,
-  lazy: Vt,
-  literal: Rt,
-  makeIssue: At,
-  map: It,
-  nan: Zt,
-  nativeEnum: Dt,
-  never: Ot,
-  null: Pt,
-  nullable: qt,
-  number: Lt,
-  object: Ft,
+  ZodFunction: Le,
+  ZodIntersection: ze,
+  ZodIssueCode: Fe,
+  ZodLazy: Ge,
+  ZodLiteral: Ue,
+  ZodMap: Je,
+  ZodNaN: We,
+  ZodNativeEnum: Be,
+  ZodNever: Ye,
+  ZodNull: Xe,
+  ZodNullable: He,
+  ZodNumber: Qe,
+  ZodObject: Ke,
+  ZodOptional: et,
+  ZodParsedType: tt,
+  ZodPipeline: at,
+  ZodPromise: st,
+  ZodReadonly: nt,
+  ZodRecord: rt,
+  ZodSchema: Z,
+  ZodSet: lt,
+  ZodString: it,
+  ZodSymbol: ot,
+  ZodTransformer: G,
+  ZodTuple: ct,
+  ZodType: Z,
+  ZodUndefined: ut,
+  ZodUnion: dt,
+  ZodUnknown: mt,
+  ZodVoid: pt,
+  addIssueToContext: ht,
+  any: ft,
+  array: xt,
+  bigint: gt,
+  boolean: bt,
+  coerce: yt,
+  custom: vt,
+  date: jt,
+  datetimeRegex: _t,
+  defaultErrorMap: Tt,
+  discriminatedUnion: Nt,
+  effect: U,
+  enum: wt,
+  function: Mt,
+  getErrorMap: Ct,
+  getParsedType: St,
+  instanceof: $t,
+  intersection: kt,
+  isAborted: Et,
+  isAsync: At,
+  isDirty: Vt,
+  isValid: Rt,
+  late: It,
+  lazy: Zt,
+  literal: Dt,
+  makeIssue: Ot,
+  map: qt,
+  nan: Pt,
+  nativeEnum: Lt,
+  never: zt,
+  null: Ft,
+  nullable: Gt,
+  number: Ut,
+  object: Jt,
   get objectUtil() {
-    return Gt;
+    return Wt;
   },
-  oboolean: zt,
-  onumber: Ut,
-  optional: Wt,
-  ostring: Jt,
-  pipeline: Bt,
-  preprocess: Yt,
-  promise: Xt,
-  quotelessJson: Ht,
-  record: Qt,
-  set: Kt,
-  setErrorMap: ea,
-  strictObject: ta,
-  string: aa,
-  symbol: sa,
-  transformer: G,
-  tuple: na,
-  undefined: ra,
-  union: la,
-  unknown: ia,
+  oboolean: Bt,
+  onumber: Yt,
+  optional: Xt,
+  ostring: Ht,
+  pipeline: Qt,
+  preprocess: Kt,
+  promise: ea,
+  quotelessJson: ta,
+  record: aa,
+  set: sa,
+  setErrorMap: na,
+  strictObject: ra,
+  string: la,
+  symbol: ia,
+  transformer: U,
+  tuple: oa,
+  undefined: ca,
+  union: ua,
+  unknown: da,
   get util() {
-    return oa;
+    return ma;
   },
-  void: ca
+  void: pa
 }, Symbol.toStringTag, { value: "Module" }));
-var Ca = 1, $a = 4;
-function ka(e) {
-  return ua(e, Ca | $a);
+var Ea = 1, Aa = 4;
+function Va(e) {
+  return ha(e, Ea | Aa);
 }
-function A(e, a, n) {
-  return e == null ? e : da(e, a, n);
+function D(e, a, s) {
+  return e == null ? e : fa(e, a, s);
 }
-function Y(e, a) {
-  return e == null ? !0 : ma(e, a);
+function Q(e, a) {
+  return e == null ? !0 : xa(e, a);
 }
-const oe = wa(
+const de = $a(
   void 0
 );
-function Ea(e, a) {
+function Ra(e, a) {
   switch (a.type) {
     case "SET_PATH": {
-      const n = ka(e.value);
+      const s = Va(e.value);
       if (/actions\.\d\.[\w_]+$/.test(a.path)) {
-        const s = a.path.replace(/\.[\w_]+$/, "");
-        z(n, s)?.groups == null && A(n, `${s}.groups`, []);
+        const n = a.path.replace(/\.[\w_]+$/, "");
+        J(s, n)?.groups == null && D(s, `${n}.groups`, []);
       }
       if (a.value === null)
         if (/\.\d+$/.test(a.path)) {
-          const s = a.path.replace(/\.\d+$/, ""), o = parseInt(a.path.match(/\d+$/)?.[0] ?? "0", 10), c = z(n, s);
-          Array.isArray(c) && (c.splice(o, 1), A(n, s, c), c.length === 0 && s.endsWith(".nested.conditions") && Y(n, s.replace(/\.conditions$/, "")));
+          const n = a.path.replace(/\.\d+$/, ""), i = parseInt(a.path.match(/\d+$/)?.[0] ?? "0", 10), o = J(s, n);
+          Array.isArray(o) && (o.splice(i, 1), D(s, n, o), o.length === 0 && n.endsWith(".nested.conditions") && Q(s, n.replace(/\.conditions$/, "")));
         } else
-          Y(n, a.path);
+          Q(s, a.path);
       else
-        A(n, a.path, a.value);
+        D(s, a.path, a.value);
       return {
         ...e,
-        value: n
+        value: s
       };
     }
     case "SET_SELECTED_RULE_INDEX":
@@ -177,7 +177,7 @@ function Ea(e, a) {
         selectedRuleIndex: a.index
       };
     case "SET_VALUE":
-      return Z(e.value, a.value) ? e : (a.value.rules?.length ?? 0) === 0 ? {
+      return q(e.value, a.value) ? e : (a.value.rules?.length ?? 0) === 0 ? {
         selectedRuleIndex: 0,
         value: {
           rules: [
@@ -198,48 +198,48 @@ function Ea(e, a) {
       return e;
   }
 }
-function Va({
+function Ia({
   children: e,
   initialValue: a
 }) {
-  const [n, s] = Na(Ea, {
+  const [s, n] = Sa(Ra, {
     value: a.value,
     selectedRuleIndex: 0
-  }), o = C((l, i) => {
-    s({ type: "SET_PATH", path: l, value: i });
-  }, []), c = C((l) => {
-    s({ type: "SET_SELECTED_RULE_INDEX", index: l }), l < 0 && setTimeout(() => {
-      s({ type: "SET_SELECTED_RULE_INDEX", index: 0 });
+  }), i = k((r, u) => {
+    n({ type: "SET_PATH", path: r, value: u });
+  }, []), o = k((r) => {
+    n({ type: "SET_SELECTED_RULE_INDEX", index: r }), r < 0 && setTimeout(() => {
+      n({ type: "SET_SELECTED_RULE_INDEX", index: 0 });
     }, 50);
-  }, []), u = C((l) => {
-    s({ type: "SET_VALUE", value: l });
-  }, []), r = Ma(
+  }, []), c = k((r) => {
+    n({ type: "SET_VALUE", value: r });
+  }, []), l = ce(
     () => ({
-      state: n,
-      setPath: o,
-      setSelectedRuleIndex: c,
-      setValue: u,
+      state: s,
+      setPath: i,
+      setSelectedRuleIndex: o,
+      setValue: c,
       availableActionTypes: a.availableActionTypes,
       schemaType: a.schemaType
     }),
     [
-      n,
+      s,
+      i,
       o,
       c,
-      u,
       a.availableActionTypes,
       a.schemaType
     ]
   );
-  return /* @__PURE__ */ t.jsx(oe.Provider, { value: r, children: e });
+  return /* @__PURE__ */ t.jsx(de.Provider, { value: l, children: e });
 }
-function x() {
-  const e = Sa(oe);
+function f() {
+  const e = ka(de);
   if (e === void 0)
     throw new Error("useRuleEngine must be used within a RuleEngineProvider");
   return e;
 }
-const ce = [
+const me = [
   {
     /** Matches if field value equals provided value
      * @field Integer, String, Datetime, Boolean
@@ -541,101 +541,156 @@ const ce = [
     exactMatch: !0
   }
 ];
-function ue(e) {
+function pe(e) {
   if (typeof e == "string")
-    return $(B(e)) ? "datetime" : "string";
+    return E(H(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 $(B(e[0])) ? "datetime" : "string";
+      return E(H(e[0])) ? "datetime" : "string";
     if (typeof e[0] == "number")
       return "integer";
   }
   return "string";
 }
-const de = {
+const he = {
   market: "markets",
   tag: "tags",
   sku: "skus",
   sku_list: "sku_lists"
 };
-function Ra(e) {
-  return de[e];
+function Za(e) {
+  return he[e];
 }
-function P(e) {
-  const [a, n] = g(void 0);
+function L(e) {
+  const [a, s] = x(void 0);
   return _(() => {
-    e?.field != null && pa(e.field).then((s) => {
-      const o = ce.find(
-        (c) => c.matcher === e.matcher
+    e?.field != null && ga(e.field).then((n) => {
+      const i = me.find(
+        (o) => o.matcher === e.matcher
       );
-      n({
-        ...s,
-        matcherInfos: o,
-        resourceSelectorAvailable: s?.resource?.id != null && Object.keys(de).includes(s.resource.id) && s.path.endsWith(".id") && o?.exactMatch === !0
+      s({
+        ...n,
+        matcherInfos: i,
+        resourceSelectorAvailable: n?.resource?.id != null && Object.keys(he).includes(n.resource.id) && n.path.endsWith(".id") && i?.exactMatch === !0
       });
-    }).catch((s) => {
-      console.error("Error fetching field info:", s);
+    }).catch((n) => {
+      console.error("Error fetching field info:", n);
     });
   }, [e?.field, e?.matcher]), { infos: a };
 }
-function me(e) {
-  return e == null || e.length === 0 ? [] : fa(
-    ha(
+function fe(e) {
+  return e == null || e.length === 0 ? [] : ba(
+    ya(
       e.flatMap((a) => [
         a?.group,
-        ...me(a?.nested?.conditions)
+        ...fe(a?.nested?.conditions)
       ])
     )
   );
 }
-function pe() {
+function xe() {
   const {
     state: { selectedRuleIndex: e, value: a }
-  } = x();
-  return me(
+  } = f();
+  return fe(
     a.rules?.[e]?.conditions
   );
 }
-function Aa({
+const Da = ({ children: e }) => /* @__PURE__ */ t.jsx("div", { className: "bg-white rounded-md p-4 shadow-xs flex flex-col gap-2", children: e }), ge = ({ children: e, dropdownItems: a, options: s }) => {
+  const [n, i] = x(!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: () => {
+              i((o) => !o);
+            },
+            className: "w-11 flex self-stretch justify-center items-center",
+            children: /* @__PURE__ */ t.jsx(
+              y,
+              {
+                name: n ? "caretUp" : "caretDown",
+                size: 16
+              }
+            )
+          }
+        ),
+        a != null && /* @__PURE__ */ t.jsx(
+          V,
+          {
+            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(y, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+              }
+            ),
+            dropdownItems: a
+          }
+        )
+      ] })
+    ] }),
+    n && /* @__PURE__ */ t.jsx(Da, { children: s })
+  ] }) }) });
+}, $ = ({ children: e, label: a, className: s }) => /* @__PURE__ */ t.jsxs(
+  "div",
+  {
+    className: M(
+      "flex items-center gap-4 mt-2 first-of-type:mt-0",
+      s
+    ),
+    children: [
+      /* @__PURE__ */ t.jsx("div", { className: "basis-[180px] shrink-0", children: a }),
+      /* @__PURE__ */ t.jsx("div", { className: "grow", children: e })
+    ]
+  }
+);
+function Oa({
   item: e,
   pathPrefix: a
 }) {
-  const { setPath: n } = x();
+  const { setPath: s } = 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(
-          y,
+          b,
           {
             name: `${a}.value.x`,
             type: "number",
             suffix: "X",
             defaultValue: e.value?.x,
-            onChange: (s) => {
-              n(
+            onChange: (n) => {
+              s(
                 `${a}.value.x`,
-                parseInt(s.currentTarget.value, 10)
+                parseInt(n.currentTarget.value, 10)
               );
             }
           }
         ),
         /* @__PURE__ */ t.jsx(
-          y,
+          b,
           {
             name: `${a}.value.y`,
             type: "number",
             suffix: "Y",
             defaultValue: e.value?.y,
-            onChange: (s) => {
-              n(
+            onChange: (n) => {
+              s(
                 `${a}.value.y`,
-                parseInt(s.currentTarget.value, 10)
+                parseInt(n.currentTarget.value, 10)
               );
             }
           }
@@ -644,31 +699,31 @@ function Aa({
     case "every_x_discount_y":
       return /* @__PURE__ */ t.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
         /* @__PURE__ */ t.jsx(
-          y,
+          b,
           {
             name: `${a}.value.x`,
             type: "number",
             suffix: "X",
             defaultValue: e.value?.x,
-            onChange: (s) => {
-              n(
+            onChange: (n) => {
+              s(
                 `${a}.value.x`,
-                parseInt(s.currentTarget.value, 10)
+                parseInt(n.currentTarget.value, 10)
               );
             }
           }
         ),
         /* @__PURE__ */ t.jsx(
-          y,
+          b,
           {
             name: `${a}.value.y`,
             type: "number",
             suffix: "Y",
             defaultValue: e.value?.y,
-            onChange: (s) => {
-              n(
+            onChange: (n) => {
+              s(
                 `${a}.value.y`,
-                parseInt(s.currentTarget.value, 10)
+                parseInt(n.currentTarget.value, 10)
               );
             }
           }
@@ -677,151 +732,148 @@ function Aa({
     case "fixed_amount":
     case "fixed_price":
       return /* @__PURE__ */ t.jsx("div", { className: "w-36", children: /* @__PURE__ */ t.jsx(
-        y,
+        b,
         {
           name: `${a}.value`,
           type: "number",
           defaultValue: e.value,
           min: 0,
           suffix: "cents",
-          onChange: (s) => {
-            n(
+          onChange: (n) => {
+            s(
               `${a}.value`,
-              parseInt(s.currentTarget.value, 10)
+              parseInt(n.currentTarget.value, 10)
             );
           }
         }
       ) });
     case "percentage": {
-      const s = (e.value * 100).toFixed(2);
+      const n = (e.value * 100).toFixed(2);
       return /* @__PURE__ */ t.jsx("div", { className: "w-24", children: /* @__PURE__ */ t.jsx(
-        y,
+        b,
         {
           name: `${a}.value`,
           type: "number",
-          defaultValue: s.endsWith(".00") ? s.slice(0, -3) : s,
+          defaultValue: n.endsWith(".00") ? n.slice(0, -3) : n,
           min: 0,
           max: 100,
           suffix: "%",
-          onChange: (o) => {
-            n(
+          onChange: (i) => {
+            s(
               `${a}.value`,
-              parseFloat(o.currentTarget.value) / 100
+              parseFloat(i.currentTarget.value) / 100
             );
           }
         }
       ) });
     }
     default:
-      return te();
+      return ne();
   }
 }
-function Ia({
+function qa({
   item: e,
   index: a,
-  onDelete: n
+  onDelete: s
 }) {
   const {
-    setPath: s,
-    schemaType: o,
-    state: { selectedRuleIndex: c },
-    availableActionTypes: u
-  } = x(), r = pe(), l = {
+    setPath: n,
+    schemaType: i,
+    state: { selectedRuleIndex: o },
+    availableActionTypes: c
+  } = f(), l = xe(), 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"
-  }, i = `rules.${c}.actions.${a}`;
+  }, u = `rules.${o}.actions.${a}`;
   return _(() => {
-    r.length === 0 && (e?.groups ?? []).length > 0 && s(`${i}.groups`, []);
-  }, [r]), /* @__PURE__ */ t.jsx("div", { className: "mb-4 last:mb-0", children: /* @__PURE__ */ t.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col grow", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-2 p-2", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
-          v,
+    l.length === 0 && (e?.groups ?? []).length > 0 && n(`${u}.groups`, []);
+  }, [l]), /* @__PURE__ */ t.jsx("div", { className: "mb-4 last:mb-0", children: /* @__PURE__ */ t.jsxs(
+    ge,
+    {
+      dropdownItems: s != null ? /* @__PURE__ */ t.jsx(
+        T,
+        {
+          label: "Delete",
+          onClick: () => {
+            n(`${u}`, null), s();
+          }
+        }
+      ) : void 0,
+      options: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(
+          $,
           {
-            name: `${i}.type`,
-            defaultValue: e != null ? {
-              label: l[e.type],
-              value: e.type
-            } : void 0,
-            initialValues: u.map((d) => ({
-              value: d,
-              label: l[d]
-            })),
-            onSelect: (d) => {
-              T(d) && s(`${i}.type`, d.value);
-            }
+            label: /* @__PURE__ */ t.jsx(N, { variant: "info", size: "small", children: "Apply to" }),
+            children: /* @__PURE__ */ t.jsx(
+              Pa,
+              {
+                value: e?.selector,
+                name: `${u}.selector`
+              }
+            )
           }
-        ) }),
-        /* @__PURE__ */ t.jsx(Aa, { item: e, pathPrefix: i }),
-        /* @__PURE__ */ t.jsx("div", { className: "text-black font-bold text-sm", children: "ON" }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
-          Za,
+        ),
+        (l.length > 0 || (e?.groups ?? []).length > 0) && /* @__PURE__ */ t.jsx(
+          $,
           {
-            value: e?.selector,
-            name: `${i}.selector`
+            label: /* @__PURE__ */ t.jsx(N, { variant: "info", size: "small", children: "Groups" }),
+            children: /* @__PURE__ */ t.jsx(
+              v,
+              {
+                name: `${u}.groups`,
+                isMulti: !0,
+                value: e?.groups?.map((d) => ({
+                  label: l.includes(d) ? d : `⚠️   ${d}`,
+                  value: d
+                })),
+                initialValues: l.map((d) => ({
+                  value: d,
+                  label: d
+                })),
+                onSelect: (d) => {
+                  R(d) && (n(
+                    `${u}.groups`,
+                    d.map((h) => h.value)
+                  ), i === "order-rules" && d.length > 0 && n(`${u}.selector`, "order.line_items"));
+                }
+              }
+            )
           }
-        ) })
+        )
       ] }),
-      (r.length > 0 || (e?.groups ?? []).length > 0) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-2 p-2", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "text-black font-bold text-sm px-2", children: "GROUPS" }),
+      children: [
         /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
           v,
           {
-            name: `${i}.groups`,
-            isMulti: !0,
-            value: e?.groups?.map((d) => ({
-              label: r.includes(d) ? d : `⚠️   ${d}`,
-              value: d
-            })),
-            initialValues: r.map((d) => ({
+            name: `${u}.type`,
+            defaultValue: e != null ? {
+              label: r[e.type],
+              value: e.type
+            } : void 0,
+            initialValues: c.map((d) => ({
               value: d,
-              label: d
+              label: r[d]
             })),
             onSelect: (d) => {
-              E(d) && (s(
-                `${i}.groups`,
-                d.map((h) => h.value)
-              ), o === "order-rules" && d.length > 0 && s(`${i}.selector`, "order.line_items"));
-            }
-          }
-        ) })
-      ] })
-    ] }),
-    n != null && /* @__PURE__ */ t.jsx(
-      D,
-      {
-        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
-        dropdownLabel: /* @__PURE__ */ t.jsx(
-          "button",
-          {
-            type: "button",
-            className: "flex items-center justify-center self-stretch grow",
-            children: /* @__PURE__ */ t.jsx(j, { name: "dotsThreeVertical", size: 16, weight: "bold" })
-          }
-        ),
-        dropdownItems: /* @__PURE__ */ t.jsx(
-          M,
-          {
-            label: "Delete",
-            onClick: () => {
-              s(`${i}`, null), n();
+              w(d) && n(`${u}.type`, d.value);
             }
           }
-        )
-      }
-    )
-  ] }) });
+        ) }),
+        /* @__PURE__ */ t.jsx(Oa, { item: e, pathPrefix: u })
+      ]
+    }
+  ) });
 }
-function Za({
+function Pa({
   value: e,
   name: a
 }) {
-  const { setPath: n, schemaType: s } = x(), { t: o } = ae(), c = Da[s].map((u) => ({
-    value: u,
-    label: o(`resource_paths.${u}`).replace(
+  const { setPath: s, schemaType: n } = f(), { t: i } = re(), o = La[n].map((c) => ({
+    value: c,
+    label: i(`resource_paths.${c}`).replace(
       "resource_paths.",
       ""
     )
@@ -831,15 +883,15 @@ function Za({
     {
       name: a,
       isSearchable: !1,
-      initialValues: c,
-      value: c.find((u) => u.value === e),
-      onSelect: async (u) => {
-        T(u) && n(a, u.value);
+      initialValues: o,
+      value: o.find((c) => c.value === e),
+      onSelect: async (c) => {
+        w(c) && s(a, c.value);
       }
     }
   );
 }
-const Da = {
+const La = {
   "order-rules": [
     "order",
     "order.line_items",
@@ -853,55 +905,55 @@ const Da = {
   ],
   "price-rules": ["price"]
 };
-function Oa({
+function za({
   actions: e
 }) {
-  const [a, n] = g(0), {
-    setPath: s,
-    state: { selectedRuleIndex: o }
-  } = x();
+  const [a, s] = x(0), {
+    setPath: n,
+    state: { selectedRuleIndex: i }
+  } = f();
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { children: e?.map((c, u, r) => /* @__PURE__ */ t.jsx(
-      Ia,
+    /* @__PURE__ */ t.jsx("div", { children: e?.map((o, c, l) => /* @__PURE__ */ t.jsx(
+      qa,
       {
-        item: c,
-        index: u,
-        onDelete: r.length > 1 ? () => {
-          n((l) => l + 1);
+        item: o,
+        index: c,
+        onDelete: l.length > 1 ? () => {
+          s((r) => r + 1);
         } : void 0
       },
-      `${o}-${u}-${a}`
+      `${i}-${c}-${a}`
     )) }),
     /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
-      N,
+      S,
       {
         size: "small",
         variant: "secondary",
         alignItems: "center",
         onClick: () => {
-          s(
-            `rules.${o}.actions.${e?.length ?? 0}`,
+          n(
+            `rules.${i}.actions.${e?.length ?? 0}`,
             void 0
           );
         },
         children: [
-          /* @__PURE__ */ t.jsx(j, { name: "plusCircle" }),
+          /* @__PURE__ */ t.jsx(y, { name: "plusCircle" }),
           " Add action"
         ]
       }
     ) })
   ] });
 }
-function Pa({
+function Fa({
   value: e,
   name: a
 }) {
-  const { setPath: n, schemaType: s } = x(), { t: o } = ae(), c = O(null), u = s === "order-rules" ? "order" : s === "price-rules" ? "price" : void 0, r = se(
-    qa.filter(
-      (l) => u != null && l.startsWith(u)
-    ).map((l) => ({
-      value: l,
-      label: o(`resource_paths.${l}`).replace(
+  const { setPath: s, schemaType: n } = f(), { t: i } = re(), o = ue(null), c = n === "order-rules" ? "order" : n === "price-rules" ? "price" : void 0, l = le(
+    Ga.filter(
+      (r) => c != null && r.startsWith(c)
+    ).map((r) => ({
+      value: r,
+      label: i(`resource_paths.${r}`).replace(
         "resource_paths.",
         ""
       )
@@ -911,36 +963,36 @@ function Pa({
   return /* @__PURE__ */ t.jsx(
     v,
     {
-      ref: c,
+      ref: o,
       name: a,
-      initialValues: r,
-      defaultValue: e != null ? r.find((l) => l.value === e) ?? {
+      initialValues: l,
+      defaultValue: e != null ? l.find((r) => r.value === e) ?? {
         value: e,
         label: e
       } : void 0,
       asTextSearch: !0,
       isCreatable: !0,
-      loadAsyncValues: async (l) => {
-        if (u == null)
+      loadAsyncValues: async (r) => {
+        if (c == null)
           return [];
-        const i = r.filter(
-          (m) => m.label.includes(l)
-        ), d = (await ga([u], l)).filter((m) => m.value.startsWith(l)).map((m) => {
-          const f = m.type === "relationship" || m.value.endsWith(".metadata") ? `${m.value}.` : m.value;
+        const u = l.filter(
+          (m) => m.label.includes(r)
+        ), d = (await va([c], r)).filter((m) => m.value.startsWith(r)).map((m) => {
+          const p = m.type === "relationship" || m.value.endsWith(".metadata") ? `${m.value}.` : m.value;
           return {
-            value: f,
-            label: f
+            value: p,
+            label: p
           };
-        }), h = l.includes(".metadata") ? [{ label: l, value: l }] : [];
-        return [...i, ...d, ...h];
+        }), h = r.includes(".metadata") ? [{ label: r, value: r }] : [];
+        return [...u, ...d, ...h];
       },
-      onSelect: async (l) => {
-        T(l) && (n(a, l.value), l.value.toString().endsWith(".") && c.current?.openMenu("first"));
+      onSelect: async (r) => {
+        w(r) && (s(a, r.value), r.value.toString().endsWith(".") && o.current?.openMenu("first"));
       }
     }
   );
 }
-const qa = [
+const Ga = [
   "order.billing_address.country_code",
   "order.country_code",
   "order.currency_code",
@@ -989,55 +1041,56 @@ const qa = [
   "price.processed_at",
   "price.amount_cents"
 ];
-function La({
+function Ua({
   item: e,
   pathPrefix: a
 }) {
-  const { setPath: n } = x(), { infos: s } = P(e);
-  let o = s?.field?.type;
-  o == null && (o = ue(e?.value));
-  const c = s?.resource?.id, u = ["tag"], r = [
+  const { setPath: s } = f(), { infos: n } = L(e);
+  let i = n?.field?.type;
+  i == null && (i = pe(e?.value));
+  const o = n?.resource?.id, c = ["tag"], l = [
     "matches",
     "does_not_match",
     "array_match"
-  ], l = ce.filter(({ fieldTypes: i, visible: d }) => d !== !1 && i.includes(o)).filter(({ matcher: i }) => c == null || c != null && !u.includes(c) || r.includes(i)).map(({ matcher: i, label: d }) => ({ value: i, label: d }));
+  ], r = me.filter(({ fieldTypes: u, visible: d }) => d !== !1 && u.includes(i)).filter(({ matcher: u }) => o == null || o != null && !c.includes(o) || l.includes(u)).map(({ matcher: u, label: d }) => ({ value: u, label: d }));
   return /* @__PURE__ */ t.jsx(
     v,
     {
+      className: "min-w-[175px]",
       name: `${a}.matcher`,
-      value: e != null ? l.find((i) => i.value === e.matcher) ?? {
+      value: e != null ? r.find((u) => u.value === e.matcher) ?? {
         label: e.matcher != null ? `⚠️   ${e.matcher}` : "",
         value: e.matcher
       } : void 0,
-      initialValues: l,
-      onSelect: (i) => {
-        T(i) && (n(`${a}.matcher`, i.value), ne.includes(
-          i.value
-        ) && n(`${a}.value`, null));
+      initialValues: r,
+      onSelect: (u) => {
+        w(u) && (s(`${a}.matcher`, u.value), ie.includes(
+          u.value
+        ) && s(`${a}.value`, null));
       }
     }
   );
 }
-const fe = ({ value: e, pathKey: a, infos: n }) => {
-  const { sdkClient: s } = xa(), { setPath: o } = x(), c = n?.field?.name ?? "id", u = Ra(n?.resource?.id), { data: r, isLoading: l } = U(
-    u,
+const be = ({ value: e, pathKey: a, infos: s }) => {
+  const { sdkClient: n } = ja(), { setPath: i } = f(), o = s?.field?.name ?? "id", c = Za(s?.resource?.id), { data: l, isLoading: r } = W(
+    c,
     "list",
-    n?.resource?.id == null ? null : [I({ value: "" })]
-  ), { data: i, isLoading: d } = U(
-    u,
+    s?.resource?.id == null ? null : [O({ value: "" })]
+  ), { data: u, isLoading: d } = W(
+    c,
     "list",
-    n?.resource?.id == null ? null : [
+    s?.resource?.id == null ? null : [
       {
-        ...I({ value: "" }),
+        ...O({ value: "" }),
         filters: {
           id_in: Array.isArray(e) ? e : [e]
         }
       }
     ]
-  ), h = se([...i ?? [], ...r ?? []], "id");
-  function p(m) {
+  ), h = le([...u ?? [], ...l ?? []], "id");
+  function j(m) {
     return {
-      label: h?.find((f) => f.id === m.toString())?.name ?? m.toString(),
+      label: h?.find((p) => p.id === m.toString())?.name ?? m.toString(),
       value: m.toString()
     };
   }
@@ -1046,25 +1099,25 @@ const fe = ({ value: e, pathKey: a, infos: n }) => {
     {
       placeholder: "Search...",
       isClearable: !1,
-      isMulti: n?.matcherInfos?.isMulti,
-      defaultValue: Array.isArray(e) ? e.map(p) : e != null ? p(e) : void 0,
-      menuFooterText: r != null && r.meta.recordCount > 25 ? "Type to search for more options." : void 0,
-      initialValues: X(h ?? [], c),
+      isMulti: s?.matcherInfos?.isMulti,
+      defaultValue: Array.isArray(e) ? e.map(j) : e != null ? j(e) : void 0,
+      menuFooterText: l != null && l.meta.recordCount > 25 ? "Type to search for more options." : void 0,
+      initialValues: K(h ?? [], o),
       loadAsyncValues: async (m) => {
-        const f = await s[u].list(I({ value: m }));
-        return X(f, c);
+        const p = await n[c].list(O({ value: m }));
+        return K(p, o);
       },
       onSelect: (m) => {
-        E(m) ? o(
+        R(m) ? i(
           a,
-          m.map((f) => f.value).filter((f) => f != null)
-        ) : T(m) && o(a, m.value);
+          m.map((p) => p.value).filter((p) => p != null)
+        ) : w(m) && i(a, m.value);
       }
     },
-    `${n?.matcherInfos?.isMulti?.toString()}-${l}-${d}`
+    `${s?.matcherInfos?.isMulti?.toString()}-${r}-${d}`
   );
 };
-function I({ value: e }) {
+function O({ value: e }) {
   return {
     pageSize: 25,
     sort: {
@@ -1075,240 +1128,332 @@ function I({ value: e }) {
     }
   };
 }
-function X(e, a) {
-  return e.map((n) => ({
-    label: n.name,
+function K(e, a) {
+  return e.map((s) => ({
+    label: s.name,
     // @ts-expect-error TODO: fix this
-    value: n[a]
+    value: s[a]
   }));
 }
-const H = {
+const C = {
   in_and: {
-    label: "all of"
+    label: "All of"
   },
   in_or: {
-    label: "at least one of"
+    label: "At least one of"
   },
   not_in_and: {
-    label: "not any of"
+    label: "Not any of"
   },
   not_in_or: {
-    label: "not at least one of"
+    label: "Not at least one of"
   }
 };
-function Q({
+function ee({
   value: e,
   pathPrefix: a,
-  hasResourceSelector: n = !1,
-  infos: s
+  hasResourceSelector: s = !1,
+  infos: n
 }) {
-  return (typeof e != "object" || Array.isArray(e) || e === null) && (e = {
-    in_and: []
-  }), /* @__PURE__ */ t.jsx("div", { children: Object.entries(e).map(([o, c], u) => /* @__PURE__ */ t.jsx(
-    Fa,
-    {
-      infos: s,
-      hasResourceSelector: n,
-      pathPrefix: a,
-      defaultValue: c,
-      initialMatcher: o
-    },
-    `${a}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
-    u}`
-  )) });
+  const { setPath: i } = f(), o = Object.keys(
+    C
+  )[0], c = ce(() => typeof e == "object" && e !== null && !Array.isArray(e) ? e : {
+    [o]: []
+  }, [e]);
+  _(() => {
+    (typeof e != "object" || Array.isArray(e) || e === null) && i(a, {
+      [o]: []
+    });
+  }, [e]);
+  const l = Object.keys(C).filter(
+    (r) => !(r in c)
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+    Object.entries(c).map(([r, u], d) => /* @__PURE__ */ t.jsx(
+      Ja,
+      {
+        infos: n,
+        hasResourceSelector: s,
+        pathPrefix: a,
+        defaultValue: u,
+        initialMatcher: r,
+        remainingKeys: l
+      },
+      `${a}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+      d}`
+    )),
+    l.length > 0 && /* @__PURE__ */ t.jsxs(B, { top: "4", children: [
+      /* @__PURE__ */ t.jsx(
+        V,
+        {
+          className: "inline-flex",
+          menuPosition: "bottom-left",
+          dropdownItems: [
+            l.map((r) => /* @__PURE__ */ t.jsx(
+              T,
+              {
+                onClick: () => {
+                  i(`${a}.${r}`, []);
+                },
+                label: C[r].label
+              },
+              r
+            ))
+          ],
+          dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs(N, { className: "flex gap-2 items-center", children: [
+            /* @__PURE__ */ t.jsx(N, { weight: "bold", size: "small", children: "Add value" }),
+            " ",
+            /* @__PURE__ */ t.jsx(y, { name: "caretDown" })
+          ] }) })
+        }
+      ),
+      /* @__PURE__ */ t.jsx(B, { top: "6", bottom: "2", children: /* @__PURE__ */ t.jsx(_a, { variant: "dashed" }) })
+    ] })
+  ] }, l.join("-"));
 }
-function Fa({
+function Ja({
   initialMatcher: e,
   defaultValue: a,
-  pathPrefix: n,
-  hasResourceSelector: s,
-  infos: o
+  pathPrefix: s,
+  hasResourceSelector: n,
+  infos: i,
+  remainingKeys: o
 }) {
-  const [c, u] = g(e), [r, l] = g(e), [i, d] = g(a), { setPath: h } = x();
-  return _(() => {
-    c !== r && (h(`${n}.${c}`, null), u(r)), h(`${n}.${r}`, i);
-  }, [r, i, h]), /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 mt-2 first-of-type:mt-0", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ t.jsx(
-      v,
-      {
-        defaultValue: [
-          { value: r, label: H[r].label }
-        ],
-        initialValues: Object.entries(H).map(
-          ([p, { label: m }]) => ({
-            value: p,
-            label: m
-          })
-        ),
-        onSelect: (p) => {
-          T(p) && l(p.value);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ t.jsx("div", { className: "grow", children: s ? /* @__PURE__ */ t.jsx(
-      fe,
-      {
-        infos: o,
-        value: i,
-        pathKey: `${n}.${r}`
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      v,
-      {
-        isMulti: !0,
-        isCreatable: !0,
-        defaultValue: (Array.isArray(i) ? i : []).map((p) => ({
-          value: p,
-          label: p.toString()
-        })),
-        initialValues: [],
-        onSelect: (p) => {
-          E(p) && d(
-            p.map(
-              (m) => typeof m.value == "boolean" ? m.value.toString() : m.value
+  const [c, l] = x(a), { setPath: r } = f();
+  return /* @__PURE__ */ t.jsx(
+    $,
+    {
+      label: /* @__PURE__ */ t.jsx(
+        V,
+        {
+          className: "inline-flex",
+          menuPosition: "bottom-left",
+          dropdownItems: [
+            o.map((u) => /* @__PURE__ */ t.jsx(
+              T,
+              {
+                onClick: () => {
+                  r(`${s}.${u}`, c), r(`${s}.${e}`, null);
+                },
+                label: C[u].label
+              },
+              u
+            )),
+            /* @__PURE__ */ t.jsx(
+              P,
+              {
+                hidden: o.length === 0
+              },
+              "divider"
+            ),
+            /* @__PURE__ */ t.jsx(
+              T,
+              {
+                disabled: o.length === Object.keys(C).length - 1,
+                onClick: () => {
+                  r(`${s}.${e}`, null);
+                },
+                label: "Remove"
+              },
+              "remove"
             )
-          );
+          ],
+          dropdownLabel: /* @__PURE__ */ t.jsx("button", { type: "button", children: /* @__PURE__ */ t.jsxs(
+            N,
+            {
+              variant: "info",
+              size: "small",
+              className: "flex gap-2 items-center",
+              children: [
+                C[e].label,
+                " ",
+                /* @__PURE__ */ t.jsx(y, { name: "caretDown" })
+              ]
+            }
+          ) })
         }
-      }
-    ) })
-  ] });
+      ),
+      children: n ? /* @__PURE__ */ t.jsx(
+        be,
+        {
+          infos: i,
+          value: c,
+          pathKey: `${s}.${e}`
+        }
+      ) : /* @__PURE__ */ t.jsx(
+        v,
+        {
+          isMulti: !0,
+          isCreatable: !0,
+          placeholder: "Enter value",
+          defaultValue: (Array.isArray(c) ? c : []).map((u) => ({
+            value: u,
+            label: u.toString()
+          })),
+          initialValues: [],
+          onSelect: (u) => {
+            R(u) && l(
+              u.map(
+                (d) => typeof d.value == "boolean" ? d.value.toString() : d.value
+              )
+            );
+          }
+        }
+      )
+    }
+  );
 }
-function Ga({
+function Wa({
   value: e,
   onChange: a
 }) {
-  const [n, s] = g(
+  const [s, n] = x(
     Array.isArray(e) && typeof e[0] == "number" ? e[0] : null
-  ), [o, c] = g(
+  ), [i, o] = 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(
-      y,
+      b,
       {
         type: "number",
         placeholder: "Min",
-        value: n ?? "",
-        onChange: (u) => {
-          const r = parseInt(u.currentTarget.value, 10);
-          s(Number.isNaN(r) ? null : r), a([Number.isNaN(r) ? null : r, o]);
+        value: s ?? "",
+        onChange: (c) => {
+          const l = parseInt(c.currentTarget.value, 10);
+          n(Number.isNaN(l) ? null : l), a([Number.isNaN(l) ? null : l, i]);
         }
       }
     ) }),
     /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
     /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
-      y,
+      b,
       {
         type: "number",
         placeholder: "Max",
-        value: o ?? "",
-        onChange: (u) => {
-          const r = parseInt(u.currentTarget.value, 10);
-          c(Number.isNaN(r) ? null : r), a([n, Number.isNaN(r) ? null : r]);
+        value: i ?? "",
+        onChange: (c) => {
+          const l = parseInt(c.currentTarget.value, 10);
+          o(Number.isNaN(l) ? null : l), a([s, Number.isNaN(l) ? null : l]);
         }
       }
     ) })
   ] });
 }
-function za({
+function Ba({
   value: e,
   onChange: a
 }) {
-  const [n, s] = g(
+  const [s, n] = x(
     Array.isArray(e) && typeof e[0] == "string" ? e[0] : null
-  ), [o, c] = g(
+  ), [i, o] = 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(
-      y,
+      b,
       {
         type: "text",
         placeholder: "Min",
-        value: n ?? "",
-        onChange: (u) => {
-          const r = u.currentTarget.value;
-          s(r), a([r, o]);
+        value: s ?? "",
+        onChange: (c) => {
+          const l = c.currentTarget.value;
+          n(l), a([l, i]);
         }
       }
     ) }),
     /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
     /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
-      y,
+      b,
       {
         type: "text",
         placeholder: "Max",
-        value: o ?? "",
-        onChange: (u) => {
-          const r = u.currentTarget.value;
-          c(r), a([n, r]);
+        value: i ?? "",
+        onChange: (c) => {
+          const l = c.currentTarget.value;
+          o(l), a([s, l]);
         }
       }
     ) })
   ] });
 }
-function Ua({
+function Ya({
   item: e,
   pathPrefix: a
 }) {
-  const { setPath: n } = x(), { infos: s } = P(e), o = `${a}.value`, [c, u] = g(0), [r, l] = g(e?.matcher), i = e == null || ne.includes(
+  const { setPath: s } = f(), { infos: n } = L(e), i = `${a}.value`, [o, c] = x(0), [l, r] = x(e?.matcher), u = e == null || ie.includes(
     e.matcher
   );
-  let d = s?.field?.type;
-  he(e) && (d == null && (d = ue(e.value)), (typeof e.value == "string" && /^{{.*}}$/.test(e.value) || Array.isArray(e.value) && e.value.some((p) => typeof p == "string" && /^{{.*}}$/.test(p))) && (d = "string"));
-  const h = Ja(d, e?.matcher, s);
+  let d = n?.field?.type;
+  ye(e) && (d == null && (d = pe(e.value)), (typeof e.value == "string" && /^{{.*}}$/.test(e.value) || Array.isArray(e.value) && e.value.some((m) => typeof m == "string" && /^{{.*}}$/.test(m))) && (d = "string"));
+  const h = Xa(d, e?.matcher, n);
   return _(
     function() {
-      r !== e?.matcher && (l(e?.matcher), n(o, null), u((m) => m + 1));
+      l !== e?.matcher && (r(e?.matcher), e?.matcher === "array_match" ? s(i, { in_and: [] }) : s(i, null), c((p) => p + 1));
     },
     [h]
-  ), i ? null : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    Wa,
+  ), u ? null : h === "arrayMatch" || h === "resourceSelector" && e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    te,
     {
       item: e,
       fieldType: d,
       componentType: h,
-      pathKey: o
+      pathKey: i
     }
-  ) }, c);
+  ) }, o) : /* @__PURE__ */ t.jsx(
+    $,
+    {
+      label: /* @__PURE__ */ t.jsx(N, { variant: "info", size: "small", children: "Value" }),
+      children: /* @__PURE__ */ t.jsx(
+        te,
+        {
+          item: e,
+          fieldType: d,
+          componentType: h,
+          pathKey: i
+        }
+      )
+    },
+    o
+  );
 }
-function Wa({
+function te({
   item: e,
   fieldType: a,
-  componentType: n,
-  pathKey: s
+  componentType: s,
+  pathKey: n
 }) {
-  const { setPath: o } = x(), { user: c } = re(), { infos: u } = P(e), r = he(e) ? e.value : void 0;
-  switch (n) {
+  const { setPath: i } = f(), { user: o } = oe(), { infos: c } = L(e), l = ye(e) ? e.value : void 0;
+  switch (s) {
     case "date": {
-      const l = J(typeof r == "string" ? r : "");
+      const r = X(typeof l == "string" ? l : "");
       return /* @__PURE__ */ t.jsx(
-        ya,
+        Na,
         {
-          value: $(l) ? l : void 0,
+          value: E(r) ? r : void 0,
           showTimeSelect: !0,
           placeholder: "Enter value",
-          onChange: (i) => {
-            o(s, i?.toJSON());
+          onChange: (u) => {
+            i(n, u?.toJSON());
           },
-          timezone: c?.timezone
+          timezone: o?.timezone
         }
       );
     }
     case "dateRange": {
-      const l = Array.isArray(r) ? r.map((i) => {
-        const d = J(typeof i == "string" ? i : "");
-        return $(d) ? d : null;
+      const r = Array.isArray(l) ? l.map((u) => {
+        const d = X(typeof u == "string" ? u : "");
+        return E(d) ? d : null;
       }) : [null, null];
       return /* @__PURE__ */ t.jsx(
-        ba,
+        Ta,
         {
-          value: l,
+          value: r,
           showTimeSelect: !0,
-          onChange: (i) => {
-            o(
-              s,
-              i.map((d) => d?.toJSON() ?? null)
+          onChange: (u) => {
+            i(
+              n,
+              u.map((d) => d?.toJSON() ?? null)
             );
           }
         }
@@ -1316,26 +1461,26 @@ function Wa({
     }
     case "numberRange":
       return /* @__PURE__ */ t.jsx(
-        Ga,
+        Wa,
         {
-          value: r,
-          onChange: (l) => {
-            o(s, l);
+          value: l,
+          onChange: (r) => {
+            i(n, r);
           }
         }
       );
     case "textRange":
       return /* @__PURE__ */ t.jsx(
-        za,
+        Ba,
         {
-          value: r,
-          onChange: (l) => {
-            o(s, l);
+          value: l,
+          onChange: (r) => {
+            i(n, r);
           }
         }
       );
     case "arrayMatch":
-      return /* @__PURE__ */ t.jsx(Q, { infos: u, value: r, pathPrefix: s });
+      return /* @__PURE__ */ t.jsx(ee, { infos: c, value: l, pathPrefix: n });
     case "tag":
       return /* @__PURE__ */ t.jsx(
         v,
@@ -1343,45 +1488,45 @@ function Wa({
           isMulti: !0,
           isClearable: !1,
           isCreatable: !0,
-          defaultValue: Array.isArray(r) ? r.map((l) => ({
-            label: l.toString(),
-            value: l
+          defaultValue: Array.isArray(l) ? l.map((r) => ({
+            label: r.toString(),
+            value: r
           })) : [],
           initialValues: [],
-          onSelect: (l) => {
-            E(l) && o(
-              s,
-              l.map((i) => {
+          onSelect: (r) => {
+            R(r) && i(
+              n,
+              r.map((u) => {
                 if (a === "integer") {
-                  const d = parseInt(i.value.toString(), 10);
+                  const d = parseInt(u.value.toString(), 10);
                   return Number.isNaN(d) ? null : d;
                 }
-                return i.value;
-              }).filter((i) => i != null)
+                return u.value;
+              }).filter((u) => u != null)
             );
           }
         }
       );
     case "resourceSelector":
       return e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx(
-        Q,
+        ee,
         {
-          infos: u,
-          value: r,
-          pathPrefix: s,
+          infos: c,
+          value: l,
+          pathPrefix: n,
           hasResourceSelector: !0
         }
-      ) : /* @__PURE__ */ t.jsx(fe, { infos: u, value: r, pathKey: s });
+      ) : /* @__PURE__ */ t.jsx(be, { infos: c, value: l, pathKey: n });
     case "number":
       return /* @__PURE__ */ t.jsx(
-        y,
+        b,
         {
-          name: s,
+          name: n,
           type: "number",
-          defaultValue: typeof r == "number" ? r : "",
+          defaultValue: typeof l == "number" ? l : "",
           placeholder: "Enter value",
-          onChange: (l) => {
-            o(s, parseInt(l.currentTarget.value, 10));
+          onChange: (r) => {
+            i(n, parseInt(r.currentTarget.value, 10));
           }
         }
       );
@@ -1389,59 +1534,59 @@ function Wa({
       return /* @__PURE__ */ t.jsx(
         v,
         {
-          name: s,
-          defaultValue: typeof r == "boolean" ? {
-            label: r ? "Yes" : "No",
-            value: r
+          name: n,
+          defaultValue: typeof l == "boolean" ? {
+            label: l ? "Yes" : "No",
+            value: l
           } : void 0,
           initialValues: [
             { label: "Yes", value: !0 },
             { label: "No", value: !1 }
           ],
-          onSelect: (l) => {
-            T(l) && o(s, l.value);
+          onSelect: (r) => {
+            w(r) && i(n, r.value);
           }
         }
       );
     case "text":
     case null:
       return /* @__PURE__ */ t.jsx(
-        y,
+        b,
         {
-          name: s,
+          name: n,
           type: "text",
-          defaultValue: typeof r == "string" ? r : JSON.stringify(r),
+          defaultValue: typeof l == "string" ? l : JSON.stringify(l),
           placeholder: "Enter value",
-          onChange: (l) => {
-            o(s, l.currentTarget.value);
+          onChange: (r) => {
+            i(n, r.currentTarget.value);
           }
         }
       );
     default:
-      return te();
+      return ne();
   }
 }
-function he(e) {
+function ye(e) {
   return e != null && "value" in e;
 }
-function Ja(e, a, n) {
-  let s = null;
+function Xa(e, a, s) {
+  let n = null;
   switch (e) {
     case "datetime": {
-      s = "date";
+      n = "date";
       break;
     }
     case "boolean": {
-      s = "boolean";
+      n = "boolean";
       break;
     }
     case "string": {
-      s = "text";
+      n = "text";
       break;
     }
     case "integer":
     case "float": {
-      s = "number";
+      n = "number";
       break;
     }
     case "array":
@@ -1449,7 +1594,7 @@ function Ja(e, a, n) {
     case "object":
       break;
     default: {
-      s = "text";
+      n = "text";
       break;
     }
   }
@@ -1473,191 +1618,134 @@ function Ja(e, a, n) {
     case "gteq_lt":
     case "gt_lteq":
     case "gteq_lteq": {
-      s === "number" && (s = "numberRange"), s === "text" && (s = "textRange"), s === "date" && (s = "dateRange");
+      n === "number" && (n = "numberRange"), n === "text" && (n = "textRange"), n === "date" && (n = "dateRange");
       break;
     }
     case "is_in":
     case "is_not_in": {
-      s = "tag";
+      n = "tag";
       break;
     }
     case "array_match": {
-      s = "arrayMatch";
+      n = "arrayMatch";
       break;
     }
   }
-  return n?.resourceSelectorAvailable && (s = "resourceSelector"), s;
+  return s?.resourceSelectorAvailable && (n = "resourceSelector"), n;
 }
-function Ba({
+function Ha({
   item: e,
   nestingLevel: a,
-  pathPrefix: n,
-  onDelete: s
+  pathPrefix: s,
+  onDelete: n
 }) {
-  const { setPath: o } = x(), [c, u] = g(!1), r = [];
-  return r[0] ??= [], r[0].push(
-    /* @__PURE__ */ t.jsx(
-      M,
-      {
-        label: "Set group",
-        onClick: () => {
-          u(!0);
-        }
-      }
-    )
-  ), a < 2 && r[0].push(
+  const { setPath: i } = f(), o = [];
+  return a < 2 && (o[0] ??= [], o[0].push(
     /* @__PURE__ */ t.jsx(
-      M,
+      T,
       {
         label: "Nest conditions",
         onClick: () => {
-          o(
-            `${n}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
+          i(
+            `${s}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
             void 0
           );
         }
       }
     )
-  ), s != null && (r[1] ??= [], r[1].push(
+  )), n != null && (o[1] ??= [], o[1].push(
     /* @__PURE__ */ t.jsx(
-      M,
+      T,
       {
         label: "Delete",
         onClick: () => {
-          o(`${n}`, null), s();
+          i(`${s}`, null), n();
         }
       }
     )
-  )), /* @__PURE__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsx(
-      Ya,
-      {
-        onClose: () => u(!1),
-        show: c,
-        pathPrefix: n,
-        item: e
-      }
-    ),
-    e?.group != null && /* @__PURE__ */ t.jsxs("div", { className: "text-xs pb-4", children: [
-      "Group: ",
-      /* @__PURE__ */ t.jsx(le, { weight: "bold", children: e.group })
-    ] }),
-    /* @__PURE__ */ t.jsxs("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: [
-          /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
-            Pa,
-            {
-              value: e?.field,
-              name: `${n}.field`
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(La, { item: e, pathPrefix: n }) })
-        ] }),
-        /* @__PURE__ */ t.jsx(Ua, { item: e, pathPrefix: n })
-      ] }) }),
-      r.length > 0 && /* @__PURE__ */ t.jsx(
-        D,
-        {
-          className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch shrink-0",
-          dropdownLabel: /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center justify-center self-stretch grow",
-              children: /* @__PURE__ */ t.jsx(j, { name: "dotsThreeVertical", size: 16, weight: "bold" })
-            }
-          ),
-          dropdownItems: r.map((l, i, d) => (
+  )), /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs(
+    ge,
+    {
+      dropdownItems: o.map((c, l, r) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+        /* @__PURE__ */ t.jsxs(Y.Fragment, { children: [
+          c.map((u, d) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
-            /* @__PURE__ */ t.jsxs(W.Fragment, { children: [
-              l.map((h, p) => (
-                // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
-                /* @__PURE__ */ t.jsx(W.Fragment, { children: h }, p)
-              )),
-              i < d.length - 1 && /* @__PURE__ */ t.jsx(ie, {})
-            ] }, i)
-          ))
-        }
-      )
-    ] })
-  ] });
+            /* @__PURE__ */ t.jsx(Y.Fragment, { children: u }, d)
+          )),
+          l < r.length - 1 && /* @__PURE__ */ t.jsx(P, {})
+        ] }, l)
+      )),
+      options: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(Ya, { item: e, pathPrefix: s }),
+        /* @__PURE__ */ t.jsx(Qa, { item: e, pathPrefix: s })
+      ] }),
+      children: [
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(Fa, { value: e?.field, name: `${s}.field` }) }),
+        /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Ua, { item: e, pathPrefix: s }) })
+      ]
+    }
+  ) });
 }
-const Ya = ({
-  show: e,
-  onClose: a,
-  pathPrefix: n,
-  item: s
-}) => {
-  const o = O(null), { setPath: c } = x(), u = pe(), [r, l] = g(s?.group);
+const Qa = ({ item: e, pathPrefix: a }) => {
+  const { setPath: s } = f(), n = xe(), [i, o] = x(e?.group);
   return _(() => {
-    l(s?.group);
-  }, [s?.group, e]), /* @__PURE__ */ t.jsxs(S, { ref: o, show: e, onClose: a, size: "large", children: [
-    /* @__PURE__ */ t.jsx(S.Header, { children: "Set group" }),
-    /* @__PURE__ */ t.jsxs(S.Body, { children: [
-      /* @__PURE__ */ t.jsx(
+    s(`${a}.group`, i);
+  }, [i]), /* @__PURE__ */ t.jsx(
+    $,
+    {
+      label: /* @__PURE__ */ t.jsx(N, { variant: "info", size: "small", children: "Groups" }),
+      children: /* @__PURE__ */ t.jsx(
         v,
         {
-          name: `${n}.group`,
+          name: `${a}.group`,
           isCreatable: !0,
           isClearable: !0,
-          menuPortalTarget: o.current,
-          initialValues: u.map((i) => ({
+          initialValues: n.map((c) => ({
+            value: c,
+            label: c
+          })),
+          value: i != null ? {
             value: i,
             label: i
-          })),
-          value: r != null ? {
-            value: r,
-            label: r
           } : void 0,
-          onSelect: (i) => {
-            (i == null || T(i)) && l(i?.value.toString());
+          onSelect: (c) => {
+            (c == null || w(c)) && o(c?.value.toString());
           },
           placeholder: "Select or create group…"
         }
-      ),
-      /* @__PURE__ */ t.jsx(va, { top: "2", children: /* @__PURE__ */ t.jsx(le, { size: "small", variant: "info", children: "Choose an existing group or create a new one. Leave empty to remove." }) })
-    ] }),
-    /* @__PURE__ */ t.jsx(S.Footer, { children: /* @__PURE__ */ t.jsx(
-      N,
-      {
-        onClick: () => {
-          c(`${n}.group`, r), a();
-        },
-        fullWidth: !0,
-        children: "Save"
-      }
-    ) })
-  ] });
+      )
+    }
+  );
 };
-function ge({
+function ve({
   item: e,
   children: a,
-  nestingLevel: n = 0,
-  pathPrefix: s
+  nestingLevel: s = 0,
+  pathPrefix: n
 }) {
   const {
-    state: { selectedRuleIndex: o }
-  } = x(), c = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: u } = x(), [r, l] = g(0), i = n > 0;
+    state: { selectedRuleIndex: i }
+  } = f(), o = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: c } = f(), [l, r] = x(0), u = s > 0;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: w("query-group", {
-        "p-4 border border-gray-200 rounded-md": i
+      className: M("query-group", {
+        "p-4 border border-gray-200 rounded-md": u
       }),
       children: [
         a,
         e != null && (e.conditions ?? []).length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          i && /* @__PURE__ */ t.jsxs(
+          u && /* @__PURE__ */ t.jsxs(
             "select",
             {
               onChange: (d) => {
-                u(
-                  `${s}.conditions_logic`,
+                c(
+                  `${n}.conditions_logic`,
                   d.currentTarget.value
                 );
               },
-              defaultValue: c,
+              defaultValue: o,
               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" }),
@@ -1668,43 +1756,43 @@ function ge({
           /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: w({
-                "border-l border-gray-200 ml-3 pt-3": i
+              className: M({
+                "border-l border-gray-200 ml-3 pt-3": u
               }),
-              children: e?.conditions?.map((d, h, p) => {
-                const m = h === p.length - 1;
+              children: e?.conditions?.map((d, h, j) => {
+                const m = h === j.length - 1;
                 return /* @__PURE__ */ t.jsxs(
                   "div",
                   {
                     className: "flex items-center mb-4 last:mb-0 relative",
                     children: [
-                      i && /* @__PURE__ */ t.jsx(Xa, { rounded: m }),
+                      u && /* @__PURE__ */ t.jsx(Ka, { rounded: m }),
                       /* @__PURE__ */ t.jsx(
                         "div",
                         {
-                          className: w("w-full", {
-                            "ml-4": i
+                          className: M("w-full", {
+                            "ml-4": u
                           }),
                           children: /* @__PURE__ */ t.jsx(
-                            ge,
+                            ve,
                             {
                               item: d?.nested ?? void 0,
-                              nestingLevel: d?.nested != null ? n + 1 : d?.group != null ? 1 : 0,
-                              pathPrefix: `${s}.conditions.${h}.nested`,
+                              nestingLevel: d?.nested != null ? s + 1 : 0,
+                              pathPrefix: `${n}.conditions.${h}.nested`,
                               children: /* @__PURE__ */ t.jsx(
                                 "div",
                                 {
-                                  className: w({
+                                  className: M({
                                     "mb-4": d?.nested != null
                                   }),
                                   children: /* @__PURE__ */ t.jsx(
-                                    Ba,
+                                    Ha,
                                     {
                                       item: d,
-                                      nestingLevel: n,
-                                      pathPrefix: `${s}.conditions.${h}`,
-                                      onDelete: p.length > 1 || n > 0 ? () => {
-                                        l((f) => f + 1);
+                                      nestingLevel: s,
+                                      pathPrefix: `${n}.conditions.${h}`,
+                                      onDelete: j.length > 1 || s > 0 ? () => {
+                                        r((p) => p + 1);
                                       } : void 0
                                     }
                                   )
@@ -1716,7 +1804,7 @@ function ge({
                       )
                     ]
                   },
-                  `${o}-${h}-${r}`
+                  `${i}-${h}-${l}`
                 );
               })
             }
@@ -1726,7 +1814,7 @@ function ge({
     }
   );
 }
-function Xa({
+function Ka({
   rounded: e = !1
 }) {
   return e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1734,16 +1822,16 @@ function Xa({
     /* @__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 Ha() {
+function es() {
   const {
     setPath: e,
-    state: { value: a, selectedRuleIndex: n }
-  } = x(), [s, o] = g(
-    a.rules?.[n]?.name ?? ""
+    state: { value: a, selectedRuleIndex: s }
+  } = f(), [n, i] = x(
+    a.rules?.[s]?.name ?? ""
   );
   return _(() => {
-    o(a.rules?.[n]?.name ?? "");
-  }, [n]), // <Input
+    i(a.rules?.[s]?.name ?? "");
+  }, [s]), // <Input
   //   value={value.rules?.[selectedRuleIndex]?.name}
   //   onChange={(event) => {
   //     const target = event.currentTarget
@@ -1758,63 +1846,63 @@ function Ha() {
     {
       contentEditable: "plaintext-only",
       suppressContentEditableWarning: !0,
-      onInput: (c) => {
-        const r = c.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
-        e(`rules.${n}.name`, r);
+      onInput: (o) => {
+        const l = o.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        e(`rules.${s}.name`, l);
       },
-      onKeyDown: (c) => {
-        c.key === "Enter" && (c.preventDefault(), c.currentTarget.blur());
+      onKeyDown: (o) => {
+        o.key === "Enter" && (o.preventDefault(), o.currentTarget.blur());
       },
-      onBlur: (c) => {
-        const u = c.currentTarget;
-        u.innerText = u.innerText.replace(/[\n\s]+/g, " ").trim();
+      onBlur: (o) => {
+        const c = o.currentTarget;
+        c.innerText = c.innerText.replace(/[\n\s]+/g, " ").trim();
       },
-      children: s
+      children: n
     },
-    n
+    s
   );
 }
-const K = {
+const ae = {
   rules: []
-}, k = (e) => {
+}, A = (e) => {
   try {
-    return JSON.parse(e ?? JSON.stringify(K));
+    return JSON.parse(e ?? JSON.stringify(ae));
   } catch {
-    return K;
+    return ae;
   }
-}, Qa = (e) => {
+}, ts = (e) => {
   try {
     return JSON.parse(e ?? "{}"), !0;
   } catch {
     return !1;
   }
 };
-function is(e) {
+function us(e) {
   const {
     settings: { domain: a }
-  } = re(), [n, s] = g([]), [o, c] = g(
-    k(e.value ?? e.defaultValue)
+  } = oe(), [s, n] = x([]), [i, o] = x(
+    A(e.value ?? e.defaultValue)
   );
   return _(
     function() {
-      o.rules?.length === 0 && c(k(e.value));
+      i.rules?.length === 0 && o(A(e.value));
     },
     [e.value]
   ), _(
     function() {
-      ja(e.schemaType, a).then((r) => {
-        const i = b.object({
-          properties: b.object({
-            rules: b.object({
-              items: b.object({
-                properties: b.object({
-                  actions: b.object({
-                    items: b.object({
-                      anyOf: b.array(
-                        b.object({
-                          properties: b.object({
-                            type: b.object({
-                              enum: b.string().array()
+      wa(e.schemaType, a).then((l) => {
+        const u = g.object({
+          properties: g.object({
+            rules: g.object({
+              items: g.object({
+                properties: g.object({
+                  actions: g.object({
+                    items: g.object({
+                      anyOf: g.array(
+                        g.object({
+                          properties: g.object({
+                            type: g.object({
+                              enum: g.string().array()
                             })
                           })
                         })
@@ -1825,49 +1913,49 @@ function is(e) {
               })
             })
           })
-        }).parse(r).properties.rules.items.properties.actions.items.anyOf.flatMap(
+        }).parse(l).properties.rules.items.properties.actions.items.anyOf.flatMap(
           (d) => d.properties.type.enum
         );
-        s([...new Set(i)]);
+        n([...new Set(u)]);
       });
     },
     [a]
   ), /* @__PURE__ */ t.jsx(
-    Va,
+    Ia,
     {
       initialValue: {
-        value: { rules: o.rules },
-        availableActionTypes: n,
+        value: { rules: i.rules },
+        availableActionTypes: s,
         schemaType: e.schemaType
       },
-      children: /* @__PURE__ */ t.jsx(Ka, { ...e })
+      children: /* @__PURE__ */ t.jsx(as, { ...e })
     }
   );
 }
-function Ka(e) {
+function as(e) {
   const {
-    state: { value: a, selectedRuleIndex: n },
-    setSelectedRuleIndex: s,
-    setValue: o,
-    setPath: c
-  } = x(), [u, r] = g(
+    state: { value: a, selectedRuleIndex: s },
+    setSelectedRuleIndex: n,
+    setValue: i,
+    setPath: o
+  } = f(), [c, l] = x(
     e.defaultCodeEditorVisible ?? !1
-  ), l = a.rules?.[n], i = O(null), [d, h] = g(0);
+  ), r = a.rules?.[s], u = ue(null), [d, h] = x(0);
   _(
     function() {
-      Z(k(i.current?.getValue()), a) || i.current?.setValue(JSON.stringify(a, null, 2)), e.onChange?.(a);
+      q(A(u.current?.getValue()), a) || u.current?.setValue(JSON.stringify(a, null, 2)), e.onChange?.(a);
     },
     [a]
   );
-  const p = C(
+  const j = k(
     (m) => {
-      const f = k(m);
-      i.current?.hasTextFocus() && Qa(m) && !Z(f, a) && (o(f), h((V) => V + 1));
+      const p = A(m);
+      u.current?.hasTextFocus() && ts(m) && !q(p, a) && (i(p), h((I) => I + 1));
     },
     [a]
   );
   return /* @__PURE__ */ t.jsx(
-    _a,
+    Ma,
     {
       hint: e.hint,
       feedback: e.feedback,
@@ -1876,12 +1964,12 @@ function Ka(e) {
         /* @__PURE__ */ t.jsxs(
           "div",
           {
-            className: `shrink-0 basis-3/5 overflow-x-auto relative flex flex-col ${u ? "" : "grow"}`,
+            className: `shrink-0 basis-3/5 overflow-x-auto relative flex flex-col ${c ? "" : "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: [
-                  a.rules?.map((m, f, V) => {
-                    const xe = `#${(f + 1).toString().padStart(2, "0")}`;
+                  a.rules?.map((m, p, I) => {
+                    const je = `#${(p + 1).toString().padStart(2, "0")}`;
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -1891,42 +1979,42 @@ function Ka(e) {
                             "button",
                             {
                               type: "button",
-                              className: w("font-bold mr-2", {
-                                "text-black": n === f
+                              className: M("font-bold mr-2", {
+                                "text-black": s === p
                               }),
                               onClick: () => {
-                                s(f);
+                                n(p);
                               },
-                              children: xe
+                              children: je
                             }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            D,
+                            V,
                             {
-                              menuPosition: f === 0 ? "bottom-left" : "bottom-right",
-                              dropdownLabel: /* @__PURE__ */ t.jsx(N, { variant: "circle", children: /* @__PURE__ */ t.jsx(j, { name: "dotsThreeVertical", size: 16 }) }),
+                              menuPosition: p === 0 ? "bottom-left" : "bottom-right",
+                              dropdownLabel: /* @__PURE__ */ t.jsx(S, { variant: "circle", children: /* @__PURE__ */ t.jsx(y, { name: "dotsThreeVertical", size: 16 }) }),
                               dropdownItems: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                                 /* @__PURE__ */ t.jsx(
-                                  M,
+                                  T,
                                   {
                                     onClick: () => {
-                                      const q = a.rules?.length ?? 0;
-                                      c(`rules.${q}`, {
+                                      const z = a.rules?.length ?? 0;
+                                      o(`rules.${z}`, {
                                         ...m,
                                         id: void 0,
                                         name: `${m.name} (copy)`
-                                      }), s(q);
+                                      }), n(z);
                                     },
                                     label: "Duplicate"
                                   }
                                 ),
-                                /* @__PURE__ */ t.jsx(ie, {}),
+                                /* @__PURE__ */ t.jsx(P, {}),
                                 /* @__PURE__ */ t.jsx(
-                                  M,
+                                  T,
                                   {
-                                    disabled: V.length === 1,
+                                    disabled: I.length === 1,
                                     onClick: () => {
-                                      c(`rules.${f}`, null), n >= f && s(n - 1);
+                                      o(`rules.${p}`, null), s >= p && n(s - 1);
                                     },
                                     label: "Delete"
                                   }
@@ -1936,43 +2024,43 @@ function Ka(e) {
                           )
                         ]
                       },
-                      `${f}-${m.id}`
+                      `${p}-${m.id}`
                     );
                   }),
                   /* @__PURE__ */ t.jsx("div", { className: "min-h-[49px] flex items-center", children: /* @__PURE__ */ t.jsx(
-                    N,
+                    S,
                     {
                       variant: "circle",
                       className: "mx-4",
                       onClick: () => {
-                        c(`rules.${a.rules?.length ?? 0}`, {
+                        o(`rules.${a.rules?.length ?? 0}`, {
                           name: "Rule name",
                           actions: [null],
                           conditions: [null]
-                        }), s(a.rules?.length ?? 0);
+                        }), n(a.rules?.length ?? 0);
                       },
-                      children: /* @__PURE__ */ t.jsx(j, { name: "plus", size: 16, className: "shrink-0" })
+                      children: /* @__PURE__ */ t.jsx(y, { name: "plus", size: 16, className: "shrink-0" })
                     }
                   ) })
                 ] }),
                 /* @__PURE__ */ t.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ t.jsx(
-                  N,
+                  S,
                   {
                     variant: "circle",
                     onClick: () => {
-                      r(!u);
+                      l(!c);
                     },
-                    children: /* @__PURE__ */ t.jsx(j, { name: "sidebarSimple", size: 16 })
+                    children: /* @__PURE__ */ t.jsx(y, { name: "sidebarSimple", size: 16 })
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ t.jsx(ts, { children: l && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx(ns, { children: r && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 /* @__PURE__ */ t.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
-                  /* @__PURE__ */ t.jsx(Ha, {}),
-                  /* @__PURE__ */ t.jsx(j, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                  /* @__PURE__ */ t.jsx(es, {}),
+                  /* @__PURE__ */ t.jsx(y, { name: "pencilSimple", size: 16, className: "shrink-0" })
                 ] }),
                 /* @__PURE__ */ t.jsxs(
-                  ee,
+                  se,
                   {
                     title: /* @__PURE__ */ t.jsxs("div", { children: [
                       "If",
@@ -1981,12 +2069,12 @@ function Ka(e) {
                         "select",
                         {
                           onChange: (m) => {
-                            c(
-                              `rules.${n}.conditions_logic`,
+                            o(
+                              `rules.${s}.conditions_logic`,
                               m.currentTarget.value
                             );
                           },
-                          value: l?.conditions_logic ?? "all",
+                          value: r?.conditions_logic ?? "all",
                           className: "font-bold py-1 pl-2 pr-6 bg-position-[right_center] focus:ring-0 focus:outline-hidden appearance-none border-0 rounded-md leading-4 ml-1 mr-1.5",
                           children: [
                             /* @__PURE__ */ t.jsx("option", { value: "and", children: "all" }),
@@ -1999,26 +2087,26 @@ function Ka(e) {
                     icon: "treeView",
                     children: [
                       /* @__PURE__ */ t.jsx(
-                        ge,
+                        ve,
                         {
-                          item: l,
-                          pathPrefix: `rules.${n}`
+                          item: r,
+                          pathPrefix: `rules.${s}`
                         }
                       ),
                       /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
-                        N,
+                        S,
                         {
                           size: "small",
                           variant: "secondary",
                           alignItems: "center",
                           onClick: () => {
-                            c(
-                              `rules.${n}.conditions.${l?.conditions?.length ?? 0}`,
+                            o(
+                              `rules.${s}.conditions.${r?.conditions?.length ?? 0}`,
                               void 0
                             );
                           },
                           children: [
-                            /* @__PURE__ */ t.jsx(j, { name: "plusCircle" }),
+                            /* @__PURE__ */ t.jsx(y, { name: "plusCircle" }),
                             " Add condition"
                           ]
                         }
@@ -2026,55 +2114,55 @@ function Ka(e) {
                     ]
                   }
                 ),
-                /* @__PURE__ */ t.jsx(es, { children: "do" }),
-                /* @__PURE__ */ t.jsx(ee, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(Oa, { actions: l?.actions }) })
+                /* @__PURE__ */ t.jsx(ss, { children: "do" }),
+                /* @__PURE__ */ t.jsx(se, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(za, { actions: r?.actions }) })
               ] }) })
             ]
           },
           d
         ),
-        u && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
-          Ta,
+        c && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
+          Ca,
           {
-            ref: i,
+            ref: u,
             name: e.id ?? e.name,
             height: "100%",
             language: "json",
             jsonSchema: e.schemaType,
             defaultValue: JSON.stringify(a, null, 2),
             noRounding: !0,
-            onChange: p
+            onChange: j
           }
         ) })
       ] })
     }
   );
 }
-function es({ children: e }) {
+function ss({ 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 ee({
+function se({
   children: e,
   title: a,
-  icon: n
+  icon: s
 }) {
   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(j, { name: n }) }),
+      /* @__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(y, { name: s }) }),
       /* @__PURE__ */ t.jsx("h2", { className: "font-semibold", children: a })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "p-6", children: e })
   ] });
 }
-function ts({
+function ns({
   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 {
-  is as RuleEngine
+  us as RuleEngine
 };