@commercelayer/app-elements 5.4.2 → 5.5.1

package/dist/RuleEngineComponent-CGOH-VpI.js

@@ -0,0 +1,1376 @@
+"use client";
+import { t as k, b as H, d as Z, j as t, i as E, g as G, e as Q, f as h, h as j, k as $, D as P, l as S, n as v, B as z, o as T, p as U, q as ee, r as te, s as ae, v as C, I as le, C as ne } from "./main-Dncz1fnB.js";
+import "react-hook-form";
+import I, { useReducer as se, useCallback as w, useMemo as re, createContext as ie, useContext as ue, useState as g, useEffect as N, useRef as ce } from "react";
+import { a as de } from "./fetchCoreResourcesSuggestions-CZkDwjO2.js";
+import { p as A } from "./parseISO-DFqToJvK.js";
+function q(e, a) {
+  const l = e.match(
+    /(\d{4})-(\d{2})-(\d{2})[T ](\d{2}):(\d{2}):(\d{2})(?:\.(\d{0,7}))?(?:Z|(.)(\d{2}):?(\d{2})?)?/
+  );
+  return l ? k(
+    Date.UTC(
+      +l[1],
+      +l[2] - 1,
+      +l[3],
+      +l[4] - (+l[9] || 0) * (l[8] == "-" ? -1 : 1),
+      +l[5] - (+l[10] || 0) * (l[8] == "-" ? -1 : 1),
+      +l[6],
+      +((l[7] || "0") + "00").substring(0, 3)
+    ),
+    a == null ? void 0 : a.in
+  ) : k(NaN, a == null ? void 0 : a.in);
+}
+function D(e, a, l) {
+  return e == null ? e : H(e, a, l);
+}
+function M(e, a) {
+  return e == null ? !0 : Z(e, a);
+}
+const K = ie(
+  void 0
+);
+function oe(e, a) {
+  var l;
+  switch (a.type) {
+    case "SET_PATH": {
+      const i = { ...e.value };
+      if (a.value === null)
+        if (/\.\d+$/.test(a.path)) {
+          const u = a.path.replace(/\.\d+$/, ""), s = parseInt(((l = a.path.match(/\d+$/)) == null ? void 0 : l[0]) ?? "0", 10), r = G(i, u);
+          Array.isArray(r) && (r.splice(s, 1), D(i, u, r), r.length === 0 && u.endsWith(".nested.conditions") && M(i, u.replace(/\.conditions$/, "")));
+        } else
+          M(i, a.path);
+      else
+        D(i, a.path, a.value);
+      return {
+        ...e,
+        value: i
+      };
+    }
+    case "SET_SELECTED_RULE_INDEX":
+      return {
+        ...e,
+        selectedRuleIndex: a.index
+      };
+    case "SET_VALUE":
+      return E(e.value, a.value) ? e : a.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]
+            }
+          ]
+        }
+      } : {
+        ...e,
+        value: a.value
+      };
+    default:
+      return e;
+  }
+}
+function fe({
+  children: e,
+  initialValue: a
+}) {
+  const [l, i] = se(oe, {
+    value: a,
+    selectedRuleIndex: 0
+  }), u = w((d, c) => {
+    i({ type: "SET_PATH", path: d, value: c });
+  }, []), s = w((d) => {
+    i({ type: "SET_SELECTED_RULE_INDEX", index: d });
+  }, []), r = w((d) => {
+    i({ type: "SET_VALUE", value: d });
+  }, []), n = re(
+    () => ({
+      state: l,
+      setPath: u,
+      setSelectedRuleIndex: s,
+      setValue: r
+    }),
+    [l, u, s, r]
+  );
+  return /* @__PURE__ */ t.jsx(K.Provider, { value: n, children: e });
+}
+function p() {
+  const e = ue(K);
+  if (e === void 0)
+    throw new Error("useRuleEngine must be used within a RuleEngineProvider");
+  return e;
+}
+const W = Q([
+  "blank",
+  "present",
+  "null",
+  "not_null"
+]);
+function R(e) {
+  return null;
+}
+function xe({
+  item: e,
+  pathPrefix: a
+}) {
+  var i, u, s, r;
+  const { setPath: l } = p();
+  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(
+          h,
+          {
+            type: "number",
+            suffix: "X",
+            defaultValue: (i = e.value) == null ? void 0 : i.x,
+            onChange: (n) => {
+              l(
+                `${a}.value.x`,
+                parseInt(n.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          h,
+          {
+            type: "number",
+            suffix: "Y",
+            defaultValue: (u = e.value) == null ? void 0 : u.y,
+            onChange: (n) => {
+              l(
+                `${a}.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(
+          h,
+          {
+            type: "number",
+            suffix: "X",
+            defaultValue: (s = e.value) == null ? void 0 : s.x,
+            onChange: (n) => {
+              l(
+                `${a}.value.x`,
+                parseInt(n.currentTarget.value, 10)
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          h,
+          {
+            type: "number",
+            suffix: "Y",
+            defaultValue: (r = e.value) == null ? void 0 : r.y,
+            onChange: (n) => {
+              l(
+                `${a}.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(
+        h,
+        {
+          type: "number",
+          defaultValue: e.value,
+          min: 0,
+          suffix: "cents",
+          onChange: (n) => {
+            l(
+              `${a}.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(
+        h,
+        {
+          type: "number",
+          defaultValue: n.endsWith(".00") ? n.slice(0, -3) : n,
+          min: 0,
+          max: 100,
+          suffix: "%",
+          onChange: (d) => {
+            l(
+              `${a}.value`,
+              parseFloat(d.currentTarget.value) / 100
+            );
+          }
+        }
+      ) });
+    }
+    default:
+      return R();
+  }
+}
+function he({
+  item: e,
+  index: a,
+  onDelete: l
+}) {
+  const {
+    setPath: i,
+    state: { selectedRuleIndex: u }
+  } = p(), 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"
+  }, r = `rules.${u}.actions.${a}`;
+  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 flex-grow p-2", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: /* @__PURE__ */ t.jsx(
+        j,
+        {
+          defaultValue: e != null ? {
+            label: s[e.type],
+            value: e.type
+          } : void 0,
+          initialValues: Object.entries(s).map(
+            ([n, d]) => ({ value: n, label: d })
+          ),
+          onSelect: (n) => {
+            $(n) && i(`${r}.type`, n.value);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx(xe, { 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(
+        h,
+        {
+          type: "text",
+          defaultValue: e != null ? e.selector : void 0,
+          onChange: (n) => {
+            i(`${r}.selector`, n.currentTarget.value);
+          }
+        }
+      ) })
+    ] }),
+    l != null && /* @__PURE__ */ t.jsx(
+      P,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ t.jsx("button", { className: "flex items-center justify-center self-stretch flex-grow", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16, weight: "bold" }) }),
+        dropdownItems: /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
+          S,
+          {
+            label: "Delete",
+            onClick: () => {
+              i(`${r}`, null), l();
+            }
+          }
+        ) })
+      }
+    )
+  ] }) });
+}
+function ge({
+  actions: e
+}) {
+  const [a, l] = g(0), {
+    setPath: i,
+    state: { selectedRuleIndex: u }
+  } = p();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { children: e == null ? void 0 : e.map((s, r, n) => /* @__PURE__ */ t.jsx(
+      he,
+      {
+        item: s,
+        index: r,
+        onDelete: n.length > 1 ? () => {
+          l((d) => d + 1);
+        } : void 0
+      },
+      `${u}-${r}-${a}`
+    )) }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+      z,
+      {
+        size: "small",
+        variant: "secondary",
+        alignItems: "center",
+        onClick: () => {
+          i(
+            `rules.${u}.actions.${(e == null ? void 0 : e.length) ?? 0}`,
+            void 0
+          );
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
+          " Add action"
+        ]
+      }
+    ) })
+  ] });
+}
+function X(e) {
+  const [a, l] = g(void 0);
+  return N(() => {
+    (e == null ? void 0 : e.field) != null && de(e.field).then((i) => {
+      l(i);
+    }).catch((i) => {
+      console.error("Error fetching field info:", i);
+    });
+  }, [e == null ? void 0 : e.field]), { infos: a };
+}
+function Y(e) {
+  if (typeof e == "string")
+    return T(q(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 T(q(e[0])) ? "datetime" : "string";
+    if (typeof e[0] == "number")
+      return "integer";
+  }
+  return "string";
+}
+function me({
+  item: e,
+  pathPrefix: a
+}) {
+  var s, r;
+  const { setPath: l } = p(), { infos: i } = X(e);
+  let u = (s = i == null ? void 0 : i.field) == null ? void 0 : s.type;
+  return u == null && (u = Y(e == null ? void 0 : e.value)), /* @__PURE__ */ t.jsx(
+    j,
+    {
+      value: e != null ? {
+        label: ((r = O.find((n) => n.matcher === e.matcher && (u != null && n.fieldTypes.includes(u) || u == null))) == null ? void 0 : r.label) ?? // eslint-disable-next-line no-irregular-whitespace
+        (e.matcher != null ? `⚠️   ${e.matcher}` : ""),
+        value: e.matcher
+      } : void 0,
+      initialValues: O.filter(({ fieldTypes: n, visible: d }) => d !== !1 && n.includes(u)).map(({ matcher: n, label: d }) => ({ value: n, label: d })),
+      onSelect: (n) => {
+        $(n) && (l(`${a}.matcher`, n.value), W.includes(
+          n.value
+        ) && l(`${a}.value`, null));
+      }
+    }
+  );
+}
+const O = [
+  {
+    /** 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"]
+  }
+], F = {
+  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 be({
+  value: e,
+  pathPrefix: a
+}) {
+  return (typeof e != "object" || Array.isArray(e) || e === null) && (e = {
+    in_and: []
+  }), /* @__PURE__ */ t.jsx("div", { children: Object.entries(e).map(([l, i], u) => /* @__PURE__ */ t.jsx(
+    pe,
+    {
+      pathPrefix: a,
+      defaultValue: i,
+      initialMatcher: l
+    },
+    `${a}.${u}`
+  )) });
+}
+function pe({
+  initialMatcher: e,
+  defaultValue: a,
+  pathPrefix: l
+}) {
+  const [i, u] = g(e), [s, r] = g(e), [n, d] = g(a), { setPath: c } = p();
+  return N(() => {
+    i !== s && (c(`${l}.${i}`, null), u(s)), c(`${l}.${s}`, n);
+  }, [s, n, c]), /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 last-of-type:mt-2", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        defaultValue: [
+          { value: s, label: F[s].label }
+        ],
+        initialValues: Object.entries(F).map(
+          ([o, { label: f }]) => ({
+            value: o,
+            label: f
+          })
+        ),
+        onSelect: (o) => {
+          $(o) && r(o.value);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ t.jsx(
+      j,
+      {
+        isMulti: !0,
+        isCreatable: !0,
+        defaultValue: (Array.isArray(n) ? n : []).map((o) => ({
+          value: o,
+          label: o.toString()
+        })),
+        initialValues: [],
+        onSelect: (o) => {
+          U(o) && d(
+            o.map(
+              (f) => typeof f.value == "boolean" ? f.value.toString() : f.value
+            )
+          );
+        }
+      }
+    ) })
+  ] });
+}
+function ye({
+  value: e,
+  onChange: a
+}) {
+  const [l, i] = g(
+    Array.isArray(e) && typeof e[0] == "number" ? e[0] : null
+  ), [u, s] = 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: "flex-grow", children: /* @__PURE__ */ t.jsx(
+      h,
+      {
+        type: "number",
+        placeholder: "Min",
+        value: l ?? "",
+        onChange: (r) => {
+          const n = parseInt(r.currentTarget.value, 10);
+          i(isNaN(n) ? null : n), a([isNaN(n) ? null : n, u]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ t.jsx(
+      h,
+      {
+        type: "number",
+        placeholder: "Max",
+        value: u ?? "",
+        onChange: (r) => {
+          const n = parseInt(r.currentTarget.value, 10);
+          s(isNaN(n) ? null : n), a([l, isNaN(n) ? null : n]);
+        }
+      }
+    ) })
+  ] });
+}
+function ve({
+  value: e,
+  onChange: a
+}) {
+  const [l, i] = g(
+    Array.isArray(e) && typeof e[0] == "string" ? e[0] : null
+  ), [u, s] = 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: "flex-grow", children: /* @__PURE__ */ t.jsx(
+      h,
+      {
+        type: "text",
+        placeholder: "Min",
+        value: l ?? "",
+        onChange: (r) => {
+          const n = r.currentTarget.value;
+          i(n), a([n, u]);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-gray-300", children: "to" }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-grow", children: /* @__PURE__ */ t.jsx(
+      h,
+      {
+        type: "text",
+        placeholder: "Max",
+        value: u ?? "",
+        onChange: (r) => {
+          const n = r.currentTarget.value;
+          s(n), a([l, n]);
+        }
+      }
+    ) })
+  ] });
+}
+function je({
+  item: e,
+  pathPrefix: a
+}) {
+  var d;
+  const { setPath: l } = p(), { infos: i } = X(e), u = `${a}.value`;
+  if (e == null || W.includes(
+    e.matcher
+  ))
+    return null;
+  const s = e;
+  let r = (d = i == null ? void 0 : i.field) == null ? void 0 : d.type;
+  r == null && (r = Y(s.value)), (typeof s.value == "string" && /^{{.*}}$/.test(s.value) || Array.isArray(s.value) && s.value.some(
+    (c) => typeof c == "string" && /^{{.*}}$/.test(c)
+  )) && (r = "string");
+  let n = null;
+  switch (r) {
+    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.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": {
+      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;
+    }
+    default: {
+      R(s.matcher);
+      break;
+    }
+  }
+  switch (n) {
+    case "date": {
+      const c = A(
+        typeof s.value == "string" ? s.value : ""
+      );
+      return /* @__PURE__ */ t.jsx(
+        te,
+        {
+          value: T(c) ? c : void 0,
+          showTimeSelect: !0,
+          placeholder: "Enter value",
+          onChange: (o) => {
+            l(u, o == null ? void 0 : o.toJSON());
+          }
+        }
+      );
+    }
+    case "dateRange": {
+      const c = Array.isArray(s.value) ? s.value.map((o) => {
+        const f = A(typeof o == "string" ? o : "");
+        return T(f) ? f : null;
+      }) : [null, null];
+      return /* @__PURE__ */ t.jsx(
+        ee,
+        {
+          value: c,
+          showTimeSelect: !0,
+          onChange: (o) => {
+            l(
+              `${a}.value`,
+              o.map((f) => (f == null ? void 0 : f.toJSON()) ?? null)
+            );
+          }
+        }
+      );
+    }
+    case "numberRange":
+      return /* @__PURE__ */ t.jsx(
+        ye,
+        {
+          value: s.value,
+          onChange: (c) => {
+            l(u, c);
+          }
+        }
+      );
+    case "textRange":
+      return /* @__PURE__ */ t.jsx(
+        ve,
+        {
+          value: s.value,
+          onChange: (c) => {
+            l(u, c);
+          }
+        }
+      );
+    case "arrayMatch":
+      return /* @__PURE__ */ t.jsx(
+        be,
+        {
+          value: s.value,
+          pathPrefix: `${a}.value`
+        }
+      );
+    case "tag":
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          isMulti: !0,
+          isClearable: !1,
+          isCreatable: !0,
+          defaultValue: Array.isArray(s.value) ? s.value.map((c) => ({
+            label: c.toString(),
+            value: c
+          })) : [],
+          initialValues: [],
+          onSelect: (c) => {
+            U(c) && l(
+              `${a}.value`,
+              c.map((o) => {
+                if (r === "integer") {
+                  const f = parseInt(o.value.toString(), 10);
+                  return isNaN(f) ? null : f;
+                }
+                return o.value;
+              }).filter((o) => o != null)
+            );
+          }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ t.jsx(
+        h,
+        {
+          type: "number",
+          defaultValue: typeof s.value == "number" ? s.value : "",
+          placeholder: "Enter value",
+          onChange: (c) => {
+            l(
+              `${a}.value`,
+              parseInt(c.currentTarget.value, 10)
+            );
+          }
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ t.jsx(
+        j,
+        {
+          defaultValue: typeof s.value == "boolean" ? {
+            label: s.value ? "Yes" : "No",
+            value: s.value
+          } : void 0,
+          initialValues: [
+            { label: "Yes", value: !0 },
+            { label: "No", value: !1 }
+          ],
+          onSelect: (c) => {
+            $(c) && l(u, c.value);
+          }
+        }
+      );
+    case "text":
+    case null:
+      return /* @__PURE__ */ t.jsx(
+        h,
+        {
+          type: "text",
+          defaultValue: typeof s.value == "string" ? s.value : JSON.stringify(s.value),
+          placeholder: "Enter value",
+          onChange: (c) => {
+            l(u, c.currentTarget.value);
+          }
+        }
+      );
+    default:
+      return R();
+  }
+}
+function Ne({
+  item: e,
+  nestingLevel: a,
+  pathPrefix: l,
+  onDelete: i
+}) {
+  const { setPath: u } = p(), s = [];
+  return a < 2 && (s[0] ?? (s[0] = []), s[0].push(
+    /* @__PURE__ */ t.jsx(
+      S,
+      {
+        label: "Nest conditions",
+        onClick: () => {
+          var r;
+          u(
+            `${l}.nested.conditions.${(((r = e == null ? void 0 : e.nested) == null ? void 0 : r.conditions) ?? []).length}`,
+            void 0
+          );
+        }
+      }
+    )
+  )), i != null && (s[1] ?? (s[1] = []), s[1].push(
+    /* @__PURE__ */ t.jsx(
+      S,
+      {
+        label: "Delete",
+        onClick: () => {
+          u(`${l}`, null), i();
+        }
+      }
+    )
+  )), /* @__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 flex-grow p-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2 flex-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(
+          h,
+          {
+            type: "text",
+            defaultValue: e != null ? e.field : void 0,
+            onChange: (r) => {
+              u(`${l}.field`, r.currentTarget.value);
+            },
+            onBlur: (r) => {
+              u(`${l}.field`, r.currentTarget.value);
+            }
+          }
+        ) }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex-14", children: /* @__PURE__ */ t.jsx(me, { item: e, pathPrefix: l }) })
+      ] }),
+      /* @__PURE__ */ t.jsx(je, { item: e, pathPrefix: l })
+    ] }) }),
+    s.length > 0 && /* @__PURE__ */ t.jsx(
+      P,
+      {
+        className: "w-8 border-l border-gray-100 flex items-center justify-center self-stretch",
+        dropdownLabel: /* @__PURE__ */ t.jsx("button", { className: "flex items-center justify-center self-stretch flex-grow", children: /* @__PURE__ */ t.jsx(v, { name: "dotsThreeVertical", size: 16, weight: "bold" }) }),
+        dropdownItems: s.map((r, n, d) => /* @__PURE__ */ t.jsxs(I.Fragment, { children: [
+          r.map((c, o) => /* @__PURE__ */ t.jsx(I.Fragment, { children: c }, o)),
+          n < d.length - 1 && /* @__PURE__ */ t.jsx(ae, {})
+        ] }, n))
+      }
+    )
+  ] });
+}
+function B({
+  item: e,
+  children: a,
+  nestingLevel: l = 0,
+  pathPrefix: i
+}) {
+  var o, f;
+  const {
+    state: { selectedRuleIndex: u }
+  } = p(), s = ((o = e == null ? void 0 : e.conditions_logic) == null ? void 0 : o.toLowerCase()) ?? "and", { setPath: r } = p(), [n, d] = g(0), c = l > 0;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: C("query-group", {
+        "p-4 border border-gray-200 rounded-md": c
+      }),
+      children: [
+        a,
+        e != null && (e.conditions ?? []).length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          /* @__PURE__ */ t.jsxs(
+            "select",
+            {
+              onChange: (x) => {
+                r(
+                  `${i}.conditions_logic`,
+                  x.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__ */ t.jsxs("option", { value: "and", children: [
+                  c ? "Nested in " : "",
+                  "AND"
+                ] }),
+                /* @__PURE__ */ t.jsxs("option", { value: "or", children: [
+                  c ? "Nested in " : "",
+                  "OR"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx("div", { className: "border-l border-gray-200 ml-3 pt-3", children: (f = e == null ? void 0 : e.conditions) == null ? void 0 : f.map((x, m, b) => {
+            const y = m === b.length - 1;
+            return /* @__PURE__ */ t.jsxs(
+              "div",
+              {
+                className: "flex items-center mb-4 last:mb-0 relative",
+                children: [
+                  /* @__PURE__ */ t.jsx(_e, { rounded: y }),
+                  /* @__PURE__ */ t.jsx("div", { className: "ml-4 w-full", children: /* @__PURE__ */ t.jsx(
+                    B,
+                    {
+                      item: (x == null ? void 0 : x.nested) ?? void 0,
+                      nestingLevel: (x == null ? void 0 : x.nested) != null ? l + 1 : 0,
+                      pathPrefix: `${i}.conditions.${m}.nested`,
+                      children: /* @__PURE__ */ t.jsx(
+                        "div",
+                        {
+                          className: C({
+                            "mb-4": (x == null ? void 0 : x.nested) != null
+                          }),
+                          children: /* @__PURE__ */ t.jsx(
+                            Ne,
+                            {
+                              item: x,
+                              nestingLevel: l,
+                              pathPrefix: `${i}.conditions.${m}`,
+                              onDelete: b.length > 1 || l > 0 ? () => {
+                                d((_) => _ + 1);
+                              } : void 0
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) })
+                ]
+              },
+              `${u}-${m}-${n}`
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+function _e({
+  rounded: e = !1
+}) {
+  return e ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "absolute -left-[1px] top-1/2 w-px h-1/2 bg-white" }),
+    /* @__PURE__ */ t.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__ */ t.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-3.5 h-px bg-gray-200" });
+}
+function we() {
+  var s;
+  const {
+    setPath: e,
+    state: { value: a, selectedRuleIndex: l }
+  } = p(), [i, u] = g(
+    ((s = a.rules[l]) == null ? void 0 : s.name) ?? ""
+  );
+  return N(() => {
+    var r;
+    u(((r = a.rules[l]) == null ? void 0 : r.name) ?? "");
+  }, [l]), /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      contentEditable: "plaintext-only",
+      suppressContentEditableWarning: !0,
+      onInput: (r) => {
+        const d = r.currentTarget.innerText.replace(/[\n\s]+/g, " ").trim();
+        e(`rules.${l}.name`, d);
+      },
+      onKeyDown: (r) => {
+        r.key === "Enter" && (r.preventDefault(), r.currentTarget.blur());
+      },
+      onBlur: (r) => {
+        const n = r.currentTarget;
+        n.innerText = n.innerText.replace(/[\n\s]+/g, " ").trim();
+      },
+      children: i
+    },
+    l
+  );
+}
+const L = {
+  rules: []
+}, V = (e) => {
+  try {
+    return JSON.parse(e ?? JSON.stringify(L));
+  } catch {
+    return L;
+  }
+}, Te = (e) => {
+  try {
+    return JSON.parse(e ?? "{}"), !0;
+  } catch {
+    return !1;
+  }
+};
+function Ae(e) {
+  const [a, l] = g(
+    V(e.value ?? e.defaultValue)
+  );
+  return N(
+    function() {
+      a.rules.length === 0 && l(V(e.value));
+    },
+    [e.value]
+  ), /* @__PURE__ */ t.jsx(fe, { initialValue: { rules: a.rules }, children: /* @__PURE__ */ t.jsx(Ce, { ...e }) });
+}
+function Ce(e) {
+  const {
+    state: { value: a, selectedRuleIndex: l },
+    setSelectedRuleIndex: i,
+    setValue: u,
+    setPath: s
+  } = p(), [r, n] = g(
+    e.defaultCodeEditorVisible ?? !1
+  ), d = a.rules[l], c = ce(null), [o, f] = g(0);
+  N(
+    function() {
+      var b, y, _;
+      E(V((b = c.current) == null ? void 0 : b.getValue()), a) || (y = c.current) == null || y.setValue(JSON.stringify(a, null, 2)), (_ = e.onChange) == null || _.call(e, a);
+    },
+    [a]
+  );
+  const x = w(
+    (m) => {
+      const b = V(m);
+      c.current != null && c.current.hasTextFocus() && Te(m) && !E(b, a) && (u(b), f((y) => y + 1));
+    },
+    [a]
+  );
+  return /* @__PURE__ */ t.jsx(
+    le,
+    {
+      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 ${r ? "" : "grow"}`,
+            children: [
+              /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "flex items-center gap-4 flex-wrap", children: [
+                  a.rules.map((m, b) => {
+                    const y = `#${(b + 1).toString().padStart(2, "0")}`;
+                    return /* @__PURE__ */ t.jsx(
+                      "button",
+                      {
+                        className: C("font-bold", {
+                          "text-black": l === b
+                        }),
+                        onClick: () => {
+                          i(b);
+                        },
+                        children: y
+                      },
+                      m.id
+                    );
+                  }),
+                  /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      className: C("font-bold", {
+                        "text-black": !0
+                      }),
+                      onClick: () => {
+                        s(`rules.${a.rules.length}`, {
+                          name: "Rule name",
+                          actions: [null],
+                          conditions: [null]
+                        }), i(a.rules.length);
+                      },
+                      children: /* @__PURE__ */ t.jsx(v, { name: "plus", size: 16, className: "shrink-0" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t.jsx("div", { className: "flex-grow flex justify-end", children: /* @__PURE__ */ t.jsx(
+                  "button",
+                  {
+                    className: "text-blue-600 hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
+                    onClick: () => {
+                      n(!r);
+                    },
+                    children: /* @__PURE__ */ t.jsx(v, { name: "sidebarSimple", size: 16, color: "#101111" })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t.jsxs($e, { children: [
+                /* @__PURE__ */ t.jsxs("div", { className: "mb-8 flex items-center gap-2", children: [
+                  /* @__PURE__ */ t.jsx(we, {}),
+                  /* @__PURE__ */ t.jsx(v, { name: "pencilSimple", size: 16, className: "shrink-0" })
+                ] }),
+                /* @__PURE__ */ t.jsx(J, { title: "Actions", icon: "lightning", children: /* @__PURE__ */ t.jsx(ge, { actions: d == null ? void 0 : d.actions }) }),
+                /* @__PURE__ */ t.jsx(Ve, { children: "when" }),
+                /* @__PURE__ */ t.jsxs(J, { title: "Conditions", icon: "treeView", children: [
+                  /* @__PURE__ */ t.jsx(
+                    B,
+                    {
+                      item: d,
+                      pathPrefix: `rules.${l}`
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsxs(
+                    z,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      alignItems: "center",
+                      onClick: () => {
+                        var m;
+                        s(
+                          `rules.${l}.conditions.${((m = d == null ? void 0 : d.conditions) == null ? void 0 : m.length) ?? 0}`,
+                          void 0
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ t.jsx(v, { name: "plusCircle" }),
+                        " Add condition"
+                      ]
+                    }
+                  ) })
+                ] })
+              ] })
+            ]
+          },
+          o
+        ),
+        r && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 basis-2/5", children: /* @__PURE__ */ t.jsx(
+          ne,
+          {
+            ref: c,
+            name: e.id ?? e.name,
+            height: "100%",
+            language: "json",
+            jsonSchema: "order-rules",
+            defaultValue: JSON.stringify(a, null, 2),
+            noRounding: !0,
+            onChange: x
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function Ve({ 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 J({
+  children: e,
+  title: a,
+  icon: l
+}) {
+  return /* @__PURE__ */ t.jsxs("div", { className: "rounded-md bg-white shadow-sm", 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-sm shadow-primary-200", children: /* @__PURE__ */ t.jsx(v, { name: l }) }),
+      /* @__PURE__ */ t.jsx("h2", { className: "text-lg font-semibold", children: a })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "p-6", children: e })
+  ] });
+}
+function $e({
+  children: e
+}) {
+  return /* @__PURE__ */ t.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__ */ t.jsx("div", { className: "max-w-[900px] mx-auto", children: e }) });
+}
+export {
+  Ae as RuleEngine
+};