@commercelayer/app-elements 6.0.3 → 6.1.1

package/dist/{RuleEngineComponent-CP1fRsbv.js → RuleEngineComponent-Dg3KtMkk.js}

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