@feedmepos/mf-connect 0.0.11-prod → 0.0.12-prod

package/dist/RuleGroup.vue_vue_type_script_setup_true_lang-CzOiRmO3.js

@@ -0,0 +1,1750 @@
+import { defineComponent as $, computed as I, resolveComponent as g, openBlock as n, createElementBlock as F, createElementVNode as C, createVNode as y, unref as e, createTextVNode as ee, toDisplayString as j, withCtx as M, onMounted as K, createBlock as x, createCommentVNode as A, ref as P, Fragment as Y, renderList as N, normalizeClass as L, watch as ie, resolveDynamicComponent as ae, onBeforeMount as ue, isRef as me, createSlots as de } from "vue";
+import { c as pe, C as ce, d as ye, e as ve, f as fe } from "./index-BacICqbE.js";
+import { R as _, a as be } from "./rule-builder-C484wKRf.js";
+import { a as ge, R, S as ke, C as H, W as Ve, T as ne, O as Ee } from "./rule-CWGFyRio.js";
+import { p as Fe } from "./loading-C0Im7NLc.js";
+import { useDialog as te, useDialogChild as se } from "@feedmepos/ui-library";
+import { h as J } from "./moment-BWErdI6_.js";
+import { z as Se, a as re } from "./app-CJmGoLdT.js";
+import { u as z } from "./membership-BWDFt2D0.js";
+import { _ as D } from "./index-CwRopfKJ.js";
+import { c as le } from "./object-qECH92oz.js";
+import { Z } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { x as xe } from "./app-C-JARJOh.js";
+import "./index-BuYuArTc.js";
+import "./index-DrekSEPv.js";
+import "./index-DBs-f_OF.js";
+import "./index-BifZnXOd.js";
+import "./index-jXbGzZIZ.js";
+const he = { class: "flex items-center justify-between" }, Te = { class: "flex items-center gap-8 xs:flex-wrap" }, Ce = /* @__PURE__ */ C("div", { class: "h-[26px] border-l-2 rounded-md border-fm-color-neutral-gray-100" }, null, -1), Ue = { class: "text-fm-color-primary line-clamp-1 text-ellipsis" }, Re = /* @__PURE__ */ $({
+  __name: "RuleEntry",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["edit", "remove"],
+  setup(a, { emit: U }) {
+    const v = a, s = I(() => {
+      const [i, u] = Object.entries(v.modelValue.conditions)[0];
+      return {
+        negated: v.modelValue.negated == !0,
+        property: v.modelValue.property,
+        operator: i,
+        equator: u
+      };
+    }), l = U, f = I(
+      () => ge(
+        s.value.property,
+        s.value.operator,
+        s.value.equator,
+        s.value.negated
+      )
+    );
+    async function t(i) {
+      i.stopPropagation(), await Fe.remove("Are you sure you want to remove this rule?") && l("remove", v.modelValue);
+    }
+    return (i, u) => {
+      var V;
+      const b = g("FmChip"), p = g("FmTooltip"), k = g("FmIcon");
+      return n(), F("div", he, [
+        C("div", Te, [
+          y(b, {
+            label: (V = e(pe).find((S) => S.property === v.modelValue.property)) == null ? void 0 : V.name,
+            class: "!text-fm-color-typo-info !bg-fm-color-system-info-100"
+          }, null, 8, ["label"]),
+          Ce,
+          C("div", {
+            onClick: u[0] || (u[0] = (S) => l("edit", v.modelValue)),
+            class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 text-fm-color-typo-primary !bg-transparent border-dashed border-2 fm-typo-en-body-md-600 cursor-pointer"
+          }, [
+            ee(j(e(f)[0]) + " ", 1),
+            y(p, {
+              "z-index": 1e3,
+              content: e(f)[1]
+            }, {
+              default: M(() => [
+                C("div", Ue, j(e(f)[1]), 1)
+              ]),
+              _: 1
+            }, 8, ["content"])
+          ])
+        ]),
+        y(k, {
+          name: "close",
+          size: "md",
+          class: "cursor-pointer hover:bg-neutral-300 rounded-lg",
+          onClick: t
+        })
+      ]);
+    };
+  }
+});
+Se.enum([
+  "MIN_SPEND",
+  "SPECIFIC_DATE",
+  "SPECIFIC_TIMERANGE",
+  "WEEKLY",
+  "MONTHLY",
+  "BIRTHDAY",
+  "TIER",
+  "TITLE",
+  "CUSTOM"
+]);
+const Oe = [
+  {
+    type: "MIN_SPEND",
+    name: "Minimum spend",
+    for: ["bill"],
+    rules: []
+  },
+  {
+    type: "SPECIFIC_DATE",
+    name: "Specific date",
+    for: ["trigger"],
+    rules: []
+  },
+  {
+    type: "SPECIFIC_TIMERANGE",
+    name: "Specific time range",
+    for: ["trigger"],
+    rules: []
+  },
+  {
+    type: "WEEKLY",
+    name: "Weekly",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=WEEKLY;WKST=SU;BYDAY=SU;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "MONTHLY",
+    name: "Monthly",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=MONTHLY;WKST=SU;BYMONTHDAY=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "BIRTHDAY",
+    name: "Birthday",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.birthday",
+        operator: "_isDay",
+        equator: {
+          op: "this",
+          unit: "day",
+          ignoreYear: !0
+        }
+      }
+    ]
+  },
+  {
+    type: "TIER",
+    name: "Specific tier",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.tier",
+        operator: "_equal",
+        equator: 1
+      }
+    ]
+  },
+  {
+    type: "TITLE",
+    name: "Specific title",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.titles",
+        operator: "_hasAny",
+        equator: []
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Weekday special",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=WEEKLY;WKST=SU;BYDAY=MO,TU,WE,TH,FR;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Weekend special",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=WEEKLY;WKST=SU;BYDAY=SU,SA;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Happy hour",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.time",
+        operator: "_isBetweenTime",
+        equator: [
+          {
+            start: "21:00",
+            end: "23:59"
+          }
+        ]
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Mother's day special",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=YEARLY;WKST=SU;BYDAY=+2SU;BYMONTH=5;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Father's day special",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=YEARLY;WKST=SU;BYDAY=+3SU;BYMONTH=6;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Christmas",
+    for: ["trigger"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_rrule",
+        equator: "RRULE:FREQ=YEARLY;WKST=SU;BYMONTH=12;BYMONTHDAY=25;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Feedback rating",
+    for: ["feedback"],
+    rules: [
+      {
+        property: "feedback.rating",
+        operator: "_lessThanOrEqual",
+        equator: 5
+      }
+    ]
+  },
+  {
+    type: "CUSTOM",
+    name: "Custom",
+    for: ["trigger", "user", "bill", "feedback"],
+    rules: [
+      {
+        property: "trigger.date",
+        operator: "_isOnDate",
+        equator: J().format("YYYY-MM-DD")
+      }
+    ]
+  }
+], we = { class: "flex flex-nowrap gap-x-4 items-center" }, Ye = /* @__PURE__ */ $({
+  __name: "IsDayInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = U;
+    K(() => {
+      v.modelValue || s("update:model-value", {
+        op: "before",
+        x: 1
+      });
+    });
+    function l(f) {
+      const t = le(
+        v.modelValue ?? {
+          op: "before",
+          x: 1
+        }
+      );
+      s("update:model-value", {
+        ...t,
+        ...f
+      });
+    }
+    return (f, t) => {
+      var u, b, p;
+      const i = g("FmStepperField");
+      return n(), F("div", we, [
+        y(i, {
+          class: "w-1/3",
+          "model-value": ((u = a.modelValue) == null ? void 0 : u.x) ?? null,
+          max: 365,
+          "show-steppers": !1,
+          "append-text": "days",
+          "onUpdate:modelValue": t[0] || (t[0] = (k) => l({ x: k }))
+        }, null, 8, ["model-value"]),
+        y(D, {
+          "model-value": ((b = a.modelValue) == null ? void 0 : b.op) ?? void 0,
+          items: [
+            { label: "before", value: "before" },
+            { label: "after", value: "after" }
+          ],
+          "onUpdate:modelValue": t[1] || (t[1] = (k) => l({ op: k }))
+        }, null, 8, ["model-value"]),
+        y(D, {
+          "model-value": ((p = a.modelValue) == null ? void 0 : p.ignoreYear) ?? !1,
+          items: [
+            { label: "same year", value: !1 },
+            { label: "ignore year", value: !0 }
+          ],
+          required: !0,
+          "onUpdate:modelValue": t[2] || (t[2] = (k) => l({ ignoreYear: k == !0 }))
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+}), _e = { class: "grid grid-cols-4 gap-x-4 items-center" }, De = /* @__PURE__ */ $({
+  __name: "IsRangeInput",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({
+        op: "this",
+        unit: "day",
+        ignoreYear: !0
+      })
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = U;
+    K(() => {
+      v.modelValue || s("update:model-value", {
+        op: "this",
+        unit: "day",
+        ignoreYear: !0
+      });
+    });
+    const l = [
+      { label: "day", value: "day" },
+      { label: "week", value: "week" },
+      { label: "month", value: "month" },
+      { label: "quarter", value: "quarter" },
+      { label: "year", value: "year" }
+    ], f = [
+      {
+        label: "this",
+        value: "this"
+      },
+      {
+        label: "last",
+        value: "last"
+      },
+      {
+        label: "next",
+        value: "next"
+      }
+    ];
+    return (t, i) => {
+      var b, p, k, V, S;
+      const u = g("FmStepperField");
+      return n(), F("div", _e, [
+        y(D, {
+          "model-value": (b = a.modelValue) == null ? void 0 : b.op,
+          label: "",
+          items: f,
+          required: !0,
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => s("update:model-value", { op: m, unit: "day", ignoreYear: !1 }))
+        }, null, 8, ["model-value"]),
+        ((p = a.modelValue) == null ? void 0 : p.op) != "this" ? (n(), x(u, {
+          key: 0,
+          "model-value": ((k = a.modelValue) == null ? void 0 : k.x) || 0,
+          max: 365,
+          "show-steppers": !1,
+          "onUpdate:modelValue": i[1] || (i[1] = (m) => s("update:model-value", {
+            op: a.modelValue.op,
+            unit: a.modelValue.unit,
+            ignoreYear: a.modelValue.ignoreYear == !0,
+            x: m
+          }))
+        }, null, 8, ["model-value"])) : A("", !0),
+        y(D, {
+          "model-value": (V = a.modelValue) == null ? void 0 : V.unit,
+          label: "",
+          items: l,
+          required: !0,
+          "onUpdate:modelValue": i[2] || (i[2] = (m) => s("update:model-value", { ...v.modelValue, unit: m }))
+        }, null, 8, ["model-value"]),
+        y(D, {
+          label: "",
+          "model-value": (S = a.modelValue) == null ? void 0 : S.ignoreYear,
+          items: [
+            { label: "same", value: !1 },
+            { label: "ignore", value: !0 }
+          ],
+          required: !0,
+          "onUpdate:modelValue": i[3] || (i[3] = (m) => s("update:model-value", {
+            ...v.modelValue,
+            ignoreYear: m == !0
+          }))
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+}), Ie = { class: "space-y-8" }, Me = { class: "text-fm-color-primary rounded-md border-dashed border-2 p-8" }, Be = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, qe = /* @__PURE__ */ C("div", null, "Repeat every", -1), $e = /* @__PURE__ */ C("div", null, "Repeat on", -1), Ne = { class: "flex gap-4" }, Ae = {
+  key: 0,
+  class: "grid grid-cols-7 overflow-hidden rounded-md border-1"
+}, Pe = ["onClick"], Le = {
+  key: 1,
+  class: "flex items-center gap-8"
+}, He = { class: "flex gap-4 xs:gap-[2px]" }, je = /* @__PURE__ */ C("div", null, "Month", -1), We = { class: "grid grid-cols-6 gap-8" }, Ge = {
+  key: 0,
+  class: "grid grid-cols-7 overflow-hidden rounded-md border-1"
+}, Ke = ["onClick"], Qe = {
+  key: 1,
+  class: "grid grid-cols-2 items-center gap-8"
+}, ze = { class: "flex gap-4" }, Ze = {
+  key: 4,
+  class: "flex items-center justify-end gap-8"
+}, X = /* @__PURE__ */ $({
+  __name: "RruleInput",
+  props: {
+    modelValue: {
+      type: String
+    },
+    startDate: {
+      type: Object
+    },
+    applyButton: {
+      type: Boolean
+    },
+    fixedFrequency: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value", "cancel"],
+  setup(a, { emit: U }) {
+    const v = a, s = U, l = P(
+      v.modelValue ? R.fromString(v.modelValue) : new R({
+        dtstart: v.startDate,
+        freq: R.DAILY,
+        wkst: R.SU,
+        interval: 1,
+        byhour: 0,
+        byminute: 0,
+        bysecond: 0
+      })
+    );
+    function f(t) {
+      var i;
+      "freq" in t && (l.value = new R({
+        dtstart: v.startDate,
+        freq: t.freq,
+        interval: 1,
+        byhour: 0,
+        byminute: 0,
+        bysecond: 0,
+        wkst: R.SU
+      })), t.interval && t.interval > 0 && (l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        interval: t.interval
+      })), "byweekday" in t && t.byweekday && Array.isArray(t.byweekday) && t.byweekday.length > 0 && (l.value.options.bymonthday.length > 0 && l.value.options.freq == R.MONTHLY && (l.value.options.bymonthday = []), l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        bymonthday: [],
+        byweekday: t.byweekday
+      })), "bysetpos" in t && t.bysetpos != null && (l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        bymonthday: [],
+        bysetpos: t.bysetpos,
+        byweekday: ((i = l.value.options.byweekday) == null ? void 0 : i.length) > 0 ? l.value.options.byweekday : [6]
+      })), "bymonthday" in t && t.bymonthday && Array.isArray(t.bymonthday) && t.bymonthday.length > 0 && (l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        bysetpos: [],
+        byweekday: [],
+        bymonthday: t.bymonthday
+      })), "bymonth" in t && t.bymonth && Array.isArray(t.bymonth) && t.bymonth.length > 0 && (l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        bysetpos: [],
+        bymonth: t.bymonth
+      })), "bynweekday" in t && t.bynweekday && (l.value = new R({
+        ...l.value.origOptions,
+        dtstart: v.startDate,
+        bysetpos: [],
+        byweekday: new Ve(
+          t.bynweekday[0][0],
+          t.bynweekday[0][1]
+        )
+      })), v.applyButton || s("update:model-value", l.value.toString());
+    }
+    return K(() => {
+      v.modelValue || s(
+        "update:model-value",
+        new R({
+          dtstart: v.startDate,
+          freq: R.DAILY,
+          wkst: R.SU,
+          interval: 1,
+          byhour: 0,
+          byminute: 0,
+          bysecond: 0
+        }).toString()
+      );
+    }), (t, i) => {
+      var V, S, m;
+      const u = g("FmStepperField"), b = g("FmChip"), p = g("FmButtonGroup"), k = g("FmButton");
+      return n(), F("div", Ie, [
+        C("div", Me, j(e(ke)(e(l).options)), 1),
+        a.fixedFrequency ? A("", !0) : (n(), F("div", Be, [
+          qe,
+          y(u, {
+            class: "w-[100px]",
+            "model-value": e(l).options.interval,
+            "onUpdate:modelValue": i[0] || (i[0] = (o) => f({ interval: o > 0 ? o : e(l).options.interval })),
+            min: 1
+          }, null, 8, ["model-value"]),
+          y(D, {
+            class: "w-min",
+            items: e(H).frequencies,
+            "model-value": e(l).origOptions.freq,
+            "onUpdate:modelValue": i[1] || (i[1] = (o) => f({ freq: o }))
+          }, null, 8, ["items", "model-value"])
+        ])),
+        e(l).options.freq === e(R).WEEKLY ? (n(), F(Y, { key: 1 }, [
+          $e,
+          C("div", Ne, [
+            (n(!0), F(Y, null, N(e(H).weekdays, (o) => {
+              var d;
+              return n(), x(b, {
+                class: L(["cursor-pointer", `${(d = e(l).options.byweekday) != null && d.includes(o.value) ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                label: o.label[0],
+                key: o.value,
+                compact: !0,
+                onClick: () => {
+                  var c, h;
+                  f({
+                    byweekday: (c = e(l).options.byweekday) != null && c.includes(o.value) ? ((h = e(l).options.byweekday) == null ? void 0 : h.filter((E) => E !== o.value)) || [] : [...e(l).options.byweekday || [], o.value]
+                  });
+                }
+              }, null, 8, ["class", "label", "onClick"]);
+            }), 128))
+          ])
+        ], 64)) : A("", !0),
+        e(l).options.freq == e(R).MONTHLY ? (n(), F(Y, { key: 2 }, [
+          y(p, {
+            "model-value": e(l).options.bymonthday.length ? { label: "Each" } : { label: "On the" },
+            items: [
+              {
+                label: "Each"
+              },
+              {
+                label: "On the"
+              }
+            ],
+            "onUpdate:modelValue": i[2] || (i[2] = (o) => {
+              o.label == "Each" ? f({ bymonthday: [1] }) : f({ bysetpos: 1 });
+            })
+          }, null, 8, ["model-value"]),
+          e(l).options.bymonthday.length > 0 ? (n(), F("div", Ae, [
+            (n(!0), F(Y, null, N(e(H).dates, (o) => (n(), F("div", {
+              key: o.value,
+              class: L(["cursor-pointer text-center outline-1 outline-fm-color-neutral-gray-100 outline", `${e(l).options.bymonthday.includes(o.value) ? "bg-fm-color-primary text-fm-color-typo-white outline-transparent" : "bg-transparent text-fm-color-typo-primary"} ${o.value == 31 ? "border-r" : ""}`]),
+              onClick: (d) => f({
+                bymonthday: e(l).options.bymonthday.includes(o.value) ? e(l).options.bymonthday.filter((c) => c !== o.value) : [...e(l).options.bymonthday, o.value]
+              })
+            }, j(o.value), 11, Pe))), 128))
+          ])) : (n(), F("div", Le, [
+            y(D, {
+              items: e(H).ordinals,
+              "model-value": (V = e(l).options.bysetpos) == null ? void 0 : V[0],
+              "onUpdate:modelValue": i[3] || (i[3] = (o) => f({ bysetpos: o }))
+            }, null, 8, ["items", "model-value"]),
+            C("div", He, [
+              (n(!0), F(Y, null, N(e(H).weekdays, (o) => {
+                var d;
+                return n(), x(b, {
+                  class: L(["cursor-pointer", `${(d = e(l).options.byweekday) != null && d.includes(o.value) ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                  label: o.label[0],
+                  key: o.value,
+                  compact: !0,
+                  onClick: () => {
+                    f({
+                      byweekday: [o.value]
+                    });
+                  }
+                }, null, 8, ["class", "label", "onClick"]);
+              }), 128))
+            ])
+          ]))
+        ], 64)) : A("", !0),
+        e(l).options.freq == e(R).YEARLY ? (n(), F(Y, { key: 3 }, [
+          je,
+          C("div", We, [
+            (n(!0), F(Y, null, N(e(H).months, (o) => {
+              var d, c;
+              return n(), x(b, {
+                key: o.value,
+                class: L(["cursor-pointer", {
+                  "bg-fm-color-primary text-white": (d = e(l).options.bymonth) == null ? void 0 : d.includes(
+                    o.value
+                  ),
+                  "bg-fm-color-gray-200 text-fm-color-gray-800": !((c = e(l).options.bymonth) != null && c.includes(o.value))
+                }]),
+                label: o.shortName,
+                compact: !0,
+                onClick: (h) => f({
+                  bymonth: (e(l).options.bymonth ?? []).includes(o.value) ? (e(l).options.bymonth ?? []).filter((E) => E !== o.value) : [...e(l).options.bymonth ?? [], o.value]
+                })
+              }, null, 8, ["class", "label", "onClick"]);
+            }), 128))
+          ]),
+          y(p, {
+            "model-value": e(l).options.bymonthday.length ? { label: "Each" } : { label: "On the" },
+            items: [
+              {
+                label: "Each"
+              },
+              {
+                label: "On the"
+              }
+            ],
+            "onUpdate:modelValue": i[4] || (i[4] = (o) => {
+              o.label == "Each" ? f({
+                bymonthday: [1],
+                bymonth: e(l).options.bymonth ?? [1]
+              }) : f({
+                byweekday: [e(R).SU.nth(1)],
+                bymonth: e(l).options.bymonth ?? [1]
+              });
+            })
+          }, null, 8, ["model-value"]),
+          e(l).options.bymonthday.length > 0 ? (n(), F("div", Ge, [
+            (n(!0), F(Y, null, N(Array(31).fill(null).map((o, d) => d + 1), (o) => (n(), F("div", {
+              key: o,
+              class: L(["cursor-pointer text-center outline-1 outline-fm-color-neutral-gray-100 outline", `${e(l).options.bymonthday.includes(o) ? "bg-fm-color-primary text-fm-color-typo-white outline-transparent" : "bg-transparent text-fm-color-typo-primary"} ${o == 31 ? "border-r" : ""}`]),
+              onClick: (d) => f({
+                bymonthday: e(l).options.bymonthday.includes(o) ? e(l).options.bymonthday.filter((c) => c !== o) : [...e(l).options.bymonthday, o]
+              })
+            }, j(o), 11, Ke))), 128))
+          ])) : (n(), F("div", Qe, [
+            y(D, {
+              items: e(H).ordinals,
+              "model-value": (m = (S = e(l).options.bynweekday) == null ? void 0 : S[0]) == null ? void 0 : m[1],
+              "onUpdate:modelValue": i[5] || (i[5] = (o) => {
+                var d, c;
+                return f({
+                  bynweekday: [[((c = (d = e(l).options.bynweekday) == null ? void 0 : d[0]) == null ? void 0 : c[0]) ?? 1, o]]
+                });
+              })
+            }, null, 8, ["items", "model-value"]),
+            C("div", ze, [
+              (n(!0), F(Y, null, N(e(H).weekdays, (o) => {
+                var d, c;
+                return n(), x(b, {
+                  class: L(["cursor-pointer", `${((c = (d = e(l).options.bynweekday) == null ? void 0 : d[0]) == null ? void 0 : c[0]) === o.value ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                  label: o.label[0],
+                  key: o.value,
+                  compact: !0,
+                  onClick: () => {
+                    var h, E;
+                    f({
+                      bynweekday: [
+                        [o.value, ((E = (h = e(l).options.bynweekday) == null ? void 0 : h[0]) == null ? void 0 : E[1]) ?? 1]
+                      ]
+                    });
+                  }
+                }, null, 8, ["class", "label", "onClick"]);
+              }), 128))
+            ])
+          ]))
+        ], 64)) : A("", !0),
+        a.applyButton ? (n(), F("div", Ze, [
+          y(k, {
+            label: "Cancel",
+            variant: "tertiary",
+            onClick: i[6] || (i[6] = (o) => s("cancel"))
+          }),
+          y(k, {
+            label: "Apply",
+            onClick: i[7] || (i[7] = (o) => s("update:model-value", e(l).toString()))
+          })
+        ])) : A("", !0)
+      ]);
+    };
+  }
+}), Je = { class: "grid grid-cols-4 gap-8 w-full flex-wrap py-16" }, Xe = /* @__PURE__ */ $({
+  __name: "IsInMonthInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = U, l = J.months().map((f, t) => ({
+      name: f,
+      shortName: J().month(t).format("MMM"),
+      value: t
+    }));
+    return K(() => {
+      v.modelValue || s("update:model-value", []);
+    }), (f, t) => {
+      const i = g("FmChip");
+      return n(), F("div", Je, [
+        (n(!0), F(Y, null, N(e(l), (u) => {
+          var b, p;
+          return n(), x(i, {
+            class: L(["cursor-pointer", {
+              "bg-fm-color-primary text-white": (b = a.modelValue) == null ? void 0 : b.includes(u.value),
+              "bg-fm-color-gray-200 text-fm-color-gray-800": !((p = a.modelValue) != null && p.includes(
+                u.value
+              ))
+            }]),
+            label: u.name,
+            key: u.value,
+            compact: !0,
+            onClick: (k) => s(
+              "update:model-value",
+              a.modelValue.includes(u.value) ? a.modelValue.filter((V) => V !== u.value) : [...a.modelValue, u.value]
+            )
+          }, null, 8, ["class", "label", "onClick"]);
+        }), 128))
+      ]);
+    };
+  }
+}), et = { class: "flex flex-col flex-nowrap" }, tt = { class: "flex gap-16 items-center w-full" }, lt = { class: "flex grow items-center" }, ot = { class: "grow text-fm-color-typo-secondary" }, at = { key: 0 }, nt = { class: "px-16" }, rt = /* @__PURE__ */ $({
+  __name: "SelectItems",
+  props: {
+    initialValue: {
+      type: Array,
+      default: () => []
+    },
+    filterItems: {
+      type: Function,
+      default: void 0
+    },
+    onComplete: {
+      type: Function,
+      required: !0
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: 380
+    }
+  },
+  setup(a, { expose: U }) {
+    const v = a, s = xe(), l = I(() => s.menu.value || {
+      _id: "",
+      modules: {
+        catalog: [],
+        category: [],
+        item: [],
+        variant: [],
+        group: [],
+        takeaway: [],
+        scheduler: [],
+        printDepartment: [],
+        recipe: [],
+        sku: [],
+        unit: [],
+        cookingGuide: [],
+        serveSequence: []
+      }
+    }), f = I(() => {
+      const o = v.filterItems ?? ((c) => !!c.category);
+      return l.value.modules.item.filter(o).reduce((c, h) => {
+        const E = {
+          id: h._id,
+          category: h.category,
+          name: (h.name2 || h.name).trim()
+        };
+        return c = [...c, E], c;
+      }, []);
+    }), t = I(() => {
+      const o = l.value.modules.category.reduce((d, c) => (d[c._id] = {
+        id: c._id,
+        name: c.name,
+        items: {}
+      }, d), {});
+      return f.value.reduce(
+        (d, c) => {
+          const h = c.category ?? "";
+          return d[h].items = {
+            ...d[h].items,
+            [c.id]: c
+          }, d;
+        },
+        {
+          ...o,
+          "": {
+            id: "",
+            name: "Addons",
+            items: {}
+          }
+        }
+      );
+    }), i = I(() => {
+      const o = b.value.toLowerCase();
+      return o ? Object.entries(t.value).reduce((d, [c, h]) => {
+        if (h.name.toLowerCase().includes(o))
+          return d[c] = h, d;
+        const E = Object.entries(h.items).reduce((r, [B, O]) => (O.name.toLowerCase().includes(o) && (r[B] = O), r), {});
+        return Object.keys(E).length > 0 && (d[c] = { ...h, items: E }), d;
+      }, {}) : t.value;
+    }), u = P({}), b = P(""), p = I(() => Object.values(u.value).filter((o) => !!o).length);
+    function k(o) {
+      u.value = f.value.reduce((d, c) => (d[c.id] = o.includes(c.id), d), {});
+    }
+    K(async () => {
+      await s.getMenu(), k(v.initialValue);
+    });
+    function V(o) {
+      const d = Object.keys(i.value[o].items), c = d.filter((h) => u.value[h]);
+      return c.length ? c.length === d.length ? !0 : null : !1;
+    }
+    function S(o) {
+      const d = Object.keys(i.value[o].items), c = V(o), h = le(u.value);
+      for (const E of d)
+        h[E] = c !== !0;
+      u.value = h;
+    }
+    function m(o) {
+      u.value[o] = !u.value[o];
+    }
+    return U({
+      onConfirm: () => {
+        const o = Object.entries(u.value).filter(([, d]) => !!d).map(([d]) => d);
+        v.onComplete(o);
+      }
+    }), (o, d) => {
+      const c = g("fm-button"), h = g("FmTextField"), E = g("fm-list-item"), r = g("fm-checkbox"), B = g("fm-list");
+      return n(), F("div", et, [
+        y(E, {
+          tag: "div",
+          clickable: !1
+        }, {
+          default: M(() => [
+            C("div", tt, [
+              C("div", lt, [
+                y(c, {
+                  icon: "sync",
+                  variant: "tertiary",
+                  onClick: d[0] || (d[0] = () => k([]))
+                }),
+                C("span", ot, j(p.value) + " product(s) selected ", 1)
+              ]),
+              y(h, {
+                modelValue: b.value,
+                "onUpdate:modelValue": d[1] || (d[1] = (O) => b.value = O),
+                placeholder: "Search",
+                "leading-icon": { name: "search", color: "" },
+                style: { width: "200px", "min-width": "200px" }
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        y(B, {
+          class: L(["grow overflow-y-auto", `max-h-${v.maxHeight ? `[${v.maxHeight}px]` : "full"}`])
+        }, {
+          default: M(() => [
+            (n(!0), F(Y, null, N(i.value, (O) => (n(), F(Y, {
+              key: O.id
+            }, [
+              Object.keys(O.items).length > 0 ? (n(), F("div", at, [
+                C("div", nt, [
+                  y(r, {
+                    "model-value": V(O.id) ?? !1,
+                    indeterminate: V(O.id) === null,
+                    label: O.name,
+                    value: "",
+                    name: "",
+                    sublabel: "",
+                    class: "w-full",
+                    "onUpdate:modelValue": () => S(O.id)
+                  }, null, 8, ["model-value", "indeterminate", "label", "onUpdate:modelValue"])
+                ]),
+                (n(!0), F(Y, null, N(O.items, (q) => (n(), F("div", {
+                  key: q.id,
+                  class: "pl-48"
+                }, [
+                  y(r, {
+                    "model-value": u.value[q.id],
+                    label: q.name,
+                    value: q.id,
+                    name: q.name,
+                    class: "w-full",
+                    "onUpdate:modelValue": () => m(q.id)
+                  }, null, 8, ["model-value", "label", "value", "name", "onUpdate:modelValue"])
+                ]))), 128))
+              ])) : A("", !0)
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]);
+    };
+  }
+}), ut = /* @__PURE__ */ C("div", null, "Select Item", -1), st = { class: "" }, it = { class: "flex justify-end gap-8 w-full" }, mt = /* @__PURE__ */ $({
+  __name: "MenuDialog",
+  props: {
+    modelValue: { type: Boolean },
+    initialValue: {},
+    filterItems: { type: Function }
+  },
+  emits: ["update:model-value", "confirm"],
+  setup(a, { emit: U }) {
+    const v = a, s = P(), l = P(!1), f = U;
+    function t() {
+      var u;
+      (u = s.value) == null || u.onConfirm(), f("update:model-value", !1);
+    }
+    function i() {
+      f("update:model-value", !1);
+    }
+    return ie(
+      () => v.modelValue,
+      (u) => {
+        l.value = u;
+      }
+    ), K(() => {
+      l.value = v.modelValue;
+    }), (u, b) => {
+      const p = g("FmButton"), k = g("FmDialog");
+      return n(), x(k, {
+        "content-scrollable": !1,
+        contentClass: "pt-0",
+        modelValue: l.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (V) => l.value = V),
+        title: "Select Items",
+        "close-button": !1
+      }, {
+        "dialog-header": M(() => [
+          ut
+        ]),
+        "dialog-footer": M(() => [
+          C("div", it, [
+            y(p, {
+              variant: "tertiary",
+              onClick: i,
+              label: "Cancel"
+            }),
+            y(p, {
+              variant: "primary",
+              onClick: t,
+              label: "Confirm"
+            })
+          ])
+        ]),
+        default: M(() => [
+          C("div", st, [
+            y(rt, {
+              ref_key: "selectItemRef",
+              ref: s,
+              "initial-value": u.initialValue,
+              "filter-items": u.filterItems,
+              "on-complete": (V) => {
+                f("confirm", V), i();
+              }
+            }, null, 8, ["initial-value", "filter-items", "on-complete"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), dt = { id: "select-menu" }, pt = /* @__PURE__ */ $({
+  __name: "SelectMenu",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = P(!1), l = I(() => {
+      var i;
+      return ((i = v.modelValue) == null ? void 0 : i.length) || 0;
+    }), f = U;
+    function t(i) {
+      f("update:model-value", i);
+    }
+    return (i, u) => {
+      const b = g("FmField");
+      return n(), F("div", dt, [
+        y(b, {
+          class: "text-fm-color-typo-tertiary",
+          onClick: u[0] || (u[0] = (p) => s.value = !0)
+        }, {
+          default: M(() => [
+            ee(j(l.value) + " item(s) selected ", 1)
+          ]),
+          _: 1
+        }),
+        y(mt, {
+          modelValue: s.value,
+          "onUpdate:modelValue": [
+            u[1] || (u[1] = (p) => s.value = p),
+            u[2] || (u[2] = (p) => s.value = p)
+          ],
+          "initial-value": i.modelValue,
+          onConfirm: t
+        }, null, 8, ["modelValue", "initial-value"])
+      ]);
+    };
+  }
+}), ct = {
+  key: 17,
+  class: "fm-typo-en-body-lg-600"
+}, yt = /* @__PURE__ */ $({
+  __name: "RuleEquator",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    operator: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = U, l = I(() => {
+      const f = ce[v.operator].safeParse(v.modelValue);
+      return f.success ? [] : f.error.errors;
+    });
+    return (f, t) => {
+      var m, o, d, c, h, E;
+      const i = g("FmTextField"), u = g("FmStepperField"), b = g("FmSimpleDatePicker"), p = g("FmSimpleDateRangePicker"), k = g("FmTimeRangePicker"), V = g("FmTimePicker"), S = g("FmHelperText");
+      return n(), F("div", {
+        class: L({ "pb-4": e(l).length })
+      }, [
+        a.type === "text" ? (n(), x(i, {
+          key: 0,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.type === "number" ? (n(), x(u, {
+          key: 1,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[1] || (t[1] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_isDay" ? (n(), x(ae(Ye), {
+          key: 2,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[2] || (t[2] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_isRange" ? (n(), x(ae(De), {
+          key: 3,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[3] || (t[3] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_isOnDate" ? (n(), x(b, {
+          key: 4,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[4] || (t[4] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_isBetween" ? (n(), x(p, {
+          key: 5,
+          "model-value": {
+            startDate: (m = a.modelValue) == null ? void 0 : m.start,
+            endDate: (o = a.modelValue) == null ? void 0 : o.end
+          },
+          "onUpdate:modelValue": t[5] || (t[5] = (r) => {
+            s("update:model-value", {
+              start: r.startDate,
+              end: r.endDate
+            });
+          })
+        }, null, 8, ["model-value"])) : a.operator == "_isInMonth" ? (n(), x(Xe, {
+          key: 6,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[6] || (t[6] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_rrule" ? (n(), x(X, {
+          key: 7,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[7] || (t[7] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.operator == "_isBetweenTime" ? (n(), x(k, {
+          key: 8,
+          "model-value": [(c = (d = a.modelValue) == null ? void 0 : d[0]) == null ? void 0 : c.start, (E = (h = a.modelValue) == null ? void 0 : h[0]) == null ? void 0 : E.end],
+          "onUpdate:modelValue": t[8] || (t[8] = (r) => s("update:model-value", [
+            {
+              start: r[0],
+              end: r[1]
+            }
+          ]))
+        }, null, 8, ["model-value"])) : a.operator == "_isOnTime" ? (n(), x(V, {
+          key: 9,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[9] || (t[9] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.type == "tier" ? (n(), x(D, {
+          key: 10,
+          items: (e(z)().sortedTiers ?? []).map((r, B) => ({
+            label: `Tier ${B + 1} - ${r.name}`,
+            value: B + 1
+          })),
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[10] || (t[10] = (r) => s("update:model-value", r))
+        }, null, 8, ["items", "model-value"])) : a.type == "boolean" ? (n(), x(D, {
+          key: 11,
+          multiselect: !0,
+          items: [
+            { label: "true", value: !0 },
+            { label: "false", value: !1 }
+          ],
+          "model-value": a.modelValue ?? [],
+          "onUpdate:modelValue": t[11] || (t[11] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.type == "gender" ? (n(), x(D, {
+          key: 12,
+          multiselect: !0,
+          items: [
+            { label: "Male", value: "MALE" },
+            { label: "Female", value: "FEMALE" }
+          ],
+          "model-value": a.modelValue ?? [],
+          "onUpdate:modelValue": t[12] || (t[12] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.type == "collectible" ? (n(), x(D, {
+          key: 13,
+          multiselect: !0,
+          items: [],
+          "model-value": a.modelValue ?? [],
+          "onUpdate:modelValue": t[13] || (t[13] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : a.type == "segment" ? (n(), x(D, {
+          key: 14,
+          multiselect: !0,
+          items: e(z)().segmentOptions,
+          "model-value": a.modelValue ?? [],
+          "onUpdate:modelValue": t[14] || (t[14] = (r) => s("update:model-value", r)),
+          label: "Select segment(s) to match"
+        }, null, 8, ["items", "model-value"])) : a.type == "title" ? (n(), x(D, {
+          key: 15,
+          multiselect: !0,
+          items: (e(z)().sortedTitles ?? []).map((r) => ({
+            label: r.name,
+            value: r._id
+          })),
+          "model-value": a.modelValue ?? [],
+          "onUpdate:modelValue": t[15] || (t[15] = (r) => s("update:model-value", r))
+        }, null, 8, ["items", "model-value"])) : a.type == "product" ? (n(), x(pt, {
+          key: 16,
+          "model-value": a.modelValue,
+          "onUpdate:modelValue": t[16] || (t[16] = (r) => s("update:model-value", r))
+        }, null, 8, ["model-value"])) : (n(), F("div", ct, "Rule Not implemented")),
+        y(S, {
+          class: "items-end",
+          state: e(Z).helperState(e(l), ""),
+          text: e(Z).helperText(e(l), "")
+        }, null, 8, ["state", "text"])
+      ], 2);
+    };
+  }
+}), vt = { class: "space-y-4" }, ft = /* @__PURE__ */ C("div", { class: "fm-typo-en-body-lg-400" }, "Property", -1), bt = /* @__PURE__ */ C("div", { class: "fm-typo-en-body-lg-400" }, "Check to perform", -1), gt = { class: "flex items-center gap-8" }, kt = /* @__PURE__ */ C("div", { class: "fm-typo-en-body-lg-400" }, "Criteria", -1), Vt = { class: "flex items-center justify-end gap-8 pt-16 w-full" }, Et = /* @__PURE__ */ $({
+  __name: "CustomRuleDialog",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(a) {
+    const U = te(), v = z(), { emitData: s, emitAction: l } = se(), f = a, t = I(
+      () => ye(f.triggerType, f.includeOnly)
+    ), i = (E) => ne[t.value.find((r) => r.property === E).type], u = I(() => {
+      if (!V.value) return [];
+      const E = t.value.find(
+        (r) => r.property === V.value.property
+      );
+      return E ? ne[E.type].map((r) => ({
+        label: Ee[r].name,
+        value: r
+      })) : [];
+    }), b = ve, p = I(() => {
+      const E = b.safeParse(V.value);
+      return E.success ? [] : E.error.errors;
+    }), k = P(!1), V = P(
+      le(f.modelValue) ?? _.constructEntry(
+        t.value[0].property,
+        i(t.value[0].property)[0],
+        null
+      )
+    ), S = I(() => {
+      var W;
+      const { property: E, negated: r, conditions: B } = V.value, O = Object.keys(B || {})[0], q = Object.values(B || {})[0];
+      return {
+        property: E,
+        negated: r == !0,
+        type: (W = t.value.find((G) => G.property === E)) == null ? void 0 : W.type,
+        operator: O,
+        equator: q
+      };
+    });
+    function m(E) {
+      V.value = _.constructEntry(
+        E,
+        i(E)[0],
+        null
+      );
+    }
+    function o(E) {
+      V.value = { ...V.value, negated: E == !0 };
+    }
+    function d(E) {
+      V.value = {
+        ...V.value,
+        conditions: { [E]: null }
+      };
+    }
+    function c(E) {
+      V.value.conditions = {
+        [S.value.operator]: E
+      };
+    }
+    function h() {
+      s(V.value), l("primary"), U.close();
+    }
+    return ue(async () => {
+      await v.readMembership();
+    }), (E, r) => {
+      const B = g("FmIcon"), O = g("FmField"), q = g("FmPill"), W = g("FmMenuItem"), G = g("FmMenu"), Q = g("FmButton");
+      return n(), F("div", vt, [
+        ft,
+        y(G, {
+          shift: !0,
+          placement: "top-start",
+          modelValue: e(k),
+          "onUpdate:modelValue": r[0] || (r[0] = (w) => me(k) ? k.value = w : null),
+          onMenuChanged: r[1] || (r[1] = (w) => k.value = w)
+        }, {
+          "menu-button": M(() => [
+            y(O, null, {
+              append: M(() => [
+                y(B, {
+                  name: e(k) ? "expand_less" : "expand_more"
+                }, null, 8, ["name"])
+              ]),
+              default: M(() => {
+                var w;
+                return [
+                  ee(j((w = e(t).find((T) => T.property == e(V).property)) == null ? void 0 : w.name) + " ", 1)
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          default: M(() => [
+            (n(!0), F(Y, null, N(e(t), (w) => (n(), x(W, {
+              key: w.property,
+              "model-value": e(V).property == w.property,
+              label: w.name,
+              disabled: w.premium && !e(re)().isPremium,
+              onClick: (T) => w.premium && !e(re)().isPremium ? null : m(w.property)
+            }, de({ _: 2 }, [
+              w.premium ? {
+                name: "append",
+                fn: M(() => [
+                  y(q, { variant: "premium" })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["model-value", "label", "disabled", "onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        bt,
+        C("div", gt, [
+          y(D, {
+            class: "w-1/4",
+            items: [
+              { label: "is", value: !1 },
+              { label: "is not", value: !0 }
+            ],
+            "model-value": e(V).negated ?? !1,
+            "onUpdate:modelValue": o
+          }, null, 8, ["model-value"]),
+          y(D, {
+            class: "flex-1",
+            items: e(u),
+            "model-value": e(S).operator,
+            "onUpdate:modelValue": d
+          }, null, 8, ["items", "model-value"])
+        ]),
+        C("div", null, [
+          kt,
+          e(S).type ? (n(), x(yt, {
+            key: 0,
+            type: e(S).type,
+            operator: e(S).operator,
+            "model-value": e(S).equator,
+            "onUpdate:modelValue": c
+          }, null, 8, ["type", "operator", "model-value"])) : A("", !0)
+        ]),
+        C("div", Vt, [
+          y(Q, {
+            onClick: r[2] || (r[2] = (w) => e(U).close()),
+            label: "Cancel",
+            variant: "tertiary"
+          }),
+          y(Q, {
+            onClick: r[3] || (r[3] = (w) => h()),
+            disabled: e(p).length > 0,
+            label: "Save"
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+}), Ft = { class: "flex flex-col gap-8" }, St = { class: "grid grid-cols-2 items-center" }, xt = { class: "flex items-center gap-8" }, ht = { class: "pt-16 flex items-center self-end gap-8" }, Tt = /* @__PURE__ */ $({
+  __name: "PresetRuleDialog",
+  props: {
+    preset: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  setup(a) {
+    const U = te(), { emitData: v, emitAction: s } = se(), l = z(), f = a;
+    function t() {
+      const { operator: S, equator: m } = b.value;
+      switch (f.preset) {
+        case "MIN_SPEND":
+        case "SPECIFIC_DATE":
+        case "SPECIFIC_TIMERANGE":
+        case "WEEKLY":
+        case "MONTHLY":
+        case "BIRTHDAY":
+        case "TIER":
+          return `Applies to ${l.sortedTiers.filter((d, c) => S == "_equal" ? c + 1 == m : S == "_moreThanOrEqual" ? c + 1 >= m : c + 1 <= m).map((d) => d.name).join(", ")}`;
+      }
+    }
+    function i() {
+      var S, m;
+      switch (f.preset) {
+        case "MIN_SPEND":
+          return _.constructEntry("bill.amount", "_moreThanOrEqual", 0);
+        case "SPECIFIC_DATE":
+          return _.constructEntry("trigger.date", "_isOnDate", "");
+        case "SPECIFIC_TIMERANGE":
+          return _.constructEntry("trigger.time", "_isBetweenTime", [
+            { start: "00:00", end: "23:59" }
+          ]);
+        case "WEEKLY":
+          return _.constructEntry(
+            "trigger.date",
+            "_rrule",
+            "RRULE:FREQ=WEEKLY;WKST=SU;BYDAY=SU;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+          );
+        case "MONTHLY":
+          return _.constructEntry(
+            "trigger.date",
+            "_rrule",
+            "RRULE:FREQ=MONTHLY;WKST=SU;BYMONTHDAY=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+          );
+        case "BIRTHDAY":
+          return _.constructEntry("user.birthday", "_isDay", {
+            op: "after",
+            x: 1,
+            ignoreYear: !0
+          });
+        case "TIER":
+          return _.constructEntry("user.tier", "_equal", 1);
+        case "TITLE":
+          return _.constructEntry("user.titles", "_hasAny", [
+            (m = (S = l.sortedTitles) == null ? void 0 : S[0]) == null ? void 0 : m._id
+          ]);
+        case "CUSTOM":
+          throw new Error("Not implemented");
+      }
+    }
+    const u = P(i()), b = I(() => {
+      const S = _.simplify(u.value);
+      return {
+        ...S,
+        equator: S.equator
+      };
+    });
+    function p(S, m) {
+      const o = b.value;
+      u.value = _.constructEntry(
+        o.property,
+        m ?? o.operator,
+        S,
+        u.value.name
+      );
+    }
+    function k() {
+      v(u.value), s("primary"), U.close();
+    }
+    const V = I(() => {
+      const S = fe.safeParse(u.value);
+      return S.success ? [] : S.error.errors;
+    });
+    return ue(async () => {
+      await l.readMembership();
+    }), (S, m) => {
+      var q, W, G, Q, w;
+      const o = g("FmStepperField"), d = g("FmDatePicker"), c = g("FmTimeRangePicker"), h = g("FmRadio"), E = g("FmSelect"), r = g("FmRadioGroup"), B = g("FmHelperText"), O = g("FmButton");
+      return n(), F("div", Ft, [
+        a.preset == "MIN_SPEND" ? (n(), x(o, {
+          key: 0,
+          label: "Minimum spend",
+          "model-value": e(b).equator,
+          "onUpdate:modelValue": m[0] || (m[0] = (T) => p(T))
+        }, null, 8, ["model-value"])) : a.preset == "SPECIFIC_DATE" ? (n(), x(d, {
+          key: 1,
+          label: "Specific Date",
+          "model-value": e(b).equator,
+          "onUpdate:modelValue": m[1] || (m[1] = (T) => p(T))
+        }, null, 8, ["model-value"])) : a.preset == "SPECIFIC_TIMERANGE" ? (n(), x(c, {
+          key: 2,
+          label: "Time is between",
+          "model-value": [(W = (q = e(b).equator) == null ? void 0 : q[0]) == null ? void 0 : W.start, (Q = (G = e(b).equator) == null ? void 0 : G[0]) == null ? void 0 : Q.end],
+          "onUpdate:modelValue": m[2] || (m[2] = (T) => p([
+            {
+              start: T[0],
+              end: T[1]
+            }
+          ]))
+        }, null, 8, ["model-value"])) : a.preset == "WEEKLY" ? (n(), x(X, {
+          key: 3,
+          label: "Weekly",
+          "fixed-frequency": !0,
+          "model-value": e(b).equator,
+          "onUpdate:modelValue": m[3] || (m[3] = (T) => p(T))
+        }, null, 8, ["model-value"])) : a.preset == "MONTHLY" ? (n(), x(X, {
+          key: 4,
+          label: "Weekly",
+          "fixed-frequency": !0,
+          "model-value": e(b).equator,
+          "onUpdate:modelValue": m[4] || (m[4] = (T) => p(T))
+        }, null, 8, ["model-value"])) : a.preset == "BIRTHDAY" ? (n(), F(Y, { key: 5 }, [
+          C("div", St, [
+            y(h, {
+              label: "N days before birthday",
+              value: "_isDay",
+              "model-value": e(b).operator,
+              "onUpdate:modelValue": m[5] || (m[5] = () => {
+                p(
+                  {
+                    op: "after",
+                    x: 1,
+                    ignoreYear: !0
+                  },
+                  "_isDay"
+                );
+              })
+            }, null, 8, ["model-value"]),
+            C("div", xt, [
+              y(h, {
+                label: "Is in this",
+                value: "_isRange",
+                "model-value": e(b).operator,
+                "onUpdate:modelValue": m[6] || (m[6] = () => {
+                  p(
+                    {
+                      op: "this",
+                      unit: "day",
+                      ignoreYear: !0
+                    },
+                    "_isRange"
+                  );
+                })
+              }, null, 8, ["model-value"]),
+              e(b).operator == "_isRange" ? (n(), x(E, {
+                key: 0,
+                items: ["day", "week", "month"].map((T) => ({ label: T, value: T })),
+                "model-value": e(b).equator.unit,
+                "onUpdate:modelValue": m[7] || (m[7] = (T) => p(
+                  {
+                    op: "this",
+                    unit: T,
+                    ignoreYear: !0
+                  },
+                  "_isRange"
+                ))
+              }, null, 8, ["items", "model-value"])) : A("", !0)
+            ])
+          ]),
+          e(b).operator == "_isDay" ? (n(), x(o, {
+            key: 0,
+            label: "Days before birthday",
+            "show-steppers": !1,
+            "model-value": e(b).equator.x,
+            "onUpdate:modelValue": m[8] || (m[8] = (T) => p({
+              op: "after",
+              x: T,
+              ignoreYear: !0
+            }))
+          }, null, 8, ["model-value"])) : A("", !0)
+        ], 64)) : a.preset == "TIER" ? (n(), F(Y, { key: 6 }, [
+          y(r, {
+            inline: !0,
+            "model-value": e(b).operator,
+            "onUpdate:modelValue": m[9] || (m[9] = (T) => p(e(b).equator, T))
+          }, {
+            default: M(() => [
+              y(h, {
+                value: "_moreThanOrEqual",
+                label: "At least"
+              }),
+              y(h, {
+                value: "_equal",
+                label: "Equal"
+              }),
+              y(h, {
+                value: "_lessThanOrEqual",
+                label: "At most"
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          y(D, {
+            items: (e(l).sortedTiers ?? []).map((T, oe) => ({
+              label: `Tier ${oe + 1} - ${T.name}`,
+              value: oe + 1
+            })),
+            "model-value": e(b).equator,
+            "onUpdate:modelValue": m[10] || (m[10] = (T) => p(T))
+          }, null, 8, ["items", "model-value"]),
+          y(B, {
+            text: t()
+          }, null, 8, ["text"])
+        ], 64)) : a.preset == "TITLE" ? (n(), x(D, {
+          key: 7,
+          label: "User has title",
+          items: (e(l).sortedTitles ?? []).map((T) => ({
+            label: T.name,
+            value: T._id
+          })),
+          "model-value": (w = e(b).equator) == null ? void 0 : w[0],
+          "onUpdate:modelValue": m[11] || (m[11] = (T) => p([T]))
+        }, null, 8, ["items", "model-value"])) : A("", !0),
+        y(B, {
+          class: "mt-[-8px]",
+          text: e(Z).helperText(e(V), ""),
+          state: e(Z).helperState(e(V), "")
+        }, null, 8, ["text", "state"]),
+        C("div", ht, [
+          y(O, {
+            onClick: m[12] || (m[12] = (T) => e(U).close()),
+            label: "Cancel",
+            variant: "tertiary"
+          }),
+          y(O, {
+            onClick: m[13] || (m[13] = (T) => k()),
+            disabled: e(V).length > 0,
+            label: "Save"
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+}), Ct = /* @__PURE__ */ $({
+  __name: "RuleConfigurator",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { expose: U, emit: v }) {
+    const s = a, l = v, f = te(), t = P();
+    function i(p) {
+      f.open({
+        title: p.name,
+        closeButton: !1,
+        dismissAway: !1,
+        contentComponent: Tt,
+        contentComponentProps: {
+          preset: p.type,
+          modelValue: s.modelValue
+        }
+      }).onPrimary((k) => l("update:model-value", k));
+    }
+    function u(p) {
+      f.open({
+        title: "Edit rule",
+        closeButton: !1,
+        dismissAway: !1,
+        contentComponent: Et,
+        contentComponentProps: {
+          triggerType: s.triggerType,
+          includeOnly: s.includeOnly,
+          modelValue: p
+        }
+      }).onPrimary((k) => l("update:model-value", k));
+    }
+    function b(p) {
+      if (p.type == "CUSTOM") {
+        const [k] = p.rules;
+        return u(
+          _.constructEntry(k.property, k.operator, k.equator)
+        );
+      }
+      return i(p);
+    }
+    return U({
+      showCustomDialog: u
+    }), (p, k) => {
+      const V = g("FmButton"), S = g("FmMenuItem"), m = g("FmMenu");
+      return n(), x(m, {
+        shift: !0,
+        placement: "top-start"
+      }, {
+        "menu-button": M(() => [
+          y(V, {
+            label: "Add condition",
+            icon: "add",
+            class: "text-fm-color-primary border-fm-color-primary",
+            "icon-color": "primary",
+            variant: "secondary"
+          })
+        ]),
+        default: M(() => [
+          (n(!0), F(Y, null, N(e(Oe).filter(
+            (o) => !a.includeOnly || o.for.includes(a.includeOnly)
+          ), (o) => (n(), x(S, {
+            key: o.name,
+            "model-value": o.name == e(t),
+            label: o.name,
+            onClick: (d) => b(o)
+          }, null, 8, ["model-value", "label", "onClick"]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ut = /* @__PURE__ */ C("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " When ", -1), Gt = /* @__PURE__ */ $({
+  __name: "RuleGroup",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: U }) {
+    const v = a, s = U, l = I(
+      () => v.modelValue ?? _.scaffoldGroup()
+    ), f = I(() => _.getLogic(l.value)), t = P();
+    return (i, u) => {
+      const b = g("FmButtonGroup"), p = g("FmCard");
+      return n(), x(p, { variant: "outlined" }, {
+        default: M(() => [
+          y(p, { class: "border-l-4 border-fm-color-primary p-16 space-y-16" }, {
+            default: M(() => [
+              Ut,
+              y(Ct, {
+                ref_key: "configuratorRef",
+                ref: t,
+                "include-only": a.includeOnly,
+                "trigger-type": a.triggerType,
+                "onUpdate:modelValue": u[0] || (u[0] = (k) => s("update:model-value", e(_).setRuleToGroup(e(l), k)))
+              }, null, 8, ["include-only", "trigger-type"]),
+              (n(!0), F(Y, null, N(e(l).rules, (k, V) => {
+                var S;
+                return n(), F(Y, null, [
+                  e(be)(k) ? (n(), x(Re, {
+                    "model-value": k,
+                    key: V,
+                    onEdit: (S = e(t)) == null ? void 0 : S.showCustomDialog,
+                    onRemove: u[1] || (u[1] = (m) => {
+                      s(
+                        "update:model-value",
+                        e(_).removeEntry(e(l), m.name)
+                      );
+                    })
+                  }, null, 8, ["model-value", "onEdit"])) : A("", !0),
+                  y(b, {
+                    class: "w-[200px]",
+                    disabled: Object.keys(e(l).rules).length < 2,
+                    items: [{ label: "And" }, { label: "Or" }],
+                    "model-value": e(f) === "&&" ? { label: "And" } : { label: "Or" },
+                    "onUpdate:modelValue": u[2] || (u[2] = (m) => s(
+                      "update:model-value",
+                      e(_).setRuleToGroup(
+                        e(l),
+                        [],
+                        m.label === "And" ? "&&" : "||"
+                      )
+                    ))
+                  }, null, 8, ["disabled", "model-value"])
+                ], 64);
+              }), 256))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Gt as _,
+  X as a,
+  rt as b
+};