@commercelayer/app-elements 6.2.1 → 6.3.0

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

@@ -1,179 +1,183 @@
 "use client";
-import { t as O, B as fe, D as pe, E as he, I as ge, N as xe, O as ye, P as be, Z as $, b as ve, d as je, e as _e, f as Te, g as Ne, h as Me, i as we, j as Se, k as Ce, l as q, n as Ee, o as $e, p as ke, q as Re, r as Ve, s as Ae, u as Ie, v as Ze, w as De, x as Oe, y as qe, z as Pe, A as Le, C as Fe, F as ze, G as Ue, H as Je, J as We, K as Be, L as Ye, M as Ge, Q as Xe, R as He, S as Qe, T as Ke, U as et, V as tt, W as at, X as st, Y as nt, _ as rt, $ as lt, a0 as it, a1 as ot, a2 as ct, a3 as ut, a4 as dt, a5 as mt, a6 as ft, a7 as pt, a8 as ht, a9 as P, aa as gt, ab as xt, ac as yt, ad as bt, ae as vt, af as jt, ag as _t, ah as Tt, ai as Nt, aj as Mt, ak as wt, al as St, am as Ct, an as Et, ao as $t, ap as kt, aq as Rt, ar as Vt, as as At, at as It, au as Zt, av as Dt, aw as Ot, ax as qt, ay as Pt, az as Lt, aA as Ft, aB as zt, aC as Ut, aD as Jt, aE as Wt, aF as Bt, aG as Yt, aH as Gt, aI as Xt, aJ as Ht, aK as Qt, aL as Kt, aM as ea, aN as ta, aO as aa, aP as sa, aQ as na, aR as ra, aS as la, aT as ia, aU as t, aV as R, aW as oa, aX as ca, aY as Q, aZ as j, a_ as N, a$ as ua, b0 as K, b1 as b, b2 as A, b3 as w, b4 as v, b5 as M, b6 as C, b7 as da, b8 as ee, b9 as ma, ba as L, bb as I, bc as te, bd as fa, be as pa, bf as ae, bg as V, bh as ha, bi as ga, bj as xa } from "./main-L857O21K.js";
-import F, { useReducer as ya, useCallback as S, useMemo as ba, createContext as va, useContext as ja, useRef as se, useState as g, useEffect as _ } from "react";
+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 "react-hook-form";
 import "wouter";
-import { p as z } from "./parseISO-CbJPLsTx.js";
-function U(e, s) {
-  const a = e.match(
+import { p as J } from "./parseISO-DQvhbRdk.js";
+function B(e, a) {
+  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 a ? O(
+  return n ? L(
     Date.UTC(
-      +a[1],
-      +a[2] - 1,
-      +a[3],
-      +a[4] - (+a[9] || 0) * (a[8] == "-" ? -1 : 1),
-      +a[5] - (+a[10] || 0) * (a[8] == "-" ? -1 : 1),
-      +a[6],
-      +((a[7] || "0") + "00").substring(0, 3)
+      +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
-  ) : O(NaN, s?.in);
+    a?.in
+  ) : L(NaN, a?.in);
 }
-const y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BRAND: fe,
-  DIRTY: pe,
-  EMPTY_PATH: he,
-  INVALID: ge,
-  NEVER: xe,
-  OK: ye,
-  ParseStatus: be,
-  Schema: $,
-  ZodAny: ve,
-  ZodArray: je,
-  ZodBigInt: _e,
-  ZodBoolean: Te,
-  ZodBranded: Ne,
-  ZodCatch: Me,
-  ZodDate: we,
-  ZodDefault: Se,
-  ZodDiscriminatedUnion: Ce,
-  ZodEffects: q,
-  ZodEnum: Ee,
-  ZodError: $e,
+  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,
   get ZodFirstPartyTypeKind() {
-    return ke;
+    return Ze;
   },
-  ZodFunction: Re,
-  ZodIntersection: Ve,
-  ZodIssueCode: Ae,
-  ZodLazy: Ie,
-  ZodLiteral: Ze,
-  ZodMap: De,
-  ZodNaN: Oe,
-  ZodNativeEnum: qe,
-  ZodNever: Pe,
-  ZodNull: Le,
-  ZodNullable: Fe,
-  ZodNumber: ze,
-  ZodObject: Ue,
-  ZodOptional: Je,
-  ZodParsedType: We,
-  ZodPipeline: Be,
-  ZodPromise: Ye,
-  ZodReadonly: Ge,
-  ZodRecord: Xe,
-  ZodSchema: $,
-  ZodSet: He,
-  ZodString: Qe,
-  ZodSymbol: Ke,
-  ZodTransformer: q,
-  ZodTuple: et,
-  ZodType: $,
-  ZodUndefined: tt,
-  ZodUnion: at,
-  ZodUnknown: st,
-  ZodVoid: nt,
-  addIssueToContext: rt,
-  any: lt,
-  array: it,
-  bigint: ot,
-  boolean: ct,
-  coerce: ut,
-  custom: dt,
-  date: mt,
-  datetimeRegex: ft,
-  defaultErrorMap: pt,
-  discriminatedUnion: ht,
-  effect: P,
-  enum: gt,
-  function: xt,
-  getErrorMap: yt,
-  getParsedType: bt,
-  instanceof: vt,
-  intersection: jt,
-  isAborted: _t,
-  isAsync: Tt,
-  isDirty: Nt,
-  isValid: Mt,
-  late: wt,
-  lazy: St,
-  literal: Ct,
-  makeIssue: Et,
-  map: $t,
-  nan: kt,
-  nativeEnum: Rt,
-  never: Vt,
-  null: At,
-  nullable: It,
-  number: Zt,
-  object: Dt,
+  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,
   get objectUtil() {
-    return Ot;
+    return Gt;
   },
-  oboolean: qt,
-  onumber: Pt,
-  optional: Lt,
-  ostring: Ft,
-  pipeline: zt,
-  preprocess: Ut,
-  promise: Jt,
-  quotelessJson: Wt,
-  record: Bt,
-  set: Yt,
-  setErrorMap: Gt,
-  strictObject: Xt,
-  string: Ht,
-  symbol: Qt,
-  transformer: P,
-  tuple: Kt,
-  undefined: ea,
-  union: ta,
-  unknown: aa,
+  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,
   get util() {
-    return sa;
+    return oa;
   },
-  void: na
+  void: ca
 }, Symbol.toStringTag, { value: "Module" }));
-var _a = 1, Ta = 4;
-function Na(e) {
-  return ra(e, _a | Ta);
+var Ca = 1, $a = 4;
+function ka(e) {
+  return ua(e, Ca | $a);
 }
-function J(e, s, a) {
-  return e == null ? e : la(e, s, a);
+function A(e, a, n) {
+  return e == null ? e : da(e, a, n);
 }
-function W(e, s) {
-  return e == null ? !0 : ia(e, s);
+function Y(e, a) {
+  return e == null ? !0 : ma(e, a);
 }
-const ne = va(
+const oe = wa(
   void 0
 );
-function Ma(e, s) {
-  switch (s.type) {
+function Ea(e, a) {
+  switch (a.type) {
     case "SET_PATH": {
-      const a = Na(e.value);
-      if (s.value === null)
-        if (/\.\d+$/.test(s.path)) {
-          const n = s.path.replace(/\.\d+$/, ""), c = parseInt(s.path.match(/\d+$/)?.[0] ?? "0", 10), i = oa(a, n);
-          Array.isArray(i) && (i.splice(c, 1), J(a, n, i), i.length === 0 && n.endsWith(".nested.conditions") && W(a, n.replace(/\.conditions$/, "")));
+      const n = ka(e.value);
+      if (/actions\.\d\.[\w_]+$/.test(a.path)) {
+        const s = a.path.replace(/\.[\w_]+$/, "");
+        z(n, s)?.groups == null && A(n, `${s}.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$/, "")));
         } else
-          W(a, s.path);
+          Y(n, a.path);
       else
-        J(a, s.path, s.value);
+        A(n, a.path, a.value);
       return {
         ...e,
-        value: a
+        value: n
       };
     }
     case "SET_SELECTED_RULE_INDEX":
       return {
         ...e,
-        selectedRuleIndex: s.index
+        selectedRuleIndex: a.index
       };
     case "SET_VALUE":
-      return R(e.value, s.value) ? e : (s.value.rules?.length ?? 0) === 0 ? {
+      return Z(e.value, a.value) ? e : (a.value.rules?.length ?? 0) === 0 ? {
         selectedRuleIndex: 0,
         value: {
           rules: [
@@ -188,387 +192,54 @@ function Ma(e, s) {
         }
       } : {
         ...e,
-        value: s.value
+        value: a.value
       };
     default:
       return e;
   }
 }
-function wa({
+function Va({
   children: e,
-  initialValue: s
+  initialValue: a
 }) {
-  const [a, n] = ya(Ma, {
-    value: s.value,
+  const [n, s] = Na(Ea, {
+    value: a.value,
     selectedRuleIndex: 0
-  }), c = S((o, l) => {
-    n({ type: "SET_PATH", path: o, value: l });
-  }, []), i = S((o) => {
-    n({ type: "SET_SELECTED_RULE_INDEX", index: o }), o < 0 && setTimeout(() => {
-      n({ type: "SET_SELECTED_RULE_INDEX", index: 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 });
     }, 50);
-  }, []), u = S((o) => {
-    n({ type: "SET_VALUE", value: o });
-  }, []), r = ba(
+  }, []), u = C((l) => {
+    s({ type: "SET_VALUE", value: l });
+  }, []), r = Ma(
     () => ({
-      state: a,
-      setPath: c,
-      setSelectedRuleIndex: i,
+      state: n,
+      setPath: o,
+      setSelectedRuleIndex: c,
       setValue: u,
-      availableActionTypes: s.availableActionTypes,
-      schemaType: s.schemaType
+      availableActionTypes: a.availableActionTypes,
+      schemaType: a.schemaType
     }),
     [
-      a,
+      n,
+      o,
       c,
-      i,
       u,
-      s.availableActionTypes,
-      s.schemaType
+      a.availableActionTypes,
+      a.schemaType
     ]
   );
-  return /* @__PURE__ */ t.jsx(ne.Provider, { value: r, children: e });
+  return /* @__PURE__ */ t.jsx(oe.Provider, { value: r, children: e });
 }
 function x() {
-  const e = ja(ne);
+  const e = Sa(oe);
   if (e === void 0)
     throw new Error("useRuleEngine must be used within a RuleEngineProvider");
   return e;
 }
-function re({
-  value: e,
-  name: s,
-  preset: a
-}) {
-  const { setPath: n, schemaType: c } = x(), { t: i } = ca(), u = se(null), r = c === "order-rules" ? "order" : c === "price-rules" ? "price" : void 0, o = Q(
-    (a === "condition" ? Sa : a === "action" ? Ca : []).filter(
-      (l) => r != null && l.startsWith(r)
-    ).map((l) => ({
-      value: l,
-      label: i(`resource_paths.${l}`).replace(
-        "resource_paths.",
-        ""
-      )
-    })),
-    "label"
-  );
-  return /* @__PURE__ */ t.jsx(
-    j,
-    {
-      ref: u,
-      name: s,
-      initialValues: o,
-      defaultValue: e != null ? o.find((l) => l.value === e) ?? {
-        value: e,
-        label: e
-      } : void 0,
-      asTextSearch: a === "condition",
-      isCreatable: !0,
-      loadAsyncValues: async (l) => {
-        if (r == null)
-          return [];
-        const d = o.filter(
-          (f) => f.label.includes(l)
-        ), h = a === "condition" ? (await ua(
-          [r],
-          l
-        )).filter((f) => f.value.startsWith(l)).map((f) => {
-          const T = f.type === "relationship" || f.value.endsWith(".metadata") ? `${f.value}.` : f.value;
-          return {
-            value: T,
-            label: T
-          };
-        }) : [], p = l.includes(".metadata") ? [{ label: l, value: l }] : [];
-        return [...d, ...h, ...p];
-      },
-      onSelect: async (l) => {
-        N(l) && (n(s, l.value), l.value.toString().endsWith(".") && u.current?.openMenu("first"));
-      }
-    }
-  );
-}
-const Sa = [
-  "order.billing_address.country_code",
-  "order.country_code",
-  "order.currency_code",
-  "order.customer_email",
-  "order.customer.email",
-  "order.customer.customer_group.id",
-  "order.customer.customer_group.name",
-  "order.customer.tags.id",
-  "order.customer.tags.name",
-  "order.line_items.item_type",
-  "order.line_items.line_item_options.sku_option.tags.name",
-  "order.line_items.options_amount_cents",
-  "order.line_items.quantity",
-  "order.line_items.reference",
-  "order.line_items.shipment.id",
-  "order.line_items.shipment.shipping_method.id",
-  "order.line_items.shipment.shipping_method.name",
-  "order.line_items.shipment.shipping_method.reference",
-  "order.line_items.sku_code",
-  "order.line_items.sku.code",
-  "order.line_items.sku.id",
-  "order.line_items.sku.inventory.quantity",
-  "order.line_items.sku.name",
-  "order.line_items.sku.shipping_category.id",
-  "order.line_items.sku.sku_lists.id",
-  "order.line_items.sku.sku_lists.name",
-  "order.line_items.sku.tags.name",
-  "order.line_items.unit_amount_cents",
-  "order.market.code",
-  "order.market.id",
-  "order.shipments_count",
-  "order.shipping_address.country_code",
-  "order.subtotal_amount_cents",
-  "order.tags.name",
-  "order.total_amount_cents",
-  "price.jwt_customer.email",
-  "price.jwt_customer.tags.name",
-  "price.sku.sku_list_items.sku_list.name",
-  "price.sku.code",
-  "price.sku.tags.name",
-  "price.processed_at",
-  "price.amount_cents"
-], Ca = [
-  "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"
-];
-function Ea({
-  item: e,
-  pathPrefix: s
-}) {
-  const { setPath: a } = x();
-  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(
-          b,
-          {
-            name: `${s}.value.x`,
-            type: "number",
-            suffix: "X",
-            defaultValue: e.value?.x,
-            onChange: (n) => {
-              a(
-                `${s}.value.x`,
-                parseInt(n.currentTarget.value, 10)
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          b,
-          {
-            name: `${s}.value.y`,
-            type: "number",
-            suffix: "Y",
-            defaultValue: e.value?.y,
-            onChange: (n) => {
-              a(
-                `${s}.value.y`,
-                parseInt(n.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(
-          b,
-          {
-            name: `${s}.value.x`,
-            type: "number",
-            suffix: "X",
-            defaultValue: e.value?.x,
-            onChange: (n) => {
-              a(
-                `${s}.value.x`,
-                parseInt(n.currentTarget.value, 10)
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          b,
-          {
-            name: `${s}.value.y`,
-            type: "number",
-            suffix: "Y",
-            defaultValue: e.value?.y,
-            onChange: (n) => {
-              a(
-                `${s}.value.y`,
-                parseInt(n.currentTarget.value, 10)
-              );
-            }
-          }
-        )
-      ] });
-    case "fixed_amount":
-    case "fixed_price":
-      return /* @__PURE__ */ t.jsx("div", { className: "w-36", children: /* @__PURE__ */ t.jsx(
-        b,
-        {
-          name: `${s}.value`,
-          type: "number",
-          defaultValue: e.value,
-          min: 0,
-          suffix: "cents",
-          onChange: (n) => {
-            a(
-              `${s}.value`,
-              parseInt(n.currentTarget.value, 10)
-            );
-          }
-        }
-      ) });
-    case "percentage": {
-      const n = (e.value * 100).toFixed(2);
-      return /* @__PURE__ */ t.jsx("div", { className: "w-24", children: /* @__PURE__ */ t.jsx(
-        b,
-        {
-          name: `${s}.value`,
-          type: "number",
-          defaultValue: n.endsWith(".00") ? n.slice(0, -3) : n,
-          min: 0,
-          max: 100,
-          suffix: "%",
-          onChange: (c) => {
-            a(
-              `${s}.value`,
-              parseFloat(c.currentTarget.value) / 100
-            );
-          }
-        }
-      ) });
-    }
-    default:
-      return K();
-  }
-}
-function $a({
-  item: e,
-  index: s,
-  onDelete: a
-}) {
-  const {
-    setPath: n,
-    state: { selectedRuleIndex: c },
-    availableActionTypes: i
-  } = x(), u = {
-    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"
-  }, r = `rules.${c}.actions.${s}`;
-  return /* @__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 items-center justify-between gap-2 grow p-2", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
-        j,
-        {
-          name: `${r}.type`,
-          defaultValue: e != null ? {
-            label: u[e.type],
-            value: e.type
-          } : void 0,
-          initialValues: i.map((o) => ({
-            value: o,
-            label: u[o]
-          })),
-          onSelect: (o) => {
-            N(o) && n(`${r}.type`, o.value);
-          }
-        }
-      ) }),
-      /* @__PURE__ */ t.jsx(Ea, { item: e, pathPrefix: r }),
-      /* @__PURE__ */ t.jsx("div", { className: "text-black font-bold text-sm", children: "ON" }),
-      /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
-        re,
-        {
-          preset: "action",
-          value: e?.selector,
-          name: `${r}.selector`
-        }
-      ) })
-    ] }),
-    a != null && /* @__PURE__ */ t.jsx(
-      A,
-      {
-        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(v, { name: "dotsThreeVertical", size: 16, weight: "bold" })
-          }
-        ),
-        dropdownItems: /* @__PURE__ */ t.jsx(
-          w,
-          {
-            label: "Delete",
-            onClick: () => {
-              n(`${r}`, null), a();
-            }
-          }
-        )
-      }
-    )
-  ] }) });
-}
-function ka({
-  actions: e
-}) {
-  const [s, a] = g(0), {
-    setPath: n,
-    state: { selectedRuleIndex: c }
-  } = x();
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { children: e?.map((i, u, r) => /* @__PURE__ */ t.jsx(
-      $a,
-      {
-        item: i,
-        index: u,
-        onDelete: r.length > 1 ? () => {
-          a((o) => o + 1);
-        } : void 0
-      },
-      `${c}-${u}-${s}`
-    )) }),
-    /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
-      M,
-      {
-        size: "small",
-        variant: "secondary",
-        alignItems: "center",
-        onClick: () => {
-          n(
-            `rules.${c}.actions.${e?.length ?? 0}`,
-            void 0
-          );
-        },
-        children: [
-          /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
-          " Add action"
-        ]
-      }
-    ) })
-  ] });
-}
-const le = [
+const ce = [
   {
     /** Matches if field value equals provided value
      * @field Integer, String, Datetime, Boolean
@@ -870,94 +541,500 @@ const le = [
     exactMatch: !0
   }
 ];
-function ie(e) {
+function ue(e) {
   if (typeof e == "string")
-    return C(U(e)) ? "datetime" : "string";
+    return $(B(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 C(U(e[0])) ? "datetime" : "string";
+      return $(B(e[0])) ? "datetime" : "string";
     if (typeof e[0] == "number")
       return "integer";
   }
   return "string";
 }
-const oe = {
-  market: "markets",
-  tag: "tags",
-  sku: "skus",
-  sku_list: "sku_lists"
+const de = {
+  market: "markets",
+  tag: "tags",
+  sku: "skus",
+  sku_list: "sku_lists"
+};
+function Ra(e) {
+  return de[e];
+}
+function P(e) {
+  const [a, n] = g(void 0);
+  return _(() => {
+    e?.field != null && pa(e.field).then((s) => {
+      const o = ce.find(
+        (c) => c.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
+      });
+    }).catch((s) => {
+      console.error("Error fetching field info:", s);
+    });
+  }, [e?.field, e?.matcher]), { infos: a };
+}
+function me(e) {
+  return e == null || e.length === 0 ? [] : fa(
+    ha(
+      e.flatMap((a) => [
+        a?.group,
+        ...me(a?.nested?.conditions)
+      ])
+    )
+  );
+}
+function pe() {
+  const {
+    state: { selectedRuleIndex: e, value: a }
+  } = x();
+  return me(
+    a.rules?.[e]?.conditions
+  );
+}
+function Aa({
+  item: e,
+  pathPrefix: a
+}) {
+  const { setPath: n } = x();
+  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,
+          {
+            name: `${a}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: e.value?.x,
+            onChange: (s) => {
+              n(
+                `${a}.value.x`,
+                parseInt(s.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            name: `${a}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: e.value?.y,
+            onChange: (s) => {
+              n(
+                `${a}.value.y`,
+                parseInt(s.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(
+          y,
+          {
+            name: `${a}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: e.value?.x,
+            onChange: (s) => {
+              n(
+                `${a}.value.x`,
+                parseInt(s.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          y,
+          {
+            name: `${a}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: e.value?.y,
+            onChange: (s) => {
+              n(
+                `${a}.value.y`,
+                parseInt(s.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "fixed_amount":
+    case "fixed_price":
+      return /* @__PURE__ */ t.jsx("div", { className: "w-36", children: /* @__PURE__ */ t.jsx(
+        y,
+        {
+          name: `${a}.value`,
+          type: "number",
+          defaultValue: e.value,
+          min: 0,
+          suffix: "cents",
+          onChange: (s) => {
+            n(
+              `${a}.value`,
+              parseInt(s.currentTarget.value, 10)
+            );
+          }
+        }
+      ) });
+    case "percentage": {
+      const s = (e.value * 100).toFixed(2);
+      return /* @__PURE__ */ t.jsx("div", { className: "w-24", children: /* @__PURE__ */ t.jsx(
+        y,
+        {
+          name: `${a}.value`,
+          type: "number",
+          defaultValue: s.endsWith(".00") ? s.slice(0, -3) : s,
+          min: 0,
+          max: 100,
+          suffix: "%",
+          onChange: (o) => {
+            n(
+              `${a}.value`,
+              parseFloat(o.currentTarget.value) / 100
+            );
+          }
+        }
+      ) });
+    }
+    default:
+      return te();
+  }
+}
+function Ia({
+  item: e,
+  index: a,
+  onDelete: n
+}) {
+  const {
+    setPath: s,
+    schemaType: o,
+    state: { selectedRuleIndex: c },
+    availableActionTypes: u
+  } = x(), r = pe(), l = {
+    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}`;
+  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,
+          {
+            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);
+            }
+          }
+        ) }),
+        /* @__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,
+          {
+            value: e?.selector,
+            name: `${i}.selector`
+          }
+        ) })
+      ] }),
+      (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" }),
+        /* @__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) => ({
+              value: d,
+              label: 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();
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+}
+function Za({
+  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(
+      "resource_paths.",
+      ""
+    )
+  }));
+  return /* @__PURE__ */ t.jsx(
+    v,
+    {
+      name: a,
+      isSearchable: !1,
+      initialValues: c,
+      value: c.find((u) => u.value === e),
+      onSelect: async (u) => {
+        T(u) && n(a, u.value);
+      }
+    }
+  );
+}
+const Da = {
+  "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 Ra(e) {
-  return oe[e];
+function Oa({
+  actions: e
+}) {
+  const [a, n] = g(0), {
+    setPath: s,
+    state: { selectedRuleIndex: o }
+  } = x();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { children: e?.map((c, u, r) => /* @__PURE__ */ t.jsx(
+      Ia,
+      {
+        item: c,
+        index: u,
+        onDelete: r.length > 1 ? () => {
+          n((l) => l + 1);
+        } : void 0
+      },
+      `${o}-${u}-${a}`
+    )) }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+      N,
+      {
+        size: "small",
+        variant: "secondary",
+        alignItems: "center",
+        onClick: () => {
+          s(
+            `rules.${o}.actions.${e?.length ?? 0}`,
+            void 0
+          );
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(j, { name: "plusCircle" }),
+          " Add action"
+        ]
+      }
+    ) })
+  ] });
 }
-function Z(e) {
-  const [s, a] = g(void 0);
-  return _(() => {
-    e?.field != null && da(e.field).then((n) => {
-      const c = le.find(
-        (i) => i.matcher === e.matcher
-      );
-      a({
-        ...n,
-        matcherInfos: c,
-        resourceSelectorAvailable: n?.resource?.id != null && Object.keys(oe).includes(n.resource.id) && n.path.endsWith(".id") && c?.exactMatch === !0
-      });
-    }).catch((n) => {
-      console.error("Error fetching field info:", n);
-    });
-  }, [e?.field, e?.matcher]), { infos: s };
+function Pa({
+  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(
+        "resource_paths.",
+        ""
+      )
+    })),
+    "label"
+  );
+  return /* @__PURE__ */ t.jsx(
+    v,
+    {
+      ref: c,
+      name: a,
+      initialValues: r,
+      defaultValue: e != null ? r.find((l) => l.value === e) ?? {
+        value: e,
+        label: e
+      } : void 0,
+      asTextSearch: !0,
+      isCreatable: !0,
+      loadAsyncValues: async (l) => {
+        if (u == 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;
+          return {
+            value: f,
+            label: f
+          };
+        }), h = l.includes(".metadata") ? [{ label: l, value: l }] : [];
+        return [...i, ...d, ...h];
+      },
+      onSelect: async (l) => {
+        T(l) && (n(a, l.value), l.value.toString().endsWith(".") && c.current?.openMenu("first"));
+      }
+    }
+  );
 }
-function Va({
+const qa = [
+  "order.billing_address.country_code",
+  "order.country_code",
+  "order.currency_code",
+  "order.customer_email",
+  "order.customer.email",
+  "order.customer.customer_group.id",
+  "order.customer.customer_group.name",
+  "order.customer.tags.id",
+  "order.customer.tags.name",
+  "order.line_items.item_type",
+  "order.line_items.line_item_options.sku_option.tags.name",
+  "order.line_items.options_amount_cents",
+  "order.line_items.quantity",
+  "order.line_items.reference",
+  "order.line_items.shipment.id",
+  "order.line_items.shipment.shipping_method.id",
+  "order.line_items.shipment.shipping_method.name",
+  "order.line_items.shipment.shipping_method.reference",
+  "order.line_items.sku_code",
+  "order.line_items.sku.code",
+  "order.line_items.sku.id",
+  "order.line_items.sku.inventory.quantity",
+  "order.line_items.sku.name",
+  "order.line_items.sku.shipping_category.id",
+  "order.line_items.sku.sku_lists.id",
+  "order.line_items.sku.sku_lists.name",
+  "order.line_items.sku.tags.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 La({
   item: e,
-  pathPrefix: s
+  pathPrefix: a
 }) {
-  const { setPath: a } = x(), { infos: n } = Z(e);
-  let c = n?.field?.type;
-  c == null && (c = ie(e?.value));
-  const i = n?.resource?.id, u = ["tag"], r = [
+  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 = [
     "matches",
     "does_not_match",
     "array_match"
-  ], o = le.filter(({ fieldTypes: l, visible: d }) => d !== !1 && l.includes(c)).filter(({ matcher: l }) => i == null || i != null && !u.includes(i) || r.includes(l)).map(({ matcher: l, label: d }) => ({ value: l, label: d }));
+  ], 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 }));
   return /* @__PURE__ */ t.jsx(
-    j,
+    v,
     {
-      name: `${s}.matcher`,
-      value: e != null ? o.find((l) => l.value === e.matcher) ?? {
+      name: `${a}.matcher`,
+      value: e != null ? l.find((i) => i.value === e.matcher) ?? {
         label: e.matcher != null ? `⚠️   ${e.matcher}` : "",
         value: e.matcher
       } : void 0,
-      initialValues: o,
-      onSelect: (l) => {
-        N(l) && (a(`${s}.matcher`, l.value), ee.includes(
-          l.value
-        ) && a(`${s}.value`, null));
+      initialValues: l,
+      onSelect: (i) => {
+        T(i) && (n(`${a}.matcher`, i.value), ne.includes(
+          i.value
+        ) && n(`${a}.value`, null));
       }
     }
   );
 }
-const ce = ({ value: e, pathKey: s, infos: a }) => {
-  const { sdkClient: n } = ma(), { setPath: c } = x(), i = a?.field?.name ?? "id", u = Ra(a?.resource?.id), { data: r, isLoading: o } = L(
+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,
     "list",
-    a?.resource?.id == null ? null : [k({ value: "" })]
-  ), { data: l, isLoading: d } = L(
+    n?.resource?.id == null ? null : [I({ value: "" })]
+  ), { data: i, isLoading: d } = U(
     u,
     "list",
-    a?.resource?.id == null ? null : [
+    n?.resource?.id == null ? null : [
       {
-        ...k({ value: "" }),
+        ...I({ value: "" }),
         filters: {
           id_in: Array.isArray(e) ? e : [e]
         }
       }
     ]
-  ), h = Q([...l ?? [], ...r ?? []], "id");
-  u === "sku_lists" && (console.log("data", r), console.log("selectedData", l), console.log("initialValues", h));
+  ), h = se([...i ?? [], ...r ?? []], "id");
   function p(m) {
     return {
       label: h?.find((f) => f.id === m.toString())?.name ?? m.toString(),
@@ -965,29 +1042,29 @@ const ce = ({ value: e, pathKey: s, infos: a }) => {
     };
   }
   return /* @__PURE__ */ t.jsx(
-    j,
+    v,
     {
       placeholder: "Search...",
       isClearable: !1,
-      isMulti: a?.matcherInfos?.isMulti,
+      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: B(h ?? [], i),
+      initialValues: X(h ?? [], c),
       loadAsyncValues: async (m) => {
-        const f = await n[u].list(k({ value: m }));
-        return B(f, i);
+        const f = await s[u].list(I({ value: m }));
+        return X(f, c);
       },
       onSelect: (m) => {
-        I(m) ? c(
-          s,
+        E(m) ? o(
+          a,
           m.map((f) => f.value).filter((f) => f != null)
-        ) : N(m) && c(s, m.value);
+        ) : T(m) && o(a, m.value);
       }
     },
-    `${a?.matcherInfos?.isMulti?.toString()}-${o}-${d}`
+    `${n?.matcherInfos?.isMulti?.toString()}-${l}-${d}`
   );
 };
-function k({ value: e }) {
+function I({ value: e }) {
   return {
     pageSize: 25,
     sort: {
@@ -998,14 +1075,14 @@ function k({ value: e }) {
     }
   };
 }
-function B(e, s) {
-  return e.map((a) => ({
-    label: a.name,
+function X(e, a) {
+  return e.map((n) => ({
+    label: n.name,
     // @ts-expect-error TODO: fix this
-    value: a[s]
+    value: n[a]
   }));
 }
-const Y = {
+const H = {
   in_and: {
     label: "all of"
   },
@@ -1019,74 +1096,74 @@ const Y = {
     label: "not at least one of"
   }
 };
-function G({
+function Q({
   value: e,
-  pathPrefix: s,
-  hasResourceSelector: a = !1,
-  infos: n
+  pathPrefix: a,
+  hasResourceSelector: n = !1,
+  infos: s
 }) {
   return (typeof e != "object" || Array.isArray(e) || e === null) && (e = {
     in_and: []
-  }), /* @__PURE__ */ t.jsx("div", { children: Object.entries(e).map(([c, i], u) => /* @__PURE__ */ t.jsx(
-    Aa,
+  }), /* @__PURE__ */ t.jsx("div", { children: Object.entries(e).map(([o, c], u) => /* @__PURE__ */ t.jsx(
+    Fa,
     {
-      infos: n,
-      hasResourceSelector: a,
-      pathPrefix: s,
-      defaultValue: i,
-      initialMatcher: c
+      infos: s,
+      hasResourceSelector: n,
+      pathPrefix: a,
+      defaultValue: c,
+      initialMatcher: o
     },
-    `${s}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+    `${a}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
     u}`
   )) });
 }
-function Aa({
+function Fa({
   initialMatcher: e,
-  defaultValue: s,
-  pathPrefix: a,
-  hasResourceSelector: n,
-  infos: c
+  defaultValue: a,
+  pathPrefix: n,
+  hasResourceSelector: s,
+  infos: o
 }) {
-  const [i, u] = g(e), [r, o] = g(e), [l, d] = g(s), { setPath: h } = x();
+  const [c, u] = g(e), [r, l] = g(e), [i, d] = g(a), { setPath: h } = x();
   return _(() => {
-    i !== r && (h(`${a}.${i}`, null), u(r)), h(`${a}.${r}`, l);
-  }, [r, l, h]), /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 mt-2 first-of-type:mt-0", children: [
+    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(
-      j,
+      v,
       {
         defaultValue: [
-          { value: r, label: Y[r].label }
+          { value: r, label: H[r].label }
         ],
-        initialValues: Object.entries(Y).map(
+        initialValues: Object.entries(H).map(
           ([p, { label: m }]) => ({
             value: p,
             label: m
           })
         ),
         onSelect: (p) => {
-          N(p) && o(p.value);
+          T(p) && l(p.value);
         }
       }
     ) }),
-    /* @__PURE__ */ t.jsx("div", { className: "grow", children: n ? /* @__PURE__ */ t.jsx(
-      ce,
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: s ? /* @__PURE__ */ t.jsx(
+      fe,
       {
-        infos: c,
-        value: l,
-        pathKey: `${a}.${r}`
+        infos: o,
+        value: i,
+        pathKey: `${n}.${r}`
       }
     ) : /* @__PURE__ */ t.jsx(
-      j,
+      v,
       {
         isMulti: !0,
         isCreatable: !0,
-        defaultValue: (Array.isArray(l) ? l : []).map((p) => ({
+        defaultValue: (Array.isArray(i) ? i : []).map((p) => ({
           value: p,
           label: p.toString()
         })),
         initialValues: [],
         onSelect: (p) => {
-          I(p) && d(
+          E(p) && d(
             p.map(
               (m) => typeof m.value == "boolean" ? m.value.toString() : m.value
             )
@@ -1096,142 +1173,142 @@ function Aa({
     ) })
   ] });
 }
-function Ia({
+function Ga({
   value: e,
-  onChange: s
+  onChange: a
 }) {
-  const [a, n] = g(
+  const [n, s] = g(
     Array.isArray(e) && typeof e[0] == "number" ? e[0] : null
-  ), [c, i] = g(
+  ), [o, c] = g(
     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(
-      b,
+      y,
       {
         type: "number",
         placeholder: "Min",
-        value: a ?? "",
+        value: n ?? "",
         onChange: (u) => {
           const r = parseInt(u.currentTarget.value, 10);
-          n(Number.isNaN(r) ? null : r), s([Number.isNaN(r) ? null : r, c]);
+          s(Number.isNaN(r) ? null : r), a([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(
-      b,
+      y,
       {
         type: "number",
         placeholder: "Max",
-        value: c ?? "",
+        value: o ?? "",
         onChange: (u) => {
           const r = parseInt(u.currentTarget.value, 10);
-          i(Number.isNaN(r) ? null : r), s([a, Number.isNaN(r) ? null : r]);
+          c(Number.isNaN(r) ? null : r), a([n, Number.isNaN(r) ? null : r]);
         }
       }
     ) })
   ] });
 }
-function Za({
+function za({
   value: e,
-  onChange: s
+  onChange: a
 }) {
-  const [a, n] = g(
+  const [n, s] = g(
     Array.isArray(e) && typeof e[0] == "string" ? e[0] : null
-  ), [c, i] = g(
+  ), [o, c] = g(
     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(
-      b,
+      y,
       {
         type: "text",
         placeholder: "Min",
-        value: a ?? "",
+        value: n ?? "",
         onChange: (u) => {
           const r = u.currentTarget.value;
-          n(r), s([r, c]);
+          s(r), a([r, o]);
         }
       }
     ) }),
     /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
     /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
-      b,
+      y,
       {
         type: "text",
         placeholder: "Max",
-        value: c ?? "",
+        value: o ?? "",
         onChange: (u) => {
           const r = u.currentTarget.value;
-          i(r), s([a, r]);
+          c(r), a([n, r]);
         }
       }
     ) })
   ] });
 }
-function Da({
+function Ua({
   item: e,
-  pathPrefix: s
+  pathPrefix: a
 }) {
-  const { setPath: a } = x(), { infos: n } = Z(e), c = `${s}.value`, [i, u] = g(0), [r, o] = g(e?.matcher), l = e == null || ee.includes(
+  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(
     e.matcher
   );
-  let d = n?.field?.type;
-  ue(e) && (d == null && (d = ie(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 = qa(d, e?.matcher, n);
+  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);
   return _(
     function() {
-      r !== e?.matcher && (o(e?.matcher), a(c, null), u((m) => m + 1));
+      r !== e?.matcher && (l(e?.matcher), n(o, null), u((m) => m + 1));
     },
     [h]
-  ), l ? null : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    Oa,
+  ), i ? null : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    Wa,
     {
       item: e,
       fieldType: d,
       componentType: h,
-      pathKey: c
+      pathKey: o
     }
-  ) }, i);
+  ) }, c);
 }
-function Oa({
+function Wa({
   item: e,
-  fieldType: s,
-  componentType: a,
-  pathKey: n
+  fieldType: a,
+  componentType: n,
+  pathKey: s
 }) {
-  const { setPath: c } = x(), { user: i } = te(), { infos: u } = Z(e), r = ue(e) ? e.value : void 0;
-  switch (a) {
+  const { setPath: o } = x(), { user: c } = re(), { infos: u } = P(e), r = he(e) ? e.value : void 0;
+  switch (n) {
     case "date": {
-      const o = z(typeof r == "string" ? r : "");
+      const l = J(typeof r == "string" ? r : "");
       return /* @__PURE__ */ t.jsx(
-        pa,
+        ya,
         {
-          value: C(o) ? o : void 0,
+          value: $(l) ? l : void 0,
           showTimeSelect: !0,
           placeholder: "Enter value",
-          onChange: (l) => {
-            c(n, l?.toJSON());
+          onChange: (i) => {
+            o(s, i?.toJSON());
           },
-          timezone: i?.timezone
+          timezone: c?.timezone
         }
       );
     }
     case "dateRange": {
-      const o = Array.isArray(r) ? r.map((l) => {
-        const d = z(typeof l == "string" ? l : "");
-        return C(d) ? d : null;
+      const l = Array.isArray(r) ? r.map((i) => {
+        const d = J(typeof i == "string" ? i : "");
+        return $(d) ? d : null;
       }) : [null, null];
       return /* @__PURE__ */ t.jsx(
-        fa,
+        ba,
         {
-          value: o,
+          value: l,
           showTimeSelect: !0,
-          onChange: (l) => {
-            c(
-              n,
-              l.map((d) => d?.toJSON() ?? null)
+          onChange: (i) => {
+            o(
+              s,
+              i.map((d) => d?.toJSON() ?? null)
             );
           }
         }
@@ -1239,80 +1316,80 @@ function Oa({
     }
     case "numberRange":
       return /* @__PURE__ */ t.jsx(
-        Ia,
+        Ga,
         {
           value: r,
-          onChange: (o) => {
-            c(n, o);
+          onChange: (l) => {
+            o(s, l);
           }
         }
       );
     case "textRange":
       return /* @__PURE__ */ t.jsx(
-        Za,
+        za,
         {
           value: r,
-          onChange: (o) => {
-            c(n, o);
+          onChange: (l) => {
+            o(s, l);
           }
         }
       );
     case "arrayMatch":
-      return /* @__PURE__ */ t.jsx(G, { infos: u, value: r, pathPrefix: n });
+      return /* @__PURE__ */ t.jsx(Q, { infos: u, value: r, pathPrefix: s });
     case "tag":
       return /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
           isMulti: !0,
           isClearable: !1,
           isCreatable: !0,
-          defaultValue: Array.isArray(r) ? r.map((o) => ({
-            label: o.toString(),
-            value: o
+          defaultValue: Array.isArray(r) ? r.map((l) => ({
+            label: l.toString(),
+            value: l
           })) : [],
           initialValues: [],
-          onSelect: (o) => {
-            I(o) && c(
-              n,
-              o.map((l) => {
-                if (s === "integer") {
-                  const d = parseInt(l.value.toString(), 10);
+          onSelect: (l) => {
+            E(l) && o(
+              s,
+              l.map((i) => {
+                if (a === "integer") {
+                  const d = parseInt(i.value.toString(), 10);
                   return Number.isNaN(d) ? null : d;
                 }
-                return l.value;
-              }).filter((l) => l != null)
+                return i.value;
+              }).filter((i) => i != null)
             );
           }
         }
       );
     case "resourceSelector":
       return e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx(
-        G,
+        Q,
         {
           infos: u,
           value: r,
-          pathPrefix: n,
+          pathPrefix: s,
           hasResourceSelector: !0
         }
-      ) : /* @__PURE__ */ t.jsx(ce, { infos: u, value: r, pathKey: n });
+      ) : /* @__PURE__ */ t.jsx(fe, { infos: u, value: r, pathKey: s });
     case "number":
       return /* @__PURE__ */ t.jsx(
-        b,
+        y,
         {
-          name: n,
+          name: s,
           type: "number",
           defaultValue: typeof r == "number" ? r : "",
           placeholder: "Enter value",
-          onChange: (o) => {
-            c(n, parseInt(o.currentTarget.value, 10));
+          onChange: (l) => {
+            o(s, parseInt(l.currentTarget.value, 10));
           }
         }
       );
     case "boolean":
       return /* @__PURE__ */ t.jsx(
-        j,
+        v,
         {
-          name: n,
+          name: s,
           defaultValue: typeof r == "boolean" ? {
             label: r ? "Yes" : "No",
             value: r
@@ -1321,50 +1398,50 @@ function Oa({
             { label: "Yes", value: !0 },
             { label: "No", value: !1 }
           ],
-          onSelect: (o) => {
-            N(o) && c(n, o.value);
+          onSelect: (l) => {
+            T(l) && o(s, l.value);
           }
         }
       );
     case "text":
     case null:
       return /* @__PURE__ */ t.jsx(
-        b,
+        y,
         {
-          name: n,
+          name: s,
           type: "text",
           defaultValue: typeof r == "string" ? r : JSON.stringify(r),
           placeholder: "Enter value",
-          onChange: (o) => {
-            c(n, o.currentTarget.value);
+          onChange: (l) => {
+            o(s, l.currentTarget.value);
           }
         }
       );
     default:
-      return K();
+      return te();
   }
 }
-function ue(e) {
+function he(e) {
   return e != null && "value" in e;
 }
-function qa(e, s, a) {
-  let n = null;
+function Ja(e, a, n) {
+  let s = null;
   switch (e) {
     case "datetime": {
-      n = "date";
+      s = "date";
       break;
     }
     case "boolean": {
-      n = "boolean";
+      s = "boolean";
       break;
     }
     case "string": {
-      n = "text";
+      s = "text";
       break;
     }
     case "integer":
     case "float": {
-      n = "number";
+      s = "number";
       break;
     }
     case "array":
@@ -1372,11 +1449,11 @@ function qa(e, s, a) {
     case "object":
       break;
     default: {
-      n = "text";
+      s = "text";
       break;
     }
   }
-  switch (s) {
+  switch (a) {
     case "eq":
     case "not_eq":
     case "lt":
@@ -1396,179 +1473,260 @@ function qa(e, s, a) {
     case "gteq_lt":
     case "gt_lteq":
     case "gteq_lteq": {
-      n === "number" && (n = "numberRange"), n === "text" && (n = "textRange"), n === "date" && (n = "dateRange");
+      s === "number" && (s = "numberRange"), s === "text" && (s = "textRange"), s === "date" && (s = "dateRange");
       break;
     }
     case "is_in":
     case "is_not_in": {
-      n = "tag";
+      s = "tag";
       break;
     }
     case "array_match": {
-      n = "arrayMatch";
+      s = "arrayMatch";
       break;
     }
   }
-  return a?.resourceSelectorAvailable && (n = "resourceSelector"), n;
+  return n?.resourceSelectorAvailable && (s = "resourceSelector"), s;
 }
-function Pa({
+function Ba({
   item: e,
-  nestingLevel: s,
-  pathPrefix: a,
-  onDelete: n
+  nestingLevel: a,
+  pathPrefix: n,
+  onDelete: s
 }) {
-  const { setPath: c } = x(), i = [];
-  return s < 2 && (i[0] ??= [], i[0].push(
+  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(
     /* @__PURE__ */ t.jsx(
-      w,
+      M,
       {
         label: "Nest conditions",
         onClick: () => {
-          c(
-            `${a}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
+          o(
+            `${n}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
             void 0
           );
         }
       }
     )
-  )), n != null && (i[1] ??= [], i[1].push(
+  ), s != null && (r[1] ??= [], r[1].push(
     /* @__PURE__ */ t.jsx(
-      w,
+      M,
       {
         label: "Delete",
         onClick: () => {
-          c(`${a}`, null), n();
+          o(`${n}`, null), s();
         }
       }
     )
-  )), /* @__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(
-          re,
-          {
-            preset: "condition",
-            value: e?.field,
-            name: `${a}.field`
-          }
-        ) }),
-        /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(Va, { item: e, pathPrefix: a }) })
-      ] }),
-      /* @__PURE__ */ t.jsx(Da, { item: e, pathPrefix: a })
-    ] }) }),
-    i.length > 0 && /* @__PURE__ */ t.jsx(
-      A,
+  )), /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(
+      Ya,
       {
-        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(v, { name: "dotsThreeVertical", size: 16, weight: "bold" })
-          }
-        ),
-        dropdownItems: i.map((u, r, o) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
-          /* @__PURE__ */ t.jsxs(F.Fragment, { children: [
-            u.map((l, d) => (
-              // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
-              /* @__PURE__ */ t.jsx(F.Fragment, { children: l }, d)
-            )),
-            r < o.length - 1 && /* @__PURE__ */ t.jsx(ae, {})
-          ] }, r)
-        ))
+        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) => (
+            // 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)
+          ))
+        }
+      )
+    ] })
   ] });
 }
-function de({
+const Ya = ({
+  show: e,
+  onClose: a,
+  pathPrefix: n,
+  item: s
+}) => {
+  const o = O(null), { setPath: c } = x(), u = pe(), [r, l] = g(s?.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(
+        v,
+        {
+          name: `${n}.group`,
+          isCreatable: !0,
+          isClearable: !0,
+          menuPortalTarget: o.current,
+          initialValues: u.map((i) => ({
+            value: i,
+            label: i
+          })),
+          value: r != null ? {
+            value: r,
+            label: r
+          } : void 0,
+          onSelect: (i) => {
+            (i == null || T(i)) && l(i?.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({
   item: e,
-  children: s,
-  nestingLevel: a = 0,
-  pathPrefix: n
+  children: a,
+  nestingLevel: n = 0,
+  pathPrefix: s
 }) {
   const {
-    state: { selectedRuleIndex: c }
-  } = x(), i = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: u } = x(), [r, o] = g(0), l = a > 0;
+    state: { selectedRuleIndex: o }
+  } = x(), c = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: u } = x(), [r, l] = g(0), i = n > 0;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: V("query-group", {
-        "p-4 border border-gray-200 rounded-md": l
+      className: w("query-group", {
+        "p-4 border border-gray-200 rounded-md": i
       }),
       children: [
-        s,
+        a,
         e != null && (e.conditions ?? []).length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsxs(
+          i && /* @__PURE__ */ t.jsxs(
             "select",
             {
               onChange: (d) => {
                 u(
-                  `${n}.conditions_logic`,
+                  `${s}.conditions_logic`,
                   d.currentTarget.value
                 );
               },
-              defaultValue: i,
+              defaultValue: c,
               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.jsxs("option", { value: "and", children: [
-                  l ? "Nested in " : "",
-                  "AND"
-                ] }),
-                /* @__PURE__ */ t.jsxs("option", { value: "or", children: [
-                  l ? "Nested in " : "",
-                  "OR"
-                ] })
+                /* @__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: "border-l border-gray-200 ml-3 pt-3", children: e?.conditions?.map((d, h, p) => {
-            const m = h === p.length - 1;
-            return /* @__PURE__ */ t.jsxs(
-              "div",
-              {
-                className: "flex items-center mb-4 last:mb-0 relative",
-                children: [
-                  /* @__PURE__ */ t.jsx(La, { rounded: m }),
-                  /* @__PURE__ */ t.jsx("div", { className: "ml-4 w-full", children: /* @__PURE__ */ t.jsx(
-                    de,
-                    {
-                      item: d?.nested ?? void 0,
-                      nestingLevel: d?.nested != null ? a + 1 : 0,
-                      pathPrefix: `${n}.conditions.${h}.nested`,
-                      children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: w({
+                "border-l border-gray-200 ml-3 pt-3": i
+              }),
+              children: e?.conditions?.map((d, h, p) => {
+                const m = h === p.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 }),
+                      /* @__PURE__ */ t.jsx(
                         "div",
                         {
-                          className: V({
-                            "mb-4": d?.nested != null
+                          className: w("w-full", {
+                            "ml-4": i
                           }),
                           children: /* @__PURE__ */ t.jsx(
-                            Pa,
+                            ge,
                             {
-                              item: d,
-                              nestingLevel: a,
-                              pathPrefix: `${n}.conditions.${h}`,
-                              onDelete: p.length > 1 || a > 0 ? () => {
-                                o((f) => f + 1);
-                              } : void 0
+                              item: d?.nested ?? void 0,
+                              nestingLevel: d?.nested != null ? n + 1 : d?.group != null ? 1 : 0,
+                              pathPrefix: `${s}.conditions.${h}.nested`,
+                              children: /* @__PURE__ */ t.jsx(
+                                "div",
+                                {
+                                  className: w({
+                                    "mb-4": d?.nested != null
+                                  }),
+                                  children: /* @__PURE__ */ t.jsx(
+                                    Ba,
+                                    {
+                                      item: d,
+                                      nestingLevel: n,
+                                      pathPrefix: `${s}.conditions.${h}`,
+                                      onDelete: p.length > 1 || n > 0 ? () => {
+                                        l((f) => f + 1);
+                                      } : void 0
+                                    }
+                                  )
+                                }
+                              )
                             }
                           )
                         }
                       )
-                    }
-                  ) })
-                ]
-              },
-              `${c}-${h}-${r}`
-            );
-          }) })
+                    ]
+                  },
+                  `${o}-${h}-${r}`
+                );
+              })
+            }
+          )
         ] })
       ]
     }
   );
 }
-function La({
+function Xa({
   rounded: e = !1
 }) {
   return e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1576,16 +1734,16 @@ function La({
     /* @__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 Fa() {
+function Ha() {
   const {
     setPath: e,
-    state: { value: s, selectedRuleIndex: a }
-  } = x(), [n, c] = g(
-    s.rules?.[a]?.name ?? ""
+    state: { value: a, selectedRuleIndex: n }
+  } = x(), [s, o] = g(
+    a.rules?.[n]?.name ?? ""
   );
   return _(() => {
-    c(s.rules?.[a]?.name ?? "");
-  }, [a]), // <Input
+    o(a.rules?.[n]?.name ?? "");
+  }, [n]), // <Input
   //   value={value.rules?.[selectedRuleIndex]?.name}
   //   onChange={(event) => {
   //     const target = event.currentTarget
@@ -1600,63 +1758,63 @@ function Fa() {
     {
       contentEditable: "plaintext-only",
       suppressContentEditableWarning: !0,
-      onInput: (i) => {
-        const r = i.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
-        e(`rules.${a}.name`, r);
+      onInput: (c) => {
+        const r = c.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        e(`rules.${n}.name`, r);
       },
-      onKeyDown: (i) => {
-        i.key === "Enter" && (i.preventDefault(), i.currentTarget.blur());
+      onKeyDown: (c) => {
+        c.key === "Enter" && (c.preventDefault(), c.currentTarget.blur());
       },
-      onBlur: (i) => {
-        const u = i.currentTarget;
+      onBlur: (c) => {
+        const u = c.currentTarget;
         u.innerText = u.innerText.replace(/[\n\s]+/g, " ").trim();
       },
-      children: n
+      children: s
     },
-    a
+    n
   );
 }
-const X = {
+const K = {
   rules: []
-}, E = (e) => {
+}, k = (e) => {
   try {
-    return JSON.parse(e ?? JSON.stringify(X));
+    return JSON.parse(e ?? JSON.stringify(K));
   } catch {
-    return X;
+    return K;
   }
-}, za = (e) => {
+}, Qa = (e) => {
   try {
     return JSON.parse(e ?? "{}"), !0;
   } catch {
     return !1;
   }
 };
-function Qa(e) {
+function is(e) {
   const {
-    settings: { domain: s }
-  } = te(), [a, n] = g([]), [c, i] = g(
-    E(e.value ?? e.defaultValue)
+    settings: { domain: a }
+  } = re(), [n, s] = g([]), [o, c] = g(
+    k(e.value ?? e.defaultValue)
   );
   return _(
     function() {
-      c.rules?.length === 0 && i(E(e.value));
+      o.rules?.length === 0 && c(k(e.value));
     },
     [e.value]
   ), _(
     function() {
-      ha(e.schemaType, s).then((r) => {
-        const l = y.object({
-          properties: y.object({
-            rules: y.object({
-              items: y.object({
-                properties: y.object({
-                  actions: y.object({
-                    items: y.object({
-                      anyOf: y.array(
-                        y.object({
-                          properties: y.object({
-                            type: y.object({
-                              enum: y.string().array()
+      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()
                             })
                           })
                         })
@@ -1670,46 +1828,46 @@ function Qa(e) {
         }).parse(r).properties.rules.items.properties.actions.items.anyOf.flatMap(
           (d) => d.properties.type.enum
         );
-        n([...new Set(l)]);
+        s([...new Set(i)]);
       });
     },
-    [s]
+    [a]
   ), /* @__PURE__ */ t.jsx(
-    wa,
+    Va,
     {
       initialValue: {
-        value: { rules: c.rules },
-        availableActionTypes: a,
+        value: { rules: o.rules },
+        availableActionTypes: n,
         schemaType: e.schemaType
       },
-      children: /* @__PURE__ */ t.jsx(Ua, { ...e })
+      children: /* @__PURE__ */ t.jsx(Ka, { ...e })
     }
   );
 }
-function Ua(e) {
+function Ka(e) {
   const {
-    state: { value: s, selectedRuleIndex: a },
-    setSelectedRuleIndex: n,
-    setValue: c,
-    setPath: i
+    state: { value: a, selectedRuleIndex: n },
+    setSelectedRuleIndex: s,
+    setValue: o,
+    setPath: c
   } = x(), [u, r] = g(
     e.defaultCodeEditorVisible ?? !1
-  ), o = s.rules?.[a], l = se(null), [d, h] = g(0);
+  ), l = a.rules?.[n], i = O(null), [d, h] = g(0);
   _(
     function() {
-      R(E(l.current?.getValue()), s) || l.current?.setValue(JSON.stringify(s, null, 2)), e.onChange?.(s);
+      Z(k(i.current?.getValue()), a) || i.current?.setValue(JSON.stringify(a, null, 2)), e.onChange?.(a);
     },
-    [s]
+    [a]
   );
-  const p = S(
+  const p = C(
     (m) => {
-      const f = E(m);
-      l.current?.hasTextFocus() && za(m) && !R(f, s) && (c(f), h((T) => T + 1));
+      const f = k(m);
+      i.current?.hasTextFocus() && Qa(m) && !Z(f, a) && (o(f), h((V) => V + 1));
     },
-    [s]
+    [a]
   );
   return /* @__PURE__ */ t.jsx(
-    ga,
+    _a,
     {
       hint: e.hint,
       feedback: e.feedback,
@@ -1722,8 +1880,8 @@ function Ua(e) {
             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((m, f, T) => {
-                    const me = `#${(f + 1).toString().padStart(2, "0")}`;
+                  a.rules?.map((m, f, V) => {
+                    const xe = `#${(f + 1).toString().padStart(2, "0")}`;
                     return /* @__PURE__ */ t.jsxs(
                       "div",
                       {
@@ -1733,42 +1891,42 @@ function Ua(e) {
                             "button",
                             {
                               type: "button",
-                              className: V("font-bold mr-2", {
-                                "text-black": a === f
+                              className: w("font-bold mr-2", {
+                                "text-black": n === f
                               }),
                               onClick: () => {
-                                n(f);
+                                s(f);
                               },
-                              children: me
+                              children: xe
                             }
                           ),
                           /* @__PURE__ */ t.jsx(
-                            A,
+                            D,
                             {
                               menuPosition: f === 0 ? "bottom-left" : "bottom-right",
-                              dropdownLabel: /* @__PURE__ */ t.jsx(M, { variant: "circle", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16 }) }),
+                              dropdownLabel: /* @__PURE__ */ t.jsx(N, { variant: "circle", children: /* @__PURE__ */ t.jsx(j, { name: "dotsThreeVertical", size: 16 }) }),
                               dropdownItems: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                                 /* @__PURE__ */ t.jsx(
-                                  w,
+                                  M,
                                   {
                                     onClick: () => {
-                                      const D = s.rules?.length ?? 0;
-                                      i(`rules.${D}`, {
+                                      const q = a.rules?.length ?? 0;
+                                      c(`rules.${q}`, {
                                         ...m,
                                         id: void 0,
                                         name: `${m.name} (copy)`
-                                      }), n(D);
+                                      }), s(q);
                                     },
                                     label: "Duplicate"
                                   }
                                 ),
-                                /* @__PURE__ */ t.jsx(ae, {}),
+                                /* @__PURE__ */ t.jsx(ie, {}),
                                 /* @__PURE__ */ t.jsx(
-                                  w,
+                                  M,
                                   {
-                                    disabled: T.length === 1,
+                                    disabled: V.length === 1,
                                     onClick: () => {
-                                      i(`rules.${f}`, null), a >= f && n(a - 1);
+                                      c(`rules.${f}`, null), n >= f && s(n - 1);
                                     },
                                     label: "Delete"
                                   }
@@ -1782,80 +1940,108 @@ function Ua(e) {
                     );
                   }),
                   /* @__PURE__ */ t.jsx("div", { className: "min-h-[49px] flex items-center", children: /* @__PURE__ */ t.jsx(
-                    M,
+                    N,
                     {
                       variant: "circle",
                       className: "mx-4",
                       onClick: () => {
-                        i(`rules.${s.rules?.length ?? 0}`, {
+                        c(`rules.${a.rules?.length ?? 0}`, {
                           name: "Rule name",
                           actions: [null],
                           conditions: [null]
-                        }), n(s.rules?.length ?? 0);
+                        }), s(a.rules?.length ?? 0);
                       },
-                      children: /* @__PURE__ */ t.jsx(v, { name: "plus", size: 16, className: "shrink-0" })
+                      children: /* @__PURE__ */ t.jsx(j, { name: "plus", size: 16, className: "shrink-0" })
                     }
                   ) })
                 ] }),
                 /* @__PURE__ */ t.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ t.jsx(
-                  M,
+                  N,
                   {
                     variant: "circle",
                     onClick: () => {
                       r(!u);
                     },
-                    children: /* @__PURE__ */ t.jsx(v, { name: "sidebarSimple", size: 16 })
+                    children: /* @__PURE__ */ t.jsx(j, { name: "sidebarSimple", size: 16 })
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ t.jsx(Wa, { children: o && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx(ts, { children: l && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 /* @__PURE__ */ t.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
-                  /* @__PURE__ */ t.jsx(Fa, {}),
-                  /* @__PURE__ */ t.jsx(v, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                  /* @__PURE__ */ t.jsx(Ha, {}),
+                  /* @__PURE__ */ t.jsx(j, { name: "pencilSimple", size: 16, className: "shrink-0" })
                 ] }),
-                /* @__PURE__ */ t.jsx(H, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(ka, { actions: o?.actions }) }),
-                /* @__PURE__ */ t.jsx(Ja, { children: "when" }),
-                /* @__PURE__ */ t.jsxs(H, { title: "Conditions", icon: "treeView", children: [
-                  /* @__PURE__ */ t.jsx(
-                    de,
-                    {
-                      item: o,
-                      pathPrefix: `rules.${a}`
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
-                    M,
-                    {
-                      size: "small",
-                      variant: "secondary",
-                      alignItems: "center",
-                      onClick: () => {
-                        i(
-                          `rules.${a}.conditions.${o?.conditions?.length ?? 0}`,
-                          void 0
-                        );
-                      },
-                      children: [
-                        /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
-                        " Add condition"
-                      ]
-                    }
-                  ) })
-                ] })
+                /* @__PURE__ */ t.jsxs(
+                  ee,
+                  {
+                    title: /* @__PURE__ */ t.jsxs("div", { children: [
+                      "If",
+                      " ",
+                      /* @__PURE__ */ t.jsxs(
+                        "select",
+                        {
+                          onChange: (m) => {
+                            c(
+                              `rules.${n}.conditions_logic`,
+                              m.currentTarget.value
+                            );
+                          },
+                          value: l?.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" }),
+                            /* @__PURE__ */ t.jsx("option", { value: "or", children: "any" })
+                          ]
+                        }
+                      ),
+                      "conditions occur"
+                    ] }),
+                    icon: "treeView",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        ge,
+                        {
+                          item: l,
+                          pathPrefix: `rules.${n}`
+                        }
+                      ),
+                      /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+                        N,
+                        {
+                          size: "small",
+                          variant: "secondary",
+                          alignItems: "center",
+                          onClick: () => {
+                            c(
+                              `rules.${n}.conditions.${l?.conditions?.length ?? 0}`,
+                              void 0
+                            );
+                          },
+                          children: [
+                            /* @__PURE__ */ t.jsx(j, { name: "plusCircle" }),
+                            " Add condition"
+                          ]
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(es, { children: "do" }),
+                /* @__PURE__ */ t.jsx(ee, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(Oa, { actions: l?.actions }) })
               ] }) })
             ]
           },
           d
         ),
         u && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
-          xa,
+          Ta,
           {
-            ref: l,
+            ref: i,
             name: e.id ?? e.name,
             height: "100%",
             language: "json",
             jsonSchema: e.schemaType,
-            defaultValue: JSON.stringify(s, null, 2),
+            defaultValue: JSON.stringify(a, null, 2),
             noRounding: !0,
             onChange: p
           }
@@ -1864,31 +2050,31 @@ function Ua(e) {
     }
   );
 }
-function Ja({ children: e }) {
+function es({ 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 H({
+function ee({
   children: e,
-  title: s,
-  icon: a
+  title: a,
+  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: a }) }),
-      /* @__PURE__ */ t.jsx("h2", { className: "text-lg font-semibold", children: s })
+      /* @__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("h2", { className: "font-semibold", children: a })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "p-6", children: e })
   ] });
 }
-function Wa({
+function ts({
   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 {
-  Qa as RuleEngine
+  is as RuleEngine
 };