@commercelayer/app-elements 6.1.2 → 6.2.1

package/dist/RuleEngineComponent-DH23EZ8v.js

@@ -0,0 +1,1894 @@
+"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 "react-hook-form";
+import "wouter";
+import { p as z } from "./parseISO-CbJPLsTx.js";
+function U(e, s) {
+  const a = 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(
+    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)
+    ),
+    s?.in
+  ) : O(NaN, s?.in);
+}
+const y = /* @__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,
+  get ZodFirstPartyTypeKind() {
+    return ke;
+  },
+  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,
+  get objectUtil() {
+    return Ot;
+  },
+  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,
+  get util() {
+    return sa;
+  },
+  void: na
+}, Symbol.toStringTag, { value: "Module" }));
+var _a = 1, Ta = 4;
+function Na(e) {
+  return ra(e, _a | Ta);
+}
+function J(e, s, a) {
+  return e == null ? e : la(e, s, a);
+}
+function W(e, s) {
+  return e == null ? !0 : ia(e, s);
+}
+const ne = va(
+  void 0
+);
+function Ma(e, s) {
+  switch (s.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$/, "")));
+        } else
+          W(a, s.path);
+      else
+        J(a, s.path, s.value);
+      return {
+        ...e,
+        value: a
+      };
+    }
+    case "SET_SELECTED_RULE_INDEX":
+      return {
+        ...e,
+        selectedRuleIndex: s.index
+      };
+    case "SET_VALUE":
+      return R(e.value, s.value) ? e : (s.value.rules?.length ?? 0) === 0 ? {
+        selectedRuleIndex: 0,
+        value: {
+          rules: [
+            {
+              name: "Rule name",
+              // @ts-expect-error Setting `null` is intentional for rendering an empty action
+              actions: [null],
+              // @ts-expect-error Setting `null` is intentional for rendering an empty condition
+              conditions: [null]
+            }
+          ]
+        }
+      } : {
+        ...e,
+        value: s.value
+      };
+    default:
+      return e;
+  }
+}
+function wa({
+  children: e,
+  initialValue: s
+}) {
+  const [a, n] = ya(Ma, {
+    value: s.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 });
+    }, 50);
+  }, []), u = S((o) => {
+    n({ type: "SET_VALUE", value: o });
+  }, []), r = ba(
+    () => ({
+      state: a,
+      setPath: c,
+      setSelectedRuleIndex: i,
+      setValue: u,
+      availableActionTypes: s.availableActionTypes,
+      schemaType: s.schemaType
+    }),
+    [
+      a,
+      c,
+      i,
+      u,
+      s.availableActionTypes,
+      s.schemaType
+    ]
+  );
+  return /* @__PURE__ */ t.jsx(ne.Provider, { value: r, children: e });
+}
+function x() {
+  const e = ja(ne);
+  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 = [
+  {
+    /** Matches if field value equals provided value
+     * @field Integer, String, Datetime, Boolean
+     * @value Integer, String, Datetime, Boolean
+     */
+    matcher: "eq",
+    label: "equals",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not equal to provided value
+     * @field Integer, String, Datetime, Boolean
+     * @value Integer, String, Datetime, Boolean
+     */
+    matcher: "not_eq",
+    label: "not equals",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is less than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lt",
+    label: "<",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is less than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lteq",
+    label: "≤",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gt",
+    label: ">",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gteq",
+    label: "≥",
+    fieldTypes: ["integer", "datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is a multiple of provided value
+     * @field Integer
+     * @value Integer
+     */
+    matcher: "multiple",
+    label: "is a multiple of",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value matches regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "matches",
+    label: "matches regex",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value does not match regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "does_not_match",
+    label: "doesn't match regex",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value starts with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "start_with",
+    label: "starts with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value does not start with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "not_start_with",
+    label: "doesn't start with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value ends with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "end_with",
+    label: "ends with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value does not end with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "not_end_with",
+    label: "doesn't end with",
+    fieldTypes: ["string"],
+    isMulti: !1,
+    exactMatch: !1
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "> and <",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "≥ and <",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than first and less than or equal to second
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lteq",
+    label: "> and ≤",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "≥ and ≤",
+    fieldTypes: ["integer"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is greater than first and less than or equal to second
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lteq",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "date range",
+    visible: !0,
+    fieldTypes: ["datetime"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is in provided array
+     * @field Integer, String, Datetime
+     * @value Array
+     */
+    matcher: "is_in",
+    label: "is one of",
+    fieldTypes: ["integer", "string", "datetime"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not in provided array
+     * @field Integer, String, Datetime
+     * @value Array
+     */
+    matcher: "is_not_in",
+    label: "is not one of",
+    fieldTypes: ["integer", "string", "datetime"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** Matches objects within arrays that meet specified requirements
+     * @field Array
+     * @value Object
+     */
+    matcher: "array_match",
+    label: "is",
+    fieldTypes: ["integer", "string", "datetime"],
+    isMulti: !0,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is null or empty string */
+    matcher: "blank",
+    label: "is blank",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is null */
+    matcher: "null",
+    label: "is null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "not_null",
+    label: "is not null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "present",
+    label: "is present",
+    fieldTypes: ["integer", "string", "datetime", "boolean"],
+    isMulti: !1,
+    exactMatch: !0
+  }
+];
+function ie(e) {
+  if (typeof e == "string")
+    return C(U(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";
+    if (typeof e[0] == "number")
+      return "integer";
+  }
+  return "string";
+}
+const oe = {
+  market: "markets",
+  tag: "tags",
+  sku: "skus",
+  sku_list: "sku_lists"
+};
+function Ra(e) {
+  return oe[e];
+}
+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 Va({
+  item: e,
+  pathPrefix: s
+}) {
+  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 = [
+    "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 }));
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      name: `${s}.matcher`,
+      value: e != null ? o.find((l) => l.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));
+      }
+    }
+  );
+}
+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(
+    u,
+    "list",
+    a?.resource?.id == null ? null : [k({ value: "" })]
+  ), { data: l, isLoading: d } = L(
+    u,
+    "list",
+    a?.resource?.id == null ? null : [
+      {
+        ...k({ 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));
+  function p(m) {
+    return {
+      label: h?.find((f) => f.id === m.toString())?.name ?? m.toString(),
+      value: m.toString()
+    };
+  }
+  return /* @__PURE__ */ t.jsx(
+    j,
+    {
+      placeholder: "Search...",
+      isClearable: !1,
+      isMulti: a?.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),
+      loadAsyncValues: async (m) => {
+        const f = await n[u].list(k({ value: m }));
+        return B(f, i);
+      },
+      onSelect: (m) => {
+        I(m) ? c(
+          s,
+          m.map((f) => f.value).filter((f) => f != null)
+        ) : N(m) && c(s, m.value);
+      }
+    },
+    `${a?.matcherInfos?.isMulti?.toString()}-${o}-${d}`
+  );
+};
+function k({ value: e }) {
+  return {
+    pageSize: 25,
+    sort: {
+      name: "asc"
+    },
+    filters: {
+      name_cont: e
+    }
+  };
+}
+function B(e, s) {
+  return e.map((a) => ({
+    label: a.name,
+    // @ts-expect-error TODO: fix this
+    value: a[s]
+  }));
+}
+const Y = {
+  in_and: {
+    label: "all of"
+  },
+  in_or: {
+    label: "at least one of"
+  },
+  not_in_and: {
+    label: "not any of"
+  },
+  not_in_or: {
+    label: "not at least one of"
+  }
+};
+function G({
+  value: e,
+  pathPrefix: s,
+  hasResourceSelector: a = !1,
+  infos: n
+}) {
+  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,
+    {
+      infos: n,
+      hasResourceSelector: a,
+      pathPrefix: s,
+      defaultValue: i,
+      initialMatcher: c
+    },
+    `${s}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+    u}`
+  )) });
+}
+function Aa({
+  initialMatcher: e,
+  defaultValue: s,
+  pathPrefix: a,
+  hasResourceSelector: n,
+  infos: c
+}) {
+  const [i, u] = g(e), [r, o] = g(e), [l, d] = g(s), { 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: [
+    /* @__PURE__ */ t.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        defaultValue: [
+          { value: r, label: Y[r].label }
+        ],
+        initialValues: Object.entries(Y).map(
+          ([p, { label: m }]) => ({
+            value: p,
+            label: m
+          })
+        ),
+        onSelect: (p) => {
+          N(p) && o(p.value);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: n ? /* @__PURE__ */ t.jsx(
+      ce,
+      {
+        infos: c,
+        value: l,
+        pathKey: `${a}.${r}`
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      j,
+      {
+        isMulti: !0,
+        isCreatable: !0,
+        defaultValue: (Array.isArray(l) ? l : []).map((p) => ({
+          value: p,
+          label: p.toString()
+        })),
+        initialValues: [],
+        onSelect: (p) => {
+          I(p) && d(
+            p.map(
+              (m) => typeof m.value == "boolean" ? m.value.toString() : m.value
+            )
+          );
+        }
+      }
+    ) })
+  ] });
+}
+function Ia({
+  value: e,
+  onChange: s
+}) {
+  const [a, n] = g(
+    Array.isArray(e) && typeof e[0] == "number" ? e[0] : null
+  ), [c, i] = 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,
+      {
+        type: "number",
+        placeholder: "Min",
+        value: a ?? "",
+        onChange: (u) => {
+          const r = parseInt(u.currentTarget.value, 10);
+          n(Number.isNaN(r) ? null : r), s([Number.isNaN(r) ? null : r, c]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      b,
+      {
+        type: "number",
+        placeholder: "Max",
+        value: c ?? "",
+        onChange: (u) => {
+          const r = parseInt(u.currentTarget.value, 10);
+          i(Number.isNaN(r) ? null : r), s([a, Number.isNaN(r) ? null : r]);
+        }
+      }
+    ) })
+  ] });
+}
+function Za({
+  value: e,
+  onChange: s
+}) {
+  const [a, n] = g(
+    Array.isArray(e) && typeof e[0] == "string" ? e[0] : null
+  ), [c, i] = 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,
+      {
+        type: "text",
+        placeholder: "Min",
+        value: a ?? "",
+        onChange: (u) => {
+          const r = u.currentTarget.value;
+          n(r), s([r, c]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "grow", children: /* @__PURE__ */ t.jsx(
+      b,
+      {
+        type: "text",
+        placeholder: "Max",
+        value: c ?? "",
+        onChange: (u) => {
+          const r = u.currentTarget.value;
+          i(r), s([a, r]);
+        }
+      }
+    ) })
+  ] });
+}
+function Da({
+  item: e,
+  pathPrefix: s
+}) {
+  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(
+    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);
+  return _(
+    function() {
+      r !== e?.matcher && (o(e?.matcher), a(c, null), u((m) => m + 1));
+    },
+    [h]
+  ), l ? null : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+    Oa,
+    {
+      item: e,
+      fieldType: d,
+      componentType: h,
+      pathKey: c
+    }
+  ) }, i);
+}
+function Oa({
+  item: e,
+  fieldType: s,
+  componentType: a,
+  pathKey: n
+}) {
+  const { setPath: c } = x(), { user: i } = te(), { infos: u } = Z(e), r = ue(e) ? e.value : void 0;
+  switch (a) {
+    case "date": {
+      const o = z(typeof r == "string" ? r : "");
+      return /* @__PURE__ */ t.jsx(
+        pa,
+        {
+          value: C(o) ? o : void 0,
+          showTimeSelect: !0,
+          placeholder: "Enter value",
+          onChange: (l) => {
+            c(n, l?.toJSON());
+          },
+          timezone: i?.timezone
+        }
+      );
+    }
+    case "dateRange": {
+      const o = Array.isArray(r) ? r.map((l) => {
+        const d = z(typeof l == "string" ? l : "");
+        return C(d) ? d : null;
+      }) : [null, null];
+      return /* @__PURE__ */ t.jsx(
+        fa,
+        {
+          value: o,
+          showTimeSelect: !0,
+          onChange: (l) => {
+            c(
+              n,
+              l.map((d) => d?.toJSON() ?? null)
+            );
+          }
+        }
+      );
+    }
+    case "numberRange":
+      return /* @__PURE__ */ t.jsx(
+        Ia,
+        {
+          value: r,
+          onChange: (o) => {
+            c(n, o);
+          }
+        }
+      );
+    case "textRange":
+      return /* @__PURE__ */ t.jsx(
+        Za,
+        {
+          value: r,
+          onChange: (o) => {
+            c(n, o);
+          }
+        }
+      );
+    case "arrayMatch":
+      return /* @__PURE__ */ t.jsx(G, { infos: u, value: r, pathPrefix: n });
+    case "tag":
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          isMulti: !0,
+          isClearable: !1,
+          isCreatable: !0,
+          defaultValue: Array.isArray(r) ? r.map((o) => ({
+            label: o.toString(),
+            value: o
+          })) : [],
+          initialValues: [],
+          onSelect: (o) => {
+            I(o) && c(
+              n,
+              o.map((l) => {
+                if (s === "integer") {
+                  const d = parseInt(l.value.toString(), 10);
+                  return Number.isNaN(d) ? null : d;
+                }
+                return l.value;
+              }).filter((l) => l != null)
+            );
+          }
+        }
+      );
+    case "resourceSelector":
+      return e?.matcher === "array_match" ? /* @__PURE__ */ t.jsx(
+        G,
+        {
+          infos: u,
+          value: r,
+          pathPrefix: n,
+          hasResourceSelector: !0
+        }
+      ) : /* @__PURE__ */ t.jsx(ce, { infos: u, value: r, pathKey: n });
+    case "number":
+      return /* @__PURE__ */ t.jsx(
+        b,
+        {
+          name: n,
+          type: "number",
+          defaultValue: typeof r == "number" ? r : "",
+          placeholder: "Enter value",
+          onChange: (o) => {
+            c(n, parseInt(o.currentTarget.value, 10));
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          name: n,
+          defaultValue: typeof r == "boolean" ? {
+            label: r ? "Yes" : "No",
+            value: r
+          } : void 0,
+          initialValues: [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ],
+          onSelect: (o) => {
+            N(o) && c(n, o.value);
+          }
+        }
+      );
+    case "text":
+    case null:
+      return /* @__PURE__ */ t.jsx(
+        b,
+        {
+          name: n,
+          type: "text",
+          defaultValue: typeof r == "string" ? r : JSON.stringify(r),
+          placeholder: "Enter value",
+          onChange: (o) => {
+            c(n, o.currentTarget.value);
+          }
+        }
+      );
+    default:
+      return K();
+  }
+}
+function ue(e) {
+  return e != null && "value" in e;
+}
+function qa(e, s, a) {
+  let n = null;
+  switch (e) {
+    case "datetime": {
+      n = "date";
+      break;
+    }
+    case "boolean": {
+      n = "boolean";
+      break;
+    }
+    case "string": {
+      n = "text";
+      break;
+    }
+    case "integer":
+    case "float": {
+      n = "number";
+      break;
+    }
+    case "array":
+    case "json":
+    case "object":
+      break;
+    default: {
+      n = "text";
+      break;
+    }
+  }
+  switch (s) {
+    case "eq":
+    case "not_eq":
+    case "lt":
+    case "lteq":
+    case "gt":
+    case "gteq":
+    case "multiple":
+    case "start_with":
+    case "not_start_with":
+    case "end_with":
+    case "not_end_with":
+      break;
+    case "matches":
+    case "does_not_match":
+      break;
+    case "gt_lt":
+    case "gteq_lt":
+    case "gt_lteq":
+    case "gteq_lteq": {
+      n === "number" && (n = "numberRange"), n === "text" && (n = "textRange"), n === "date" && (n = "dateRange");
+      break;
+    }
+    case "is_in":
+    case "is_not_in": {
+      n = "tag";
+      break;
+    }
+    case "array_match": {
+      n = "arrayMatch";
+      break;
+    }
+  }
+  return a?.resourceSelectorAvailable && (n = "resourceSelector"), n;
+}
+function Pa({
+  item: e,
+  nestingLevel: s,
+  pathPrefix: a,
+  onDelete: n
+}) {
+  const { setPath: c } = x(), i = [];
+  return s < 2 && (i[0] ??= [], i[0].push(
+    /* @__PURE__ */ t.jsx(
+      w,
+      {
+        label: "Nest conditions",
+        onClick: () => {
+          c(
+            `${a}.nested.conditions.${(e?.nested?.conditions ?? []).length}`,
+            void 0
+          );
+        }
+      }
+    )
+  )), n != null && (i[1] ??= [], i[1].push(
+    /* @__PURE__ */ t.jsx(
+      w,
+      {
+        label: "Delete",
+        onClick: () => {
+          c(`${a}`, null), n();
+        }
+      }
+    )
+  )), /* @__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,
+      {
+        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)
+        ))
+      }
+    )
+  ] });
+}
+function de({
+  item: e,
+  children: s,
+  nestingLevel: a = 0,
+  pathPrefix: n
+}) {
+  const {
+    state: { selectedRuleIndex: c }
+  } = x(), i = e?.conditions_logic?.toLowerCase() ?? "and", { setPath: u } = x(), [r, o] = g(0), l = a > 0;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: V("query-group", {
+        "p-4 border border-gray-200 rounded-md": l
+      }),
+      children: [
+        s,
+        e != null && (e.conditions ?? []).length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsxs(
+            "select",
+            {
+              onChange: (d) => {
+                u(
+                  `${n}.conditions_logic`,
+                  d.currentTarget.value
+                );
+              },
+              defaultValue: i,
+              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("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(
+                        "div",
+                        {
+                          className: V({
+                            "mb-4": d?.nested != null
+                          }),
+                          children: /* @__PURE__ */ t.jsx(
+                            Pa,
+                            {
+                              item: d,
+                              nestingLevel: a,
+                              pathPrefix: `${n}.conditions.${h}`,
+                              onDelete: p.length > 1 || a > 0 ? () => {
+                                o((f) => f + 1);
+                              } : void 0
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) })
+                ]
+              },
+              `${c}-${h}-${r}`
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function La({
+  rounded: e = !1
+}) {
+  return e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "absolute -left-px top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ t.jsx("div", { className: "absolute -left-px top-1/2 -translate-y-1/2 w-3.5 h-3.5 border-l border-b rounded-es-sm bg-white border-gray-200" })
+  ] }) : /* @__PURE__ */ t.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-3.5 h-px bg-gray-200" });
+}
+function Fa() {
+  const {
+    setPath: e,
+    state: { value: s, selectedRuleIndex: a }
+  } = x(), [n, c] = g(
+    s.rules?.[a]?.name ?? ""
+  );
+  return _(() => {
+    c(s.rules?.[a]?.name ?? "");
+  }, [a]), // <Input
+  //   value={value.rules?.[selectedRuleIndex]?.name}
+  //   onChange={(event) => {
+  //     const target = event.currentTarget
+  //     const value = target.value.replace(/[\n\s]+/g, " ").trim()
+  //     setPath(`rules.${selectedRuleIndex}.name`, value)
+  //   }}
+  //   className="bg-transparent border-0 shadow-none field-sizing-content"
+  // />
+  // biome-ignore lint/a11y/noStaticElementInteractions: This <div> is used with contentEditable
+  /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      contentEditable: "plaintext-only",
+      suppressContentEditableWarning: !0,
+      onInput: (i) => {
+        const r = i.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        e(`rules.${a}.name`, r);
+      },
+      onKeyDown: (i) => {
+        i.key === "Enter" && (i.preventDefault(), i.currentTarget.blur());
+      },
+      onBlur: (i) => {
+        const u = i.currentTarget;
+        u.innerText = u.innerText.replace(/[\n\s]+/g, " ").trim();
+      },
+      children: n
+    },
+    a
+  );
+}
+const X = {
+  rules: []
+}, E = (e) => {
+  try {
+    return JSON.parse(e ?? JSON.stringify(X));
+  } catch {
+    return X;
+  }
+}, za = (e) => {
+  try {
+    return JSON.parse(e ?? "{}"), !0;
+  } catch {
+    return !1;
+  }
+};
+function Qa(e) {
+  const {
+    settings: { domain: s }
+  } = te(), [a, n] = g([]), [c, i] = g(
+    E(e.value ?? e.defaultValue)
+  );
+  return _(
+    function() {
+      c.rules?.length === 0 && i(E(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()
+                            })
+                          })
+                        })
+                      )
+                    })
+                  })
+                })
+              })
+            })
+          })
+        }).parse(r).properties.rules.items.properties.actions.items.anyOf.flatMap(
+          (d) => d.properties.type.enum
+        );
+        n([...new Set(l)]);
+      });
+    },
+    [s]
+  ), /* @__PURE__ */ t.jsx(
+    wa,
+    {
+      initialValue: {
+        value: { rules: c.rules },
+        availableActionTypes: a,
+        schemaType: e.schemaType
+      },
+      children: /* @__PURE__ */ t.jsx(Ua, { ...e })
+    }
+  );
+}
+function Ua(e) {
+  const {
+    state: { value: s, selectedRuleIndex: a },
+    setSelectedRuleIndex: n,
+    setValue: c,
+    setPath: i
+  } = x(), [u, r] = g(
+    e.defaultCodeEditorVisible ?? !1
+  ), o = s.rules?.[a], l = se(null), [d, h] = g(0);
+  _(
+    function() {
+      R(E(l.current?.getValue()), s) || l.current?.setValue(JSON.stringify(s, null, 2)), e.onChange?.(s);
+    },
+    [s]
+  );
+  const p = S(
+    (m) => {
+      const f = E(m);
+      l.current?.hasTextFocus() && za(m) && !R(f, s) && (c(f), h((T) => T + 1));
+    },
+    [s]
+  );
+  return /* @__PURE__ */ t.jsx(
+    ga,
+    {
+      hint: e.hint,
+      feedback: e.feedback,
+      className: "h-full [&>div:first-of-type]:h-full",
+      children: /* @__PURE__ */ t.jsxs("section", { className: "flex h-full", children: [
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: `shrink-0 basis-3/5 overflow-x-auto relative flex flex-col ${u ? "" : "grow"}`,
+            children: [
+              /* @__PURE__ */ t.jsxs("header", { className: "w-full bg-white border-b border-gray-200 px-4 flex text-[13px] gap-4 text-gray-400 font-semibold items-center", children: [
+                /* @__PURE__ */ t.jsxs("div", { className: "flex items-center flex-wrap basis-full", children: [
+                  s.rules?.map((m, f, T) => {
+                    const me = `#${(f + 1).toString().padStart(2, "0")}`;
+                    return /* @__PURE__ */ t.jsxs(
+                      "div",
+                      {
+                        className: "flex items-center py-3 pl-4 pr-2 border-r basis-[88px] justify-center",
+                        children: [
+                          /* @__PURE__ */ t.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: V("font-bold mr-2", {
+                                "text-black": a === f
+                              }),
+                              onClick: () => {
+                                n(f);
+                              },
+                              children: me
+                            }
+                          ),
+                          /* @__PURE__ */ t.jsx(
+                            A,
+                            {
+                              menuPosition: f === 0 ? "bottom-left" : "bottom-right",
+                              dropdownLabel: /* @__PURE__ */ t.jsx(M, { variant: "circle", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16 }) }),
+                              dropdownItems: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                                /* @__PURE__ */ t.jsx(
+                                  w,
+                                  {
+                                    onClick: () => {
+                                      const D = s.rules?.length ?? 0;
+                                      i(`rules.${D}`, {
+                                        ...m,
+                                        id: void 0,
+                                        name: `${m.name} (copy)`
+                                      }), n(D);
+                                    },
+                                    label: "Duplicate"
+                                  }
+                                ),
+                                /* @__PURE__ */ t.jsx(ae, {}),
+                                /* @__PURE__ */ t.jsx(
+                                  w,
+                                  {
+                                    disabled: T.length === 1,
+                                    onClick: () => {
+                                      i(`rules.${f}`, null), a >= f && n(a - 1);
+                                    },
+                                    label: "Delete"
+                                  }
+                                )
+                              ] })
+                            }
+                          )
+                        ]
+                      },
+                      `${f}-${m.id}`
+                    );
+                  }),
+                  /* @__PURE__ */ t.jsx("div", { className: "min-h-[49px] flex items-center", children: /* @__PURE__ */ t.jsx(
+                    M,
+                    {
+                      variant: "circle",
+                      className: "mx-4",
+                      onClick: () => {
+                        i(`rules.${s.rules?.length ?? 0}`, {
+                          name: "Rule name",
+                          actions: [null],
+                          conditions: [null]
+                        }), n(s.rules?.length ?? 0);
+                      },
+                      children: /* @__PURE__ */ t.jsx(v, { name: "plus", size: 16, className: "shrink-0" })
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ t.jsx("div", { className: "grow flex justify-end", children: /* @__PURE__ */ t.jsx(
+                  M,
+                  {
+                    variant: "circle",
+                    onClick: () => {
+                      r(!u);
+                    },
+                    children: /* @__PURE__ */ t.jsx(v, { name: "sidebarSimple", size: 16 })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t.jsx(Wa, { children: o && /* @__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(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"
+                      ]
+                    }
+                  ) })
+                ] })
+              ] }) })
+            ]
+          },
+          d
+        ),
+        u && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
+          xa,
+          {
+            ref: l,
+            name: e.id ?? e.name,
+            height: "100%",
+            language: "json",
+            jsonSchema: e.schemaType,
+            defaultValue: JSON.stringify(s, null, 2),
+            noRounding: !0,
+            onChange: p
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function Ja({ 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({
+  children: e,
+  title: s,
+  icon: a
+}) {
+  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: "p-6", children: e })
+  ] });
+}
+function Wa({
+  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
+};