@commercelayer/app-elements 5.5.4 → 5.7.0

package/dist/RuleEngineComponent-BbIy4caP.js

@@ -0,0 +1,1404 @@
+"use client";
+import { t as S, b as H, d as Z, j as e, i as V, g as G, e as Q, f, h as y, k as $, D as z, l as R, n as p, B as J, o as w, p as U, u as P, q as ee, r as te, s as ne, v as _, I as ae, C as le } from "./main-BqlK85T7.js";
+import I, { useReducer as se, useCallback as N, useMemo as re, createContext as ie, useContext as ue, useState as g, useEffect as v, useRef as ce } from "react";
+import "react-hook-form";
+import { a as oe } from "./fetchCoreResourcesSuggestions-DLZhtrDX.js";
+import { p as k } from "./parseISO-B-bk2SyC.js";
+function A(t, n) {
+  const a = t.match(
+    /(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2}):(\d{2})(?:\.(\d{0,7}))?(?:Z|(.)(\d{2}):?(\d{2})?)?/
+  );
+  return a ? S(
+    Date.UTC(
+      +a[1],
+      +a[2] - 1,
+      +a[3],
+      +a[4] - (+a[9] || 0) * (a[8] == "-" ? -1 : 1),
+      +a[5] - (+a[10] || 0) * (a[8] == "-" ? -1 : 1),
+      +a[6],
+      +((a[7] || "0") + "00").substring(0, 3)
+    ),
+    n?.in
+  ) : S(NaN, n?.in);
+}
+function q(t, n, a) {
+  return t == null ? t : H(t, n, a);
+}
+function D(t, n) {
+  return t == null ? !0 : Z(t, n);
+}
+const K = ie(
+  void 0
+);
+function de(t, n) {
+  switch (n.type) {
+    case "SET_PATH": {
+      const a = { ...t.value };
+      if (n.value === null)
+        if (/\.\d+$/.test(n.path)) {
+          const r = n.path.replace(/\.\d+$/, ""), u = parseInt(n.path.match(/\d+$/)?.[0] ?? "0", 10), s = G(a, r);
+          Array.isArray(s) && (s.splice(u, 1), q(a, r, s), s.length === 0 && r.endsWith(".nested.conditions") && D(a, r.replace(/\.conditions$/, "")));
+        } else
+          D(a, n.path);
+      else
+        q(a, n.path, n.value);
+      return {
+        ...t,
+        value: a
+      };
+    }
+    case "SET_SELECTED_RULE_INDEX":
+      return {
+        ...t,
+        selectedRuleIndex: n.index
+      };
+    case "SET_VALUE":
+      return V(t.value, n.value) ? t : n.value.rules.length === 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]
+            }
+          ]
+        }
+      } : {
+        ...t,
+        value: n.value
+      };
+    default:
+      return t;
+  }
+}
+function me({
+  children: t,
+  initialValue: n
+}) {
+  const [a, r] = se(de, {
+    value: n,
+    selectedRuleIndex: 0
+  }), u = N((o, c) => {
+    r({ type: "SET_PATH", path: o, value: c });
+  }, []), s = N((o) => {
+    r({ type: "SET_SELECTED_RULE_INDEX", index: o });
+  }, []), l = N((o) => {
+    r({ type: "SET_VALUE", value: o });
+  }, []), i = re(
+    () => ({
+      state: a,
+      setPath: u,
+      setSelectedRuleIndex: s,
+      setValue: l
+    }),
+    [a, u, s, l]
+  );
+  return /* @__PURE__ */ e.jsx(K.Provider, { value: i, children: t });
+}
+function x() {
+  const t = ue(K);
+  if (t === void 0)
+    throw new Error("useRuleEngine must be used within a RuleEngineProvider");
+  return t;
+}
+const W = Q([
+  "blank",
+  "present",
+  "null",
+  "not_null"
+]);
+function E(t) {
+  return null;
+}
+function fe({
+  item: t,
+  pathPrefix: n
+}) {
+  const { setPath: a } = x();
+  if (t == null)
+    return null;
+  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(
+          f,
+          {
+            name: `${n}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: t.value?.x,
+            onChange: (r) => {
+              a(
+                `${n}.value.x`,
+                parseInt(r.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            name: `${n}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: t.value?.y,
+            onChange: (r) => {
+              a(
+                `${n}.value.y`,
+                parseInt(r.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "every_x_discount_y":
+      return /* @__PURE__ */ e.jsxs("div", { className: "w-36 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            name: `${n}.value.x`,
+            type: "number",
+            suffix: "X",
+            defaultValue: t.value?.x,
+            onChange: (r) => {
+              a(
+                `${n}.value.x`,
+                parseInt(r.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            name: `${n}.value.y`,
+            type: "number",
+            suffix: "Y",
+            defaultValue: t.value?.y,
+            onChange: (r) => {
+              a(
+                `${n}.value.y`,
+                parseInt(r.currentTarget.value, 10)
+              );
+            }
+          }
+        )
+      ] });
+    case "fixed_amount":
+    case "fixed_price":
+      return /* @__PURE__ */ e.jsx("div", { className: "w-36", children: /* @__PURE__ */ e.jsx(
+        f,
+        {
+          name: `${n}.value`,
+          type: "number",
+          defaultValue: t.value,
+          min: 0,
+          suffix: "cents",
+          onChange: (r) => {
+            a(
+              `${n}.value`,
+              parseInt(r.currentTarget.value, 10)
+            );
+          }
+        }
+      ) });
+    case "percentage": {
+      const r = (t.value * 100).toFixed(2);
+      return /* @__PURE__ */ e.jsx("div", { className: "w-24", children: /* @__PURE__ */ e.jsx(
+        f,
+        {
+          name: `${n}.value`,
+          type: "number",
+          defaultValue: r.endsWith(".00") ? r.slice(0, -3) : r,
+          min: 0,
+          max: 100,
+          suffix: "%",
+          onChange: (u) => {
+            a(
+              `${n}.value`,
+              parseFloat(u.currentTarget.value) / 100
+            );
+          }
+        }
+      ) });
+    }
+    default:
+      return E();
+  }
+}
+function ge({
+  item: t,
+  index: n,
+  onDelete: a
+}) {
+  const {
+    setPath: r,
+    state: { selectedRuleIndex: u }
+  } = x(), s = {
+    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"
+  }, l = `rules.${u}.actions.${n}`;
+  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 flex-grow p-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+        y,
+        {
+          name: `${l}.type`,
+          defaultValue: t != null ? {
+            label: s[t.type],
+            value: t.type
+          } : void 0,
+          initialValues: Object.entries(s).map(
+            ([i, o]) => ({ value: i, label: o })
+          ),
+          onSelect: (i) => {
+            $(i) && r(`${l}.type`, i.value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(fe, { item: t, pathPrefix: l }),
+      /* @__PURE__ */ e.jsx("div", { className: "text-black font-bold text-sm", children: "ON" }),
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+        f,
+        {
+          name: `${l}.selector`,
+          type: "text",
+          defaultValue: t?.selector,
+          onChange: (i) => {
+            r(`${l}.selector`, i.currentTarget.value);
+          }
+        }
+      ) })
+    ] }),
+    a != null && /* @__PURE__ */ e.jsx(
+      z,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center self-stretch flex-grow",
+            children: /* @__PURE__ */ e.jsx(p, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+          }
+        ),
+        dropdownItems: /* @__PURE__ */ e.jsx(
+          R,
+          {
+            label: "Delete",
+            onClick: () => {
+              r(`${l}`, null), a();
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+}
+function xe({
+  actions: t
+}) {
+  const [n, a] = g(0), {
+    setPath: r,
+    state: { selectedRuleIndex: u }
+  } = x();
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { children: t?.map((s, l, i) => /* @__PURE__ */ e.jsx(
+      ge,
+      {
+        item: s,
+        index: l,
+        onDelete: i.length > 1 ? () => {
+          a((o) => o + 1);
+        } : void 0
+      },
+      `${u}-${l}-${n}`
+    )) }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-6", children: /* @__PURE__ */ e.jsxs(
+      J,
+      {
+        size: "small",
+        variant: "secondary",
+        alignItems: "center",
+        onClick: () => {
+          r(
+            `rules.${u}.actions.${t?.length ?? 0}`,
+            void 0
+          );
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(p, { name: "plusCircle" }),
+          " Add action"
+        ]
+      }
+    ) })
+  ] });
+}
+function X(t) {
+  const [n, a] = g(void 0);
+  return v(() => {
+    t?.field != null && oe(t.field).then((r) => {
+      a(r);
+    }).catch((r) => {
+      console.error("Error fetching field info:", r);
+    });
+  }, [t?.field]), { infos: n };
+}
+function Y(t) {
+  if (typeof t == "string")
+    return w(A(t)) ? "datetime" : "string";
+  if (typeof t == "number")
+    return "integer";
+  if (typeof t == "boolean")
+    return "boolean";
+  if (Array.isArray(t)) {
+    if (typeof t[0] == "string")
+      return w(A(t[0])) ? "datetime" : "string";
+    if (typeof t[0] == "number")
+      return "integer";
+  }
+  return "string";
+}
+function he({
+  item: t,
+  pathPrefix: n
+}) {
+  const { setPath: a } = x(), { infos: r } = X(t);
+  let u = r?.field?.type;
+  return u == null && (u = Y(t?.value)), /* @__PURE__ */ e.jsx(
+    y,
+    {
+      name: `${n}.matcher`,
+      value: t != null ? {
+        label: M.find((s) => s.matcher === t.matcher && (u != null && s.fieldTypes.includes(u) || u == null))?.label ?? (t.matcher != null ? `⚠️   ${t.matcher}` : ""),
+        value: t.matcher
+      } : void 0,
+      initialValues: M.filter(({ fieldTypes: s, visible: l }) => l !== !1 && s.includes(u)).map(({ matcher: s, label: l }) => ({ value: s, label: l })),
+      onSelect: (s) => {
+        $(s) && (a(`${n}.matcher`, s.value), W.includes(
+          s.value
+        ) && a(`${n}.value`, null));
+      }
+    }
+  );
+}
+const M = [
+  {
+    /** 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"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches if field value is less than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lt",
+    label: "<",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is less than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "lteq",
+    label: "≤",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is greater than provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gt",
+    label: ">",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is greater than or equal to provided value
+     * @field Integer, Datetime
+     * @value Integer, Datetime
+     */
+    matcher: "gteq",
+    label: "≥",
+    fieldTypes: ["integer", "datetime"]
+  },
+  {
+    /** Matches if field value is a multiple of provided value
+     * @field Integer
+     * @value Integer
+     */
+    matcher: "multiple",
+    label: "is a multiple of",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value matches regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "matches",
+    label: "matches regex",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value does not match regex pattern
+     * @field String
+     * @value String
+     */
+    matcher: "does_not_match",
+    label: "doesn't match regex",
+    fieldTypes: ["string"]
+  },
+  {
+    /** Matches if field value starts with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "start_with",
+    label: "starts with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches if field value ends with provided string
+     * @field String
+     * @value String
+     */
+    matcher: "end_with",
+    label: "ends with",
+    fieldTypes: ["string"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "> and <",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive start, exclusive end)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lt",
+    label: "≥ and <",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "≥ and ≤",
+    fieldTypes: ["integer"]
+  },
+  {
+    /** Matches if field value is between two values (exclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gt_lt",
+    label: "date range",
+    visible: !1,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches if field value is between two values (inclusive)
+     * @field Integer, Datetime
+     * @value Array
+     */
+    matcher: "gteq_lteq",
+    label: "date range",
+    visible: !0,
+    fieldTypes: ["datetime"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** 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"]
+  },
+  {
+    /** Matches objects within arrays that meet specified requirements
+     * @field Array
+     * @value Object
+     */
+    matcher: "array_match",
+    label: "is",
+    fieldTypes: ["integer", "string", "datetime"]
+  },
+  {
+    /** Matches if field value is null or empty string */
+    matcher: "blank",
+    label: "is blank",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is null */
+    matcher: "null",
+    label: "is null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "not_null",
+    label: "is not null",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  },
+  {
+    /** Matches if field value is not null */
+    matcher: "present",
+    label: "is present",
+    fieldTypes: ["integer", "string", "datetime", "boolean"]
+  }
+], O = {
+  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 pe({
+  value: t,
+  pathPrefix: n
+}) {
+  return (typeof t != "object" || Array.isArray(t) || t === null) && (t = {
+    in_and: []
+  }), /* @__PURE__ */ e.jsx("div", { children: Object.entries(t).map(([a, r], u) => /* @__PURE__ */ e.jsx(
+    be,
+    {
+      pathPrefix: n,
+      defaultValue: r,
+      initialMatcher: a
+    },
+    `${n}.${// biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+    u}`
+  )) });
+}
+function be({
+  initialMatcher: t,
+  defaultValue: n,
+  pathPrefix: a
+}) {
+  const [r, u] = g(t), [s, l] = g(t), [i, o] = g(n), { setPath: c } = x();
+  return v(() => {
+    r !== s && (c(`${a}.${r}`, null), u(s)), c(`${a}.${s}`, i);
+  }, [s, i, c]), /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 last-of-type:mt-2", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+      y,
+      {
+        defaultValue: [
+          { value: s, label: O[s].label }
+        ],
+        initialValues: Object.entries(O).map(
+          ([d, { label: m }]) => ({
+            value: d,
+            label: m
+          })
+        ),
+        onSelect: (d) => {
+          $(d) && l(d.value);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+      y,
+      {
+        isMulti: !0,
+        isCreatable: !0,
+        defaultValue: (Array.isArray(i) ? i : []).map((d) => ({
+          value: d,
+          label: d.toString()
+        })),
+        initialValues: [],
+        onSelect: (d) => {
+          U(d) && o(
+            d.map(
+              (m) => typeof m.value == "boolean" ? m.value.toString() : m.value
+            )
+          );
+        }
+      }
+    ) })
+  ] });
+}
+function ye({
+  value: t,
+  onChange: n
+}) {
+  const [a, r] = g(
+    Array.isArray(t) && typeof t[0] == "number" ? t[0] : null
+  ), [u, s] = g(
+    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: "flex-grow", children: /* @__PURE__ */ e.jsx(
+      f,
+      {
+        type: "number",
+        placeholder: "Min",
+        value: a ?? "",
+        onChange: (l) => {
+          const i = parseInt(l.currentTarget.value, 10);
+          r(Number.isNaN(i) ? null : i), n([Number.isNaN(i) ? null : i, u]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+      f,
+      {
+        type: "number",
+        placeholder: "Max",
+        value: u ?? "",
+        onChange: (l) => {
+          const i = parseInt(l.currentTarget.value, 10);
+          s(Number.isNaN(i) ? null : i), n([a, Number.isNaN(i) ? null : i]);
+        }
+      }
+    ) })
+  ] });
+}
+function ve({
+  value: t,
+  onChange: n
+}) {
+  const [a, r] = g(
+    Array.isArray(t) && typeof t[0] == "string" ? t[0] : null
+  ), [u, s] = g(
+    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: "flex-grow", children: /* @__PURE__ */ e.jsx(
+      f,
+      {
+        type: "text",
+        placeholder: "Min",
+        value: a ?? "",
+        onChange: (l) => {
+          const i = l.currentTarget.value;
+          r(i), n([i, u]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ e.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ e.jsx(
+      f,
+      {
+        type: "text",
+        placeholder: "Max",
+        value: u ?? "",
+        onChange: (l) => {
+          const i = l.currentTarget.value;
+          s(i), n([a, i]);
+        }
+      }
+    ) })
+  ] });
+}
+function je({
+  item: t,
+  pathPrefix: n
+}) {
+  const { setPath: a } = x(), { infos: r } = X(t), { user: u } = P(), s = `${n}.value`;
+  if (t == null || W.includes(
+    t.matcher
+  ))
+    return null;
+  const l = t;
+  let i = r?.field?.type;
+  i == null && (i = Y(l.value)), (typeof l.value == "string" && /^{{.*}}$/.test(l.value) || Array.isArray(l.value) && l.value.some(
+    (c) => typeof c == "string" && /^{{.*}}$/.test(c)
+  )) && (i = "string");
+  let o = null;
+  switch (i) {
+    case "datetime": {
+      o = "date";
+      break;
+    }
+    case "boolean": {
+      o = "boolean";
+      break;
+    }
+    case "string": {
+      o = "text";
+      break;
+    }
+    case "integer":
+    case "float": {
+      o = "number";
+      break;
+    }
+    case "array":
+    case "json":
+    case "object":
+      break;
+    default: {
+      o = "text";
+      break;
+    }
+  }
+  switch (l.matcher) {
+    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": {
+      o === "number" && (o = "numberRange"), o === "text" && (o = "textRange"), o === "date" && (o = "dateRange");
+      break;
+    }
+    case "is_in":
+    case "is_not_in": {
+      o = "tag";
+      break;
+    }
+    case "array_match": {
+      o = "arrayMatch";
+      break;
+    }
+    default: {
+      E(l.matcher);
+      break;
+    }
+  }
+  switch (o) {
+    case "date": {
+      const c = k(
+        typeof l.value == "string" ? l.value : ""
+      );
+      return /* @__PURE__ */ e.jsx(
+        te,
+        {
+          value: w(c) ? c : void 0,
+          showTimeSelect: !0,
+          placeholder: "Enter value",
+          onChange: (d) => {
+            a(s, d?.toJSON());
+          },
+          timezone: u?.timezone
+        }
+      );
+    }
+    case "dateRange": {
+      const c = Array.isArray(l.value) ? l.value.map((d) => {
+        const m = k(typeof d == "string" ? d : "");
+        return w(m) ? m : null;
+      }) : [null, null];
+      return /* @__PURE__ */ e.jsx(
+        ee,
+        {
+          value: c,
+          showTimeSelect: !0,
+          onChange: (d) => {
+            a(
+              `${n}.value`,
+              d.map((m) => m?.toJSON() ?? null)
+            );
+          }
+        }
+      );
+    }
+    case "numberRange":
+      return /* @__PURE__ */ e.jsx(
+        ye,
+        {
+          value: l.value,
+          onChange: (c) => {
+            a(s, c);
+          }
+        }
+      );
+    case "textRange":
+      return /* @__PURE__ */ e.jsx(
+        ve,
+        {
+          value: l.value,
+          onChange: (c) => {
+            a(s, c);
+          }
+        }
+      );
+    case "arrayMatch":
+      return /* @__PURE__ */ e.jsx(
+        pe,
+        {
+          value: l.value,
+          pathPrefix: `${n}.value`
+        }
+      );
+    case "tag":
+      return /* @__PURE__ */ e.jsx(
+        y,
+        {
+          isMulti: !0,
+          isClearable: !1,
+          isCreatable: !0,
+          defaultValue: Array.isArray(l.value) ? l.value.map((c) => ({
+            label: c.toString(),
+            value: c
+          })) : [],
+          initialValues: [],
+          onSelect: (c) => {
+            U(c) && a(
+              `${n}.value`,
+              c.map((d) => {
+                if (i === "integer") {
+                  const m = parseInt(d.value.toString(), 10);
+                  return Number.isNaN(m) ? null : m;
+                }
+                return d.value;
+              }).filter((d) => d != null)
+            );
+          }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ e.jsx(
+        f,
+        {
+          name: `${n}.value`,
+          type: "number",
+          defaultValue: typeof l.value == "number" ? l.value : "",
+          placeholder: "Enter value",
+          onChange: (c) => {
+            a(
+              `${n}.value`,
+              parseInt(c.currentTarget.value, 10)
+            );
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ e.jsx(
+        y,
+        {
+          name: `${n}.value`,
+          defaultValue: typeof l.value == "boolean" ? {
+            label: l.value ? "Yes" : "No",
+            value: l.value
+          } : void 0,
+          initialValues: [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ],
+          onSelect: (c) => {
+            $(c) && a(s, c.value);
+          }
+        }
+      );
+    case "text":
+    case null:
+      return /* @__PURE__ */ e.jsx(
+        f,
+        {
+          name: `${n}.value`,
+          type: "text",
+          defaultValue: typeof l.value == "string" ? l.value : JSON.stringify(l.value),
+          placeholder: "Enter value",
+          onChange: (c) => {
+            a(s, c.currentTarget.value);
+          }
+        }
+      );
+    default:
+      return E();
+  }
+}
+function Ne({
+  item: t,
+  nestingLevel: n,
+  pathPrefix: a,
+  onDelete: r
+}) {
+  const { setPath: u } = x(), s = [];
+  return n < 2 && (s[0] ??= [], s[0].push(
+    /* @__PURE__ */ e.jsx(
+      R,
+      {
+        label: "Nest conditions",
+        onClick: () => {
+          u(
+            `${a}.nested.conditions.${(t?.nested?.conditions ?? []).length}`,
+            void 0
+          );
+        }
+      }
+    )
+  )), r != null && (s[1] ??= [], s[1].push(
+    /* @__PURE__ */ e.jsx(
+      R,
+      {
+        label: "Delete",
+        onClick: () => {
+          u(`${a}`, null), r();
+        }
+      }
+    )
+  )), /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-md flex items-center", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between gap-2 flex-grow p-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-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(
+          f,
+          {
+            name: `${a}.field`,
+            type: "text",
+            defaultValue: t?.field,
+            onChange: (l) => {
+              u(`${a}.field`, l.currentTarget.value);
+            },
+            onBlur: (l) => {
+              u(`${a}.field`, l.currentTarget.value);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex-14", children: /* @__PURE__ */ e.jsx(he, { item: t, pathPrefix: a }) })
+      ] }),
+      /* @__PURE__ */ e.jsx(je, { item: t, pathPrefix: a })
+    ] }) }),
+    s.length > 0 && /* @__PURE__ */ e.jsx(
+      z,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center self-stretch flex-grow",
+            children: /* @__PURE__ */ e.jsx(p, { name: "dotsThreeVertical", size: 16, weight: "bold" })
+          }
+        ),
+        dropdownItems: s.map((l, i, o) => (
+          // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+          /* @__PURE__ */ e.jsxs(I.Fragment, { children: [
+            l.map((c, d) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: Using index as key is acceptable here since items are static
+              /* @__PURE__ */ e.jsx(I.Fragment, { children: c }, d)
+            )),
+            i < o.length - 1 && /* @__PURE__ */ e.jsx(ne, {})
+          ] }, i)
+        ))
+      }
+    )
+  ] });
+}
+function B({
+  item: t,
+  children: n,
+  nestingLevel: a = 0,
+  pathPrefix: r
+}) {
+  const {
+    state: { selectedRuleIndex: u }
+  } = x(), s = t?.conditions_logic?.toLowerCase() ?? "and", { setPath: l } = x(), [i, o] = g(0), c = a > 0;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: _("query-group", {
+        "p-4 border border-gray-200 rounded-md": c
+      }),
+      children: [
+        n,
+        t != null && (t.conditions ?? []).length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs(
+            "select",
+            {
+              onChange: (d) => {
+                l(
+                  `${r}.conditions_logic`,
+                  d.currentTarget.value
+                );
+              },
+              defaultValue: s,
+              className: "pl-4 pr-8 py-2 font-bold focus:ring-0 focus:outline-none appearance-none bg-gray-50 border border-gray-200 rounded-md text-sm leading-4",
+              children: [
+                /* @__PURE__ */ e.jsxs("option", { value: "and", children: [
+                  c ? "Nested in " : "",
+                  "AND"
+                ] }),
+                /* @__PURE__ */ e.jsxs("option", { value: "or", children: [
+                  c ? "Nested in " : "",
+                  "OR"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "border-l border-gray-200 ml-3 pt-3", children: t?.conditions?.map((d, m, j) => {
+            const b = m === j.length - 1;
+            return /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "flex items-center mb-4 last:mb-0 relative",
+                children: [
+                  /* @__PURE__ */ e.jsx(we, { rounded: b }),
+                  /* @__PURE__ */ e.jsx("div", { className: "ml-4 w-full", children: /* @__PURE__ */ e.jsx(
+                    B,
+                    {
+                      item: d?.nested ?? void 0,
+                      nestingLevel: d?.nested != null ? a + 1 : 0,
+                      pathPrefix: `${r}.conditions.${m}.nested`,
+                      children: /* @__PURE__ */ e.jsx(
+                        "div",
+                        {
+                          className: _({
+                            "mb-4": d?.nested != null
+                          }),
+                          children: /* @__PURE__ */ e.jsx(
+                            Ne,
+                            {
+                              item: d,
+                              nestingLevel: a,
+                              pathPrefix: `${r}.conditions.${m}`,
+                              onDelete: j.length > 1 || a > 0 ? () => {
+                                o((h) => h + 1);
+                              } : void 0
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) })
+                ]
+              },
+              `${u}-${m}-${i}`
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function we({
+  rounded: t = !1
+}) {
+  return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-[1px] top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ e.jsx("div", { className: "absolute -left-[1px] 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 _e() {
+  const {
+    setPath: t,
+    state: { value: n, selectedRuleIndex: a }
+  } = x(), [r, u] = g(
+    n.rules[a]?.name ?? ""
+  );
+  return v(() => {
+    u(n.rules[a]?.name ?? "");
+  }, [a]), // biome-ignore lint/a11y/noStaticElementInteractions: This <div> is used with contentEditable
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      contentEditable: "plaintext-only",
+      suppressContentEditableWarning: !0,
+      onInput: (s) => {
+        const i = s.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        t(`rules.${a}.name`, i);
+      },
+      onKeyDown: (s) => {
+        s.key === "Enter" && (s.preventDefault(), s.currentTarget.blur());
+      },
+      onBlur: (s) => {
+        const l = s.currentTarget;
+        l.innerText = l.innerText.replace(/[\n\s]+/g, " ").trim();
+      },
+      children: r
+    },
+    a
+  );
+}
+const F = {
+  rules: []
+}, T = (t) => {
+  try {
+    return JSON.parse(t ?? JSON.stringify(F));
+  } catch {
+    return F;
+  }
+}, Te = (t) => {
+  try {
+    return JSON.parse(t ?? "{}"), !0;
+  } catch {
+    return !1;
+  }
+};
+function Ae(t) {
+  const [n, a] = g(
+    T(t.value ?? t.defaultValue)
+  );
+  return v(
+    function() {
+      n.rules.length === 0 && a(T(t.value));
+    },
+    [t.value]
+  ), /* @__PURE__ */ e.jsx(me, { initialValue: { rules: n.rules }, children: /* @__PURE__ */ e.jsx($e, { ...t }) });
+}
+function $e(t) {
+  const {
+    state: { value: n, selectedRuleIndex: a },
+    setSelectedRuleIndex: r,
+    setValue: u,
+    setPath: s
+  } = x(), [l, i] = g(
+    t.defaultCodeEditorVisible ?? !1
+  ), o = n.rules[a], c = ce(null), [d, m] = g(0);
+  v(
+    function() {
+      V(T(c.current?.getValue()), n) || c.current?.setValue(JSON.stringify(n, null, 2)), t.onChange?.(n);
+    },
+    [n]
+  );
+  const j = N(
+    (b) => {
+      const h = T(b);
+      c.current?.hasTextFocus() && Te(b) && !V(h, n) && (u(h), m((C) => C + 1));
+    },
+    [n]
+  );
+  return /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      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 ${l ? "" : "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: [
+                  n.rules.map((b, h) => {
+                    const C = `#${(h + 1).toString().padStart(2, "0")}`;
+                    return /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: _("font-bold", {
+                          "text-black": a === h
+                        }),
+                        onClick: () => {
+                          r(h);
+                        },
+                        children: C
+                      },
+                      `${a}-${b.id}`
+                    );
+                  }),
+                  /* @__PURE__ */ e.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: _("font-bold", {
+                        "text-black": !0
+                      }),
+                      onClick: () => {
+                        s(`rules.${n.rules.length}`, {
+                          name: "Rule name",
+                          actions: [null],
+                          conditions: [null]
+                        }), r(n.rules.length);
+                      },
+                      children: /* @__PURE__ */ e.jsx(p, { name: "plus", size: 16, className: "shrink-0" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx("div", { className: "flex-grow flex justify-end", children: /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "text-blue-600 hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
+                    onClick: () => {
+                      i(!l);
+                    },
+                    children: /* @__PURE__ */ e.jsx(p, { name: "sidebarSimple", size: 16, color: "#101111" })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e.jsxs(Ve, { children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx(_e, {}),
+                  /* @__PURE__ */ e.jsx(p, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                ] }),
+                /* @__PURE__ */ e.jsx(L, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ e.jsx(xe, { actions: o?.actions }) }),
+                /* @__PURE__ */ e.jsx(Ce, { children: "when" }),
+                /* @__PURE__ */ e.jsxs(L, { title: "Conditions", icon: "treeView", children: [
+                  /* @__PURE__ */ e.jsx(
+                    B,
+                    {
+                      item: o,
+                      pathPrefix: `rules.${a}`
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("div", { className: "mt-6", children: /* @__PURE__ */ e.jsxs(
+                    J,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      alignItems: "center",
+                      onClick: () => {
+                        s(
+                          `rules.${a}.conditions.${o?.conditions?.length ?? 0}`,
+                          void 0
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ e.jsx(p, { name: "plusCircle" }),
+                        " Add condition"
+                      ]
+                    }
+                  ) })
+                ] })
+              ] })
+            ]
+          },
+          d
+        ),
+        l && /* @__PURE__ */ e.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ e.jsx(
+          le,
+          {
+            ref: c,
+            name: t.id ?? t.name,
+            height: "100%",
+            language: "json",
+            jsonSchema: "order-rules",
+            defaultValue: JSON.stringify(n, null, 2),
+            noRounding: !0,
+            onChange: j
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function Ce({ 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: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "h-6 w-[2px] bg-gray-200" })
+  ] });
+}
+function L({
+  children: t,
+  title: n,
+  icon: a
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "rounded-md bg-white shadow-sm", 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-sm shadow-primary-200", children: /* @__PURE__ */ e.jsx(p, { name: a }) }),
+      /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: n })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "p-6", children: t })
+  ] });
+}
+function Ve({
+  children: t
+}) {
+  return /* @__PURE__ */ e.jsx("div", { className: "h-full w-full bg-gray-50 p-8 [background-image:radial-gradient(#d6d6d6_1px,transparent_1px)] [background-size:16px_16px] overflow-auto", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[900px] mx-auto", children: t }) });
+}
+export {
+  Ae as RuleEngine
+};