@feedmepos/mf-connect 0.1.119-dev → 0.1.119-prod

package/dist/RuleGroup.vue_vue_type_script_setup_true_lang-pdHRjCt8.js

@@ -0,0 +1,1884 @@
+import { defineComponent as P, computed as M, resolveComponent as _, openBlock as r, createElementBlock as V, createElementVNode as C, createVNode as c, unref as e, createTextVNode as ne, toDisplayString as A, withCtx as B, onMounted as Z, createBlock as f, createCommentVNode as N, ref as W, Fragment as q, renderList as $, normalizeClass as K, watch as be, resolveDynamicComponent as me, onBeforeMount as pe, isRef as fe, createSlots as ce } from "vue";
+import { m as ge, C as _e, n as ke, d as he, o as Ee } from "./index-B_BmgKrh.js";
+import { R as O, a as Ve } from "./rule-builder-D0B0DPao.js";
+import { useDialog as ue, useDialogChild as ye, useSnackbar as Se } from "@feedmepos/ui-library";
+import { u as G } from "./vue-i18n-DzsxJorb.js";
+import { a as Te, R as F, S as Fe, C as j, W as xe, T as ie, O as de } from "./rule-Ba-s0L_w.js";
+import { p as Ue } from "./plugins-DKQeoL_e.js";
+import { h as ae } from "./moment-D7p2TMB-.js";
+import { z as Re, S as Ce } from "./app-C06bAZj3.js";
+import { u as X } from "./membership-XycnxPEW.js";
+import { u as te } from "./business-D23Dt1x4.js";
+import "./index-DK9zxpDu.js";
+import { _ as w } from "./CustomSelect.vue_vue_type_script_setup_true_lang-Du7fRSZC.js";
+import { c as ve } from "./object-BYyQ0PZp.js";
+import { Z as le } from "./zod-DZkNj425.js";
+import "./index-ByVPdKdB.js";
+import "./index-TDCPGtW3.js";
+import "./index-BroF2fC8.js";
+import "./index-B3U3KZl0.js";
+import "./index-I9lmcd2w.js";
+import "./index-Bvk61_w_.js";
+const Ye = { class: "flex items-center justify-between" }, Oe = { class: "flex items-center gap-8 xs:flex-wrap" }, we = { class: "text-fm-color-primary line-clamp-1 text-ellipsis" }, De = /* @__PURE__ */ P({
+  __name: "RuleEntry",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["edit", "remove"],
+  setup(o, { emit: x }) {
+    const g = o, u = M(() => {
+      const [s, n] = Object.entries(g.modelValue.conditions)[0];
+      return {
+        negated: g.modelValue.negated == !0,
+        property: g.modelValue.property,
+        operator: s,
+        equator: n
+      };
+    }), v = x, t = M(
+      () => Te(
+        u.value.property,
+        u.value.operator,
+        u.value.equator,
+        u.value.negated
+      )
+    );
+    async function a(s) {
+      s.stopPropagation(), await Ue.remove("Are you sure you want to remove this rule?") && v("remove", g.modelValue);
+    }
+    return (s, n) => {
+      var k;
+      const h = _("FmChip"), i = _("FmTooltip"), b = _("FmIcon");
+      return r(), V("div", Ye, [
+        C("div", Oe, [
+          c(h, {
+            label: (k = e(ge).find((U) => U.property === g.modelValue.property)) == null ? void 0 : k.name,
+            class: "!text-fm-color-typo-info !bg-fm-color-system-info-100"
+          }, null, 8, ["label"]),
+          n[1] || (n[1] = C("div", { class: "h-[26px] border-l-2 rounded-md border-fm-color-neutral-gray-100" }, null, -1)),
+          C("div", {
+            onClick: n[0] || (n[0] = (U) => v("edit", g.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"
+          }, [
+            ne(A(e(t)[0]) + " ", 1),
+            c(i, {
+              "z-index": 1e3,
+              content: e(t)[1]
+            }, {
+              default: B(() => [
+                C("div", we, A(e(t)[1]), 1)
+              ]),
+              _: 1
+            }, 8, ["content"])
+          ])
+        ]),
+        c(b, {
+          name: "close",
+          size: "md",
+          class: "cursor-pointer hover:bg-neutral-300 rounded-lg",
+          onClick: a
+        })
+      ]);
+    };
+  }
+});
+Re.enum([
+  "MIN_SPEND",
+  "SPECIFIC_DATE",
+  "SPECIFIC_TIMERANGE",
+  "WEEKLY",
+  "MONTHLY",
+  "BIRTHDAY",
+  "TIER",
+  "TITLE",
+  "LAST_X_DAY",
+  "CUSTOM"
+]);
+const qe = [
+  {
+    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: "_isRange",
+        equator: {
+          op: "this",
+          unit: "day",
+          ignoreYear: !0
+        }
+      }
+    ]
+  },
+  {
+    type: "BIRTHDAY",
+    name: "Birthday Week",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.birthday",
+        operator: "_isRange",
+        equator: {
+          op: "this",
+          unit: "week",
+          ignoreYear: !0
+        }
+      }
+    ]
+  },
+  {
+    type: "BIRTHDAY",
+    name: "Birthday Month",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.birthday",
+        operator: "_isRange",
+        equator: {
+          op: "this",
+          unit: "month",
+          ignoreYear: !0
+        }
+      }
+    ]
+  },
+  {
+    type: "BIRTHDAY",
+    name: "N day before birthday",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.birthday",
+        operator: "_isDay",
+        equator: {
+          op: "before",
+          x: 1,
+          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: "LAST_X_DAY",
+    name: "Last visit in X days",
+    for: ["user"],
+    rules: [
+      {
+        property: "user.stats.lastVisit",
+        operator: "_isRange",
+        equator: {
+          op: "last",
+          unit: "day",
+          ignoreYear: !0,
+          x: 0
+        }
+      }
+    ],
+    premium: !0
+  },
+  {
+    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: ae().format("YYYY-MM-DD")
+      }
+    ]
+  }
+], Be = { class: "flex flex-nowrap gap-x-4 items-center" }, Me = /* @__PURE__ */ P({
+  __name: "IsDayInput",
+  props: {
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const { t: g } = G(), u = o, v = x;
+    Z(() => {
+      u.modelValue || v("update:model-value", {
+        op: "before",
+        x: 1
+      });
+    });
+    function t(a) {
+      const s = ve(
+        u.modelValue ?? {
+          op: "before",
+          x: 1
+        }
+      );
+      v("update:model-value", {
+        ...s,
+        ...a
+      });
+    }
+    return (a, s) => {
+      var h, i, b;
+      const n = _("FmStepperField");
+      return r(), V("div", Be, [
+        c(n, {
+          class: "w-1/3",
+          "model-value": ((h = o.modelValue) == null ? void 0 : h.x) ?? null,
+          max: 365,
+          "show-steppers": !1,
+          "append-text": "days",
+          "onUpdate:modelValue": s[0] || (s[0] = (k) => t({ x: k }))
+        }, null, 8, ["model-value"]),
+        c(w, {
+          "model-value": ((i = o.modelValue) == null ? void 0 : i.op) ?? void 0,
+          items: [
+            {
+              label: e(g)("connect.template.rule.is_day.before"),
+              value: "before"
+            },
+            { label: e(g)("connect.template.rule.is_day.after"), value: "after" }
+          ],
+          "onUpdate:modelValue": s[1] || (s[1] = (k) => t({ op: k }))
+        }, null, 8, ["model-value", "items"]),
+        c(w, {
+          "model-value": ((b = o.modelValue) == null ? void 0 : b.ignoreYear) ?? !1,
+          items: [
+            {
+              label: e(g)("connect.template.rule.is_day.same_year"),
+              value: !1
+            },
+            {
+              label: e(g)("connect.template.rule.is_day.ignore_year"),
+              value: !0
+            }
+          ],
+          required: !0,
+          "onUpdate:modelValue": s[2] || (s[2] = (k) => t({ ignoreYear: k == !0 }))
+        }, null, 8, ["model-value", "items"])
+      ]);
+    };
+  }
+}), Ie = { class: "grid grid-cols-4 gap-x-4 items-center" }, Ae = /* @__PURE__ */ P({
+  __name: "IsRangeInput",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({
+        op: "this",
+        unit: "day",
+        ignoreYear: !0
+      })
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const { t: g } = G(), u = o, v = x;
+    Z(() => {
+      u.modelValue || v("update:model-value", {
+        op: "this",
+        unit: "day",
+        ignoreYear: !0
+      });
+    });
+    const t = [
+      { label: g("connect.template.rule.is_range.duration.day"), value: "day" },
+      { label: g("connect.template.rule.is_range.duration.week"), value: "week" },
+      {
+        label: g("connect.template.rule.is_range.duration.month"),
+        value: "month"
+      },
+      {
+        label: g("connect.template.rule.is_range.duration.quarter"),
+        value: "quarter"
+      },
+      { label: g("connect.template.rule.is_range.duration.year"), value: "year" }
+    ], a = [
+      {
+        label: g("connect.template.rule.is_range.op.this"),
+        value: "this"
+      },
+      {
+        label: g("connect.template.rule.is_range.op.last"),
+        value: "last"
+      },
+      {
+        label: g("connect.template.rule.is_range.op.next"),
+        value: "next"
+      }
+    ];
+    return (s, n) => {
+      var i, b, k, U, D;
+      const h = _("FmStepperField");
+      return r(), V("div", Ie, [
+        c(w, {
+          "model-value": (i = o.modelValue) == null ? void 0 : i.op,
+          label: "",
+          items: a,
+          required: !0,
+          "onUpdate:modelValue": n[0] || (n[0] = (d) => v("update:model-value", { op: d, unit: "day", ignoreYear: !1 }))
+        }, null, 8, ["model-value"]),
+        ((b = o.modelValue) == null ? void 0 : b.op) != "this" ? (r(), f(h, {
+          key: 0,
+          "model-value": ((k = o.modelValue) == null ? void 0 : k.x) || 0,
+          max: 365,
+          "show-steppers": !1,
+          "onUpdate:modelValue": n[1] || (n[1] = (d) => v("update:model-value", {
+            op: o.modelValue.op,
+            unit: o.modelValue.unit,
+            ignoreYear: o.modelValue.ignoreYear == !0,
+            x: d
+          }))
+        }, null, 8, ["model-value"])) : N("", !0),
+        c(w, {
+          "model-value": (U = o.modelValue) == null ? void 0 : U.unit,
+          label: "",
+          items: t,
+          required: !0,
+          "onUpdate:modelValue": n[2] || (n[2] = (d) => v("update:model-value", { ...u.modelValue, unit: d }))
+        }, null, 8, ["model-value"]),
+        c(w, {
+          label: "",
+          "model-value": (D = o.modelValue) == null ? void 0 : D.ignoreYear,
+          items: [
+            { label: "same", value: !1 },
+            { label: "ignore", value: !0 }
+          ],
+          required: !0,
+          "onUpdate:modelValue": n[3] || (n[3] = (d) => v("update:model-value", {
+            ...u.modelValue,
+            ignoreYear: d == !0
+          }))
+        }, null, 8, ["model-value"])
+      ]);
+    };
+  }
+}), Ne = { class: "space-y-8" }, Pe = { class: "text-fm-color-primary rounded-md border-dashed border-2 p-8" }, Le = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, $e = { class: "flex gap-4" }, He = {
+  key: 0,
+  class: "grid grid-cols-7 overflow-hidden rounded-md border-1"
+}, We = ["onClick"], je = {
+  key: 1,
+  class: "flex items-center gap-8"
+}, Ke = { class: "flex gap-4 xs:gap-[2px]" }, Ge = { class: "grid grid-cols-6 gap-8" }, Qe = {
+  key: 0,
+  class: "grid grid-cols-7 overflow-hidden rounded-md border-1"
+}, ze = ["onClick"], Xe = {
+  key: 1,
+  class: "grid grid-cols-2 items-center gap-8"
+}, Ze = { class: "flex gap-4" }, Je = {
+  key: 4,
+  class: "flex items-center justify-end gap-8"
+}, re = /* @__PURE__ */ P({
+  __name: "RruleInput",
+  props: {
+    modelValue: {
+      type: String
+    },
+    startDate: {
+      type: Object
+    },
+    applyButton: {
+      type: Boolean
+    },
+    fixedFrequency: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value", "cancel"],
+  setup(o, { emit: x }) {
+    const { t: g } = G(), u = o, v = x, t = W(
+      u.modelValue ? F.fromString(u.modelValue) : new F({
+        dtstart: u.startDate,
+        freq: F.DAILY,
+        wkst: F.SU,
+        interval: 1,
+        byhour: 0,
+        byminute: 0,
+        bysecond: 0
+      })
+    );
+    function a(s) {
+      var n;
+      if ("freq" in s)
+        switch (s.freq) {
+          case F.WEEKLY:
+            t.value = new F({
+              dtstart: u.startDate,
+              freq: s.freq,
+              interval: 1,
+              byhour: 0,
+              byminute: 0,
+              bysecond: 0,
+              wkst: F.SU,
+              byweekday: [F.MO]
+            });
+            break;
+          case F.MONTHLY:
+            t.value = new F({
+              dtstart: u.startDate,
+              freq: s.freq,
+              interval: 1,
+              byhour: 0,
+              byminute: 0,
+              bysecond: 0,
+              bymonthday: [(/* @__PURE__ */ new Date()).getDate()],
+              wkst: F.SU
+            });
+            break;
+          case F.YEARLY:
+            t.value = new F({
+              dtstart: u.startDate,
+              freq: s.freq,
+              interval: 1,
+              byhour: 0,
+              byminute: 0,
+              bysecond: 0,
+              wkst: F.SU,
+              bymonth: [(/* @__PURE__ */ new Date()).getMonth() + 1],
+              bymonthday: [(/* @__PURE__ */ new Date()).getDate()]
+            });
+            break;
+          default:
+            t.value = new F({
+              dtstart: u.startDate,
+              freq: s.freq,
+              interval: 1,
+              byhour: 0,
+              byminute: 0,
+              bysecond: 0,
+              wkst: F.SU
+            });
+        }
+      s.interval && s.interval > 0 && (t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        interval: s.interval
+      })), "byweekday" in s && s.byweekday && Array.isArray(s.byweekday) && s.byweekday.length > 0 && (t.value.options.bymonthday.length > 0 && t.value.options.freq == F.MONTHLY && (t.value.options.bymonthday = []), t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        bymonthday: [],
+        byweekday: s.byweekday
+      })), "bysetpos" in s && s.bysetpos != null && (t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        bymonthday: [],
+        bysetpos: s.bysetpos,
+        byweekday: ((n = t.value.options.byweekday) == null ? void 0 : n.length) > 0 ? t.value.options.byweekday : [6]
+      })), "bymonthday" in s && s.bymonthday && Array.isArray(s.bymonthday) && s.bymonthday.length > 0 && (t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        bysetpos: [],
+        byweekday: [],
+        bymonthday: s.bymonthday
+      })), "bymonth" in s && s.bymonth && Array.isArray(s.bymonth) && s.bymonth.length > 0 && (t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        bysetpos: [],
+        bymonth: s.bymonth
+      })), "bynweekday" in s && s.bynweekday && (t.value = new F({
+        ...t.value.origOptions,
+        dtstart: u.startDate,
+        bysetpos: [],
+        byweekday: new xe(
+          s.bynweekday[0][0],
+          s.bynweekday[0][1]
+        )
+      })), u.applyButton || v("update:model-value", t.value.toString());
+    }
+    return Z(() => {
+      u.modelValue || v(
+        "update:model-value",
+        new F({
+          dtstart: u.startDate,
+          freq: F.DAILY,
+          wkst: F.SU,
+          interval: 1,
+          byhour: 0,
+          byminute: 0,
+          bysecond: 0
+        }).toString()
+      );
+    }), (s, n) => {
+      var U, D, d;
+      const h = _("FmStepperField"), i = _("FmChip"), b = _("FmButtonGroup"), k = _("FmButton");
+      return r(), V("div", Ne, [
+        C("div", Pe, A(e(Fe)(e(t).options)), 1),
+        o.fixedFrequency ? N("", !0) : (r(), V("div", Le, [
+          C("div", null, A(e(g)("connect.template.rule.rrule.repeat_every")), 1),
+          c(h, {
+            class: "w-[100px]",
+            "model-value": e(t).options.interval,
+            "onUpdate:modelValue": n[0] || (n[0] = (l) => a({ interval: l > 0 ? l : e(t).options.interval })),
+            min: 1
+          }, null, 8, ["model-value"]),
+          c(w, {
+            class: "w-min",
+            items: e(j).frequencies,
+            "model-value": e(t).origOptions.freq,
+            "onUpdate:modelValue": n[1] || (n[1] = (l) => a({ freq: l }))
+          }, null, 8, ["items", "model-value"])
+        ])),
+        e(t).options.freq === e(F).WEEKLY ? (r(), V(q, { key: 1 }, [
+          n[8] || (n[8] = C("div", null, "Repeat on", -1)),
+          C("div", $e, [
+            (r(!0), V(q, null, $(e(j).weekdays, (l) => {
+              var y;
+              return r(), f(i, {
+                class: K(["cursor-pointer", `${(y = e(t).options.byweekday) != null && y.includes(l.value) ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                label: l.label[0],
+                key: l.value,
+                compact: !0,
+                onClick: () => {
+                  var p, R;
+                  a({
+                    byweekday: (p = e(t).options.byweekday) != null && p.includes(l.value) ? ((R = e(t).options.byweekday) == null ? void 0 : R.filter((m) => m !== l.value)) || [] : [...e(t).options.byweekday || [], l.value]
+                  });
+                }
+              }, null, 8, ["class", "label", "onClick"]);
+            }), 128))
+          ])
+        ], 64)) : N("", !0),
+        e(t).options.freq == e(F).MONTHLY ? (r(), V(q, { key: 2 }, [
+          c(b, {
+            "model-value": e(t).options.bymonthday.length ? { label: "Each" } : { label: "On the" },
+            items: [
+              {
+                label: "Each"
+              },
+              {
+                label: "On the"
+              }
+            ],
+            "onUpdate:modelValue": n[2] || (n[2] = (l) => {
+              l.label == "Each" ? a({ bymonthday: [1] }) : a({ bysetpos: 1 });
+            })
+          }, null, 8, ["model-value"]),
+          e(t).options.bymonthday.length > 0 ? (r(), V("div", He, [
+            (r(!0), V(q, null, $(e(j).dates, (l) => (r(), V("div", {
+              key: l.value,
+              class: K(["cursor-pointer text-center outline-1 outline-fm-color-neutral-gray-100 outline", `${e(t).options.bymonthday.includes(l.value) ? "bg-fm-color-primary text-fm-color-typo-white outline-transparent" : "bg-transparent text-fm-color-typo-primary"} ${l.value == 31 ? "border-r" : ""}`]),
+              onClick: (y) => a({
+                bymonthday: e(t).options.bymonthday.includes(l.value) ? e(t).options.bymonthday.filter((p) => p !== l.value) : [...e(t).options.bymonthday, l.value]
+              })
+            }, A(l.value), 11, We))), 128))
+          ])) : (r(), V("div", je, [
+            c(w, {
+              items: e(j).ordinals,
+              "model-value": (U = e(t).options.bysetpos) == null ? void 0 : U[0],
+              "onUpdate:modelValue": n[3] || (n[3] = (l) => a({ bysetpos: l }))
+            }, null, 8, ["items", "model-value"]),
+            C("div", Ke, [
+              (r(!0), V(q, null, $(e(j).weekdays, (l) => {
+                var y;
+                return r(), f(i, {
+                  class: K(["cursor-pointer", `${(y = e(t).options.byweekday) != null && y.includes(l.value) ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                  label: l.label[0],
+                  key: l.value,
+                  compact: !0,
+                  onClick: () => {
+                    a({
+                      byweekday: [l.value]
+                    });
+                  }
+                }, null, 8, ["class", "label", "onClick"]);
+              }), 128))
+            ])
+          ]))
+        ], 64)) : N("", !0),
+        e(t).options.freq == e(F).YEARLY ? (r(), V(q, { key: 3 }, [
+          n[9] || (n[9] = C("div", null, "Month", -1)),
+          C("div", Ge, [
+            (r(!0), V(q, null, $(e(j).months, (l) => {
+              var y, p;
+              return r(), f(i, {
+                key: l.value,
+                class: K(["cursor-pointer", {
+                  "bg-fm-color-primary text-white": (y = e(t).options.bymonth) == null ? void 0 : y.includes(
+                    l.value
+                  ),
+                  "bg-fm-color-gray-200 text-fm-color-gray-800": !((p = e(t).options.bymonth) != null && p.includes(l.value))
+                }]),
+                label: l.shortName,
+                compact: !0,
+                onClick: (R) => a({
+                  bymonth: (e(t).options.bymonth ?? []).includes(l.value) ? (e(t).options.bymonth ?? []).filter((m) => m !== l.value) : [...e(t).options.bymonth ?? [], l.value]
+                })
+              }, null, 8, ["class", "label", "onClick"]);
+            }), 128))
+          ]),
+          c(b, {
+            "model-value": e(t).options.bymonthday.length ? { label: "Each" } : { label: "On the" },
+            items: [
+              {
+                label: "Each"
+              },
+              {
+                label: "On the"
+              }
+            ],
+            "onUpdate:modelValue": n[4] || (n[4] = (l) => {
+              l.label == "Each" ? a({
+                bymonthday: [1],
+                bymonth: e(t).options.bymonth ?? [1]
+              }) : a({
+                byweekday: [e(F).SU.nth(1)],
+                bymonth: e(t).options.bymonth ?? [1]
+              });
+            })
+          }, null, 8, ["model-value"]),
+          e(t).options.bymonthday.length > 0 ? (r(), V("div", Qe, [
+            (r(!0), V(q, null, $(Array(31).fill(null).map((l, y) => y + 1), (l) => (r(), V("div", {
+              key: l,
+              class: K(["cursor-pointer text-center outline-1 outline-fm-color-neutral-gray-100 outline", `${e(t).options.bymonthday.includes(l) ? "bg-fm-color-primary text-fm-color-typo-white outline-transparent" : "bg-transparent text-fm-color-typo-primary"} ${l == 31 ? "border-r" : ""}`]),
+              onClick: (y) => a({
+                bymonthday: e(t).options.bymonthday.includes(l) ? e(t).options.bymonthday.filter((p) => p !== l) : [...e(t).options.bymonthday, l]
+              })
+            }, A(l), 11, ze))), 128))
+          ])) : (r(), V("div", Xe, [
+            c(w, {
+              items: e(j).ordinals,
+              "model-value": (d = (D = e(t).options.bynweekday) == null ? void 0 : D[0]) == null ? void 0 : d[1],
+              "onUpdate:modelValue": n[5] || (n[5] = (l) => {
+                var y, p;
+                return a({
+                  bynweekday: [[((p = (y = e(t).options.bynweekday) == null ? void 0 : y[0]) == null ? void 0 : p[0]) ?? 1, l]]
+                });
+              })
+            }, null, 8, ["items", "model-value"]),
+            C("div", Ze, [
+              (r(!0), V(q, null, $(e(j).weekdays, (l) => {
+                var y, p;
+                return r(), f(i, {
+                  class: K(["cursor-pointer", `${((p = (y = e(t).options.bynweekday) == null ? void 0 : y[0]) == null ? void 0 : p[0]) === l.value ? "bg-fm-color-primary text-white" : "bg-fm-color-neutral-gray-200 text-black"}`]),
+                  label: l.label[0],
+                  key: l.value,
+                  compact: !0,
+                  onClick: () => {
+                    var R, m;
+                    a({
+                      bynweekday: [
+                        [l.value, ((m = (R = e(t).options.bynweekday) == null ? void 0 : R[0]) == null ? void 0 : m[1]) ?? 1]
+                      ]
+                    });
+                  }
+                }, null, 8, ["class", "label", "onClick"]);
+              }), 128))
+            ])
+          ]))
+        ], 64)) : N("", !0),
+        o.applyButton ? (r(), V("div", Je, [
+          c(k, {
+            label: "Cancel",
+            variant: "tertiary",
+            onClick: n[6] || (n[6] = (l) => v("cancel"))
+          }),
+          c(k, {
+            label: "Apply",
+            onClick: n[7] || (n[7] = (l) => v("update:model-value", e(t).toString()))
+          })
+        ])) : N("", !0)
+      ]);
+    };
+  }
+}), et = { class: "grid grid-cols-4 gap-8 w-full flex-wrap py-16" }, tt = /* @__PURE__ */ P({
+  __name: "IsInMonthInput",
+  props: {
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const g = o, u = x, v = ae.months().map((t, a) => ({
+      name: t,
+      shortName: ae().month(a).format("MMM"),
+      value: a
+    }));
+    return Z(() => {
+      g.modelValue || u("update:model-value", []);
+    }), (t, a) => {
+      const s = _("FmChip");
+      return r(), V("div", et, [
+        (r(!0), V(q, null, $(e(v), (n) => {
+          var h, i;
+          return r(), f(s, {
+            class: K(["cursor-pointer", {
+              "bg-fm-color-primary text-white": (h = o.modelValue) == null ? void 0 : h.includes(n.value),
+              "bg-fm-color-gray-200 text-fm-color-gray-800": !((i = o.modelValue) != null && i.includes(
+                n.value
+              ))
+            }]),
+            label: n.name,
+            key: n.value,
+            compact: !0,
+            onClick: (b) => u(
+              "update:model-value",
+              o.modelValue.includes(n.value) ? o.modelValue.filter((k) => k !== n.value) : [...o.modelValue, n.value]
+            )
+          }, null, 8, ["class", "label", "onClick"]);
+        }), 128))
+      ]);
+    };
+  }
+}), lt = { class: "flex justify-end gap-8 w-full" }, ot = /* @__PURE__ */ P({
+  __name: "MenuDialog",
+  props: {
+    modelValue: { type: Boolean },
+    initialValue: {},
+    filterItems: { type: Function }
+  },
+  emits: ["update:model-value", "confirm"],
+  setup(o, { emit: x }) {
+    const g = o, u = W([]), v = W(!1), t = x;
+    function a() {
+      t("confirm", u.value), s();
+    }
+    function s() {
+      t("update:model-value", !1);
+    }
+    return be(
+      () => g.modelValue,
+      (n) => {
+        v.value = n;
+      }
+    ), Z(() => {
+      v.value = g.modelValue;
+    }), (n, h) => {
+      const i = _("FmButton"), b = _("FmDialog");
+      return r(), f(b, {
+        "content-scrollable": !1,
+        contentClass: "pt-0",
+        modelValue: v.value,
+        "onUpdate:modelValue": h[1] || (h[1] = (k) => v.value = k),
+        title: "Select Items",
+        "close-button": !1
+      }, {
+        "dialog-header": B(() => [...h[2] || (h[2] = [
+          C("div", null, "Select Item", -1)
+        ])]),
+        "dialog-footer": B(() => [
+          C("div", lt, [
+            c(i, {
+              variant: "tertiary",
+              onClick: s,
+              label: "Cancel"
+            }),
+            c(i, {
+              variant: "primary",
+              onClick: a,
+              label: "Confirm"
+            })
+          ])
+        ]),
+        default: B(() => [
+          c(e(Ce), {
+            "initial-value": o.initialValue,
+            "filter-items": o.filterItems,
+            "max-height": 380,
+            onChange: h[0] || (h[0] = (k) => u.value = k)
+          }, null, 8, ["initial-value", "filter-items"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), at = { id: "select-menu" }, rt = /* @__PURE__ */ P({
+  __name: "SelectMenu",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const g = o, u = W(!1), v = M(() => {
+      var s;
+      return ((s = g.modelValue) == null ? void 0 : s.length) || 0;
+    }), t = x;
+    function a(s) {
+      t("update:model-value", s);
+    }
+    return (s, n) => {
+      const h = _("FmField");
+      return r(), V("div", at, [
+        c(h, {
+          class: "text-fm-color-typo-tertiary",
+          onClick: n[0] || (n[0] = (i) => u.value = !0)
+        }, {
+          default: B(() => [
+            ne(A(v.value) + " item(s) selected ", 1)
+          ]),
+          _: 1
+        }),
+        c(ot, {
+          modelValue: u.value,
+          "onUpdate:modelValue": [
+            n[1] || (n[1] = (i) => u.value = i),
+            n[2] || (n[2] = (i) => u.value = i)
+          ],
+          "initial-value": o.modelValue,
+          onConfirm: a
+        }, null, 8, ["modelValue", "initial-value"])
+      ]);
+    };
+  }
+}), nt = {
+  key: 19,
+  class: "fm-typo-en-body-lg-600"
+}, ut = /* @__PURE__ */ P({
+  __name: "RuleEquator",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    },
+    operator: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const g = o, u = x, v = M(() => {
+      const t = _e[g.operator].safeParse(g.modelValue);
+      return t.success ? [] : t.error.errors;
+    });
+    return (t, a) => {
+      var D, d, l, y, p, R;
+      const s = _("FmTextField"), n = _("FmStepperField"), h = _("FmSimpleDatePicker"), i = _("FmSimpleDateRangePicker"), b = _("FmTimeRangePicker"), k = _("FmTimePicker"), U = _("FmHelperText");
+      return r(), V("div", {
+        class: K({ "pb-4": e(v).length })
+      }, [
+        o.type === "text" ? (r(), f(s, {
+          key: 0,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[0] || (a[0] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type === "number" ? (r(), f(n, {
+          key: 1,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[1] || (a[1] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_isDay" ? (r(), f(me(Me), {
+          key: 2,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[2] || (a[2] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_isRange" ? (r(), f(me(Ae), {
+          key: 3,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[3] || (a[3] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_isOnDate" ? (r(), f(h, {
+          key: 4,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[4] || (a[4] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_isBetween" ? (r(), f(i, {
+          key: 5,
+          "model-value": {
+            startDate: (D = o.modelValue) == null ? void 0 : D.start,
+            endDate: (d = o.modelValue) == null ? void 0 : d.end
+          },
+          "onUpdate:modelValue": a[5] || (a[5] = (m) => {
+            u("update:model-value", {
+              start: m.startDate,
+              end: m.endDate
+            });
+          })
+        }, null, 8, ["model-value"])) : o.operator == "_isInMonth" ? (r(), f(tt, {
+          key: 6,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[6] || (a[6] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_rrule" ? (r(), f(re, {
+          key: 7,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[7] || (a[7] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.operator == "_isBetweenTime" ? (r(), f(b, {
+          key: 8,
+          "disable-time-check": !0,
+          "model-value": [(y = (l = o.modelValue) == null ? void 0 : l[0]) == null ? void 0 : y.start, (R = (p = o.modelValue) == null ? void 0 : p[0]) == null ? void 0 : R.end],
+          "onUpdate:modelValue": a[8] || (a[8] = (m) => u("update:model-value", [
+            {
+              start: m[0],
+              end: m[1]
+            }
+          ]))
+        }, null, 8, ["model-value"])) : o.operator == "_isOnTime" ? (r(), f(k, {
+          key: 9,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[9] || (a[9] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "tier" ? (r(), f(w, {
+          key: 10,
+          items: (e(X)().sortedTiers ?? []).map((m, Y) => ({
+            label: `Tier ${Y + 1} - ${m.name}`,
+            value: Y + 1
+          })),
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[10] || (a[10] = (m) => u("update:model-value", m))
+        }, null, 8, ["items", "model-value"])) : o.type == "boolean" ? (r(), f(w, {
+          key: 11,
+          multiselect: !0,
+          items: [
+            { label: "true", value: !0 },
+            { label: "false", value: !1 }
+          ],
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[11] || (a[11] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "exist" ? (r(), f(w, {
+          key: 12,
+          items: [
+            { label: "true", value: "true" },
+            { label: "false", value: "false" }
+          ],
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[12] || (a[12] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "gender" ? (r(), f(w, {
+          key: 13,
+          multiselect: !0,
+          items: [
+            { label: "Male", value: "MALE" },
+            { label: "Female", value: "FEMALE" }
+          ],
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[13] || (a[13] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "collectible" ? (r(), f(w, {
+          key: 14,
+          multiselect: !0,
+          items: [],
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[14] || (a[14] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "segment" ? (r(), f(w, {
+          key: 15,
+          multiselect: !0,
+          items: e(X)().segmentOptions,
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[15] || (a[15] = (m) => u("update:model-value", m)),
+          label: "Select segment(s) to match"
+        }, null, 8, ["items", "model-value"])) : o.type == "title" ? (r(), f(w, {
+          key: 16,
+          multiselect: !0,
+          items: (e(X)().sortedTitles ?? []).map((m) => ({
+            label: m.name,
+            value: m._id
+          })),
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[16] || (a[16] = (m) => u("update:model-value", m))
+        }, null, 8, ["items", "model-value"])) : o.type == "product" ? (r(), f(rt, {
+          key: 17,
+          "model-value": o.modelValue,
+          "onUpdate:modelValue": a[17] || (a[17] = (m) => u("update:model-value", m))
+        }, null, 8, ["model-value"])) : o.type == "location" ? (r(), f(w, {
+          key: 18,
+          multiselect: !0,
+          items: e(te)().locations.map((m) => ({
+            label: m.name,
+            value: m._id
+          })),
+          "model-value": o.modelValue ?? [],
+          "onUpdate:modelValue": a[18] || (a[18] = (m) => u("update:model-value", m))
+        }, null, 8, ["items", "model-value"])) : (r(), V("div", nt, "Rule: " + A(o.type) + " Not implemented", 1)),
+        c(U, {
+          class: "items-end",
+          state: e(le).helperState(e(v), ""),
+          text: e(le).helperText(e(v), "")
+        }, null, 8, ["state", "text"])
+      ], 2);
+    };
+  }
+}), st = { class: "space-y-4" }, mt = { class: "fm-typo-en-body-lg-400" }, it = { class: "fm-typo-en-body-lg-400" }, dt = { class: "flex items-center gap-8" }, pt = { class: "fm-typo-en-body-lg-400" }, ct = { class: "flex items-center justify-end gap-8 pt-16 w-full" }, yt = /* @__PURE__ */ P({
+  __name: "CustomRuleDialog",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(o) {
+    const x = ue(), g = X(), { emitData: u, emitAction: v } = ye(), { t } = G(), a = {
+      "user.member": "connect.template.rule.custom_modal.properties.user_member",
+      "user.parentReferralCode": "connect.template.rule.custom_modal.properties.user_parent_referral_code",
+      "user.name": "connect.template.rule.custom_modal.properties.user_name",
+      "user.phoneNumber": "connect.template.rule.custom_modal.properties.user_phone_number",
+      "user.email": "connect.template.rule.custom_modal.properties.user_email",
+      "user.birthday": "connect.template.rule.custom_modal.properties.user_birthday",
+      "user.joinAt": "connect.template.rule.custom_modal.properties.user_join_at",
+      "user.location": "connect.template.rule.custom_modal.properties.user_location",
+      "user.gender": "connect.template.rule.custom_modal.properties.user_gender",
+      "user.titles": "connect.template.rule.custom_modal.properties.user_titles",
+      "user.point": "connect.template.rule.custom_modal.properties.user_point",
+      "user.tier": "connect.template.rule.custom_modal.properties.user_tier",
+      "user.segment": "connect.template.rule.custom_modal.properties.user_segment",
+      "user.stats.avgBillSize": "connect.template.rule.custom_modal.properties.user_stats_avg_bill_size",
+      "user.stats.avgVisitFrequency": "connect.template.rule.custom_modal.properties.user_stats_avg_visit_frequency",
+      "user.stats.feedbackCount": "connect.template.rule.custom_modal.properties.user_stats_feedback_count",
+      "user.stats.lastVisit": "connect.template.rule.custom_modal.properties.user_stats_last_visit",
+      "user.stats.topupCount": "connect.template.rule.custom_modal.properties.user_stats_topup_count",
+      "user.stats.visitCount": "connect.template.rule.custom_modal.properties.user_stats_visit_count",
+      "user.stats.lastSeasonPointEarned": "connect.template.rule.custom_modal.properties.user_stats_last_season_point_earned",
+      "user.stats.lastSeasonTierEarned": "connect.template.rule.custom_modal.properties.user_stats_last_season_tier_earned",
+      "user.expiringVouchers.days7": "connect.template.rule.custom_modal.properties.user_expiring_vouchers_days_7",
+      "user.expiringVouchers.days30": "connect.template.rule.custom_modal.properties.user_expiring_vouchers_days_30",
+      "user.expiringVouchers.days90": "connect.template.rule.custom_modal.properties.user_expiring_vouchers_days_90"
+    }, s = {
+      _is: "connect.template.rule.custom_modal.operators.is",
+      _contains: "connect.template.rule.custom_modal.operators.contains",
+      _equal: "connect.template.rule.custom_modal.operators.equal",
+      _lessThan: "connect.template.rule.custom_modal.operators.less_than",
+      _moreThan: "connect.template.rule.custom_modal.operators.more_than",
+      _lessThanOrEqual: "connect.template.rule.custom_modal.operators.less_than_or_equal",
+      _moreThanOrEqual: "connect.template.rule.custom_modal.operators.more_than_or_equal",
+      _isDay: "connect.template.rule.custom_modal.operators.is_day",
+      _isRange: "connect.template.rule.custom_modal.operators.is_in_range",
+      _isOnDate: "connect.template.rule.custom_modal.operators.is_on_date",
+      _isBetween: "connect.template.rule.custom_modal.operators.is_between",
+      _isInMonth: "connect.template.rule.custom_modal.operators.is_in_month",
+      _rrule: "connect.template.rule.custom_modal.operators.matches_occurrence",
+      _isBetweenTime: "connect.template.rule.custom_modal.operators.between_time",
+      _isOnTime: "connect.template.rule.custom_modal.operators.is_on_time",
+      _isIn: "connect.template.rule.custom_modal.operators.is_in",
+      _hasAll: "connect.template.rule.custom_modal.operators.has_all_of",
+      _hasAny: "connect.template.rule.custom_modal.operators.has_any_of"
+    };
+    function n(S) {
+      if (!S) return "";
+      const T = a[S.property];
+      return T ? t(T) : S.name;
+    }
+    function h(S) {
+      const T = s[S];
+      return T ? t(T) : de[S].name;
+    }
+    const i = o, b = M(
+      () => ke(i.triggerType, i.includeOnly)
+    ), k = M(
+      () => b.value.find((S) => {
+        var T;
+        return S.property == ((T = p.value) == null ? void 0 : T.property);
+      })
+    ), U = (S) => ie[b.value.find((T) => T.property === S).type], D = M(() => {
+      if (!p.value) return [];
+      const S = b.value.find(
+        (T) => T.property === p.value.property
+      );
+      return S ? ie[S.type].filter((T) => {
+        var L, H;
+        return !((H = (L = de[T]) == null ? void 0 : L.exclude) != null && H.includes(p.value.property));
+      }).map((T) => ({
+        label: h(T),
+        value: T
+      })) : [];
+    }), d = he, l = M(() => {
+      const S = d.safeParse(p.value);
+      return S.success ? [] : S.error.errors;
+    }), y = W(!1), p = W(
+      ve(i.modelValue) ?? O.constructEntry(
+        b.value[0].property,
+        U(b.value[0].property)[0],
+        null
+      )
+    ), R = M(() => {
+      var E;
+      const { property: S, negated: T, conditions: L } = p.value, H = Object.keys(L || {})[0], Q = Object.values(L || {})[0];
+      return {
+        property: S,
+        negated: T == !0,
+        type: (E = b.value.find((z) => z.property === S)) == null ? void 0 : E.type,
+        operator: H,
+        equator: Q
+      };
+    });
+    function m(S) {
+      p.value = O.constructEntry(
+        S,
+        U(S)[0],
+        null
+      );
+    }
+    function Y(S) {
+      p.value = { ...p.value, negated: S == !0 };
+    }
+    function oe(S) {
+      p.value = {
+        ...p.value,
+        conditions: { [S]: null }
+      };
+    }
+    function J(S) {
+      p.value.conditions = {
+        [R.value.operator]: S
+      };
+    }
+    function ee() {
+      u(p.value), v("primary"), x.close();
+    }
+    return pe(async () => {
+      await g.readMembership();
+    }), (S, T) => {
+      const L = _("FmIcon"), H = _("FmField"), Q = _("FmPill"), E = _("FmMenuItem"), z = _("FmMenu"), se = _("FmButton");
+      return r(), V("div", st, [
+        C("div", mt, A(e(t)("connect.template.rule.custom_modal.property")), 1),
+        c(z, {
+          shift: !0,
+          placement: "bottom-start",
+          modelValue: e(y),
+          "onUpdate:modelValue": T[0] || (T[0] = (I) => fe(y) ? y.value = I : null),
+          onMenuChanged: T[1] || (T[1] = (I) => y.value = I),
+          "max-height": 300
+        }, {
+          "menu-button": B(() => [
+            c(H, null, {
+              append: B(() => [
+                c(L, {
+                  name: e(y) ? "expand_less" : "expand_more"
+                }, null, 8, ["name"])
+              ]),
+              default: B(() => [
+                ne(A(n(e(k))) + " ", 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: B(() => [
+            (r(!0), V(q, null, $(e(b), (I) => (r(), f(E, {
+              key: I.property,
+              "model-value": e(p).property == I.property,
+              label: n(I),
+              disabled: I.premium && !e(te)().isPremium,
+              onClick: (Et) => I.premium && !e(te)().isPremium ? null : m(I.property)
+            }, ce({ _: 2 }, [
+              I.premium ? {
+                name: "append",
+                fn: B(() => [
+                  c(Q, { variant: "premium" })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["model-value", "label", "disabled", "onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        C("div", it, A(e(t)("connect.template.rule.custom_modal.check_to_perform")), 1),
+        C("div", dt, [
+          c(w, {
+            class: "w-1/4",
+            items: [
+              { label: e(t)("connect.template.rule.custom_modal.is"), value: !1 },
+              {
+                label: e(t)("connect.template.rule.custom_modal.is_not"),
+                value: !0
+              }
+            ],
+            "model-value": e(p).negated ?? !1,
+            "onUpdate:modelValue": Y
+          }, null, 8, ["items", "model-value"]),
+          c(w, {
+            class: "flex-1",
+            items: e(D),
+            "model-value": e(R).operator,
+            "onUpdate:modelValue": oe
+          }, null, 8, ["items", "model-value"])
+        ]),
+        C("div", null, [
+          C("div", pt, A(e(t)("connect.template.rule.custom_modal.criteria")), 1),
+          e(R).type ? (r(), f(ut, {
+            key: 0,
+            type: e(R).type,
+            operator: e(R).operator,
+            "model-value": e(R).equator,
+            "onUpdate:modelValue": J
+          }, null, 8, ["type", "operator", "model-value"])) : N("", !0)
+        ]),
+        C("div", ct, [
+          c(se, {
+            onClick: T[2] || (T[2] = (I) => e(x).close()),
+            label: e(t)("connect.common.cancel"),
+            variant: "tertiary"
+          }, null, 8, ["label"]),
+          c(se, {
+            onClick: T[3] || (T[3] = (I) => ee()),
+            disabled: e(l).length > 0,
+            label: e(t)("connect.common.save")
+          }, null, 8, ["disabled", "label"])
+        ])
+      ]);
+    };
+  }
+}), vt = { class: "flex flex-col gap-8" }, bt = { class: "grid grid-cols-2 items-center" }, ft = { class: "flex items-center gap-8" }, gt = { class: "pt-16 flex items-center self-end gap-8" }, _t = /* @__PURE__ */ P({
+  __name: "PresetRuleDialog",
+  props: {
+    preset: {
+      type: String,
+      required: !0
+    },
+    defaultValue: {
+      type: Object
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  setup(o) {
+    const x = ue(), { emitData: g, emitAction: u } = ye(), v = X(), { t } = G(), a = o;
+    function s() {
+      const { operator: d, equator: l } = i.value;
+      switch (a.preset) {
+        case "MIN_SPEND":
+        case "SPECIFIC_DATE":
+        case "SPECIFIC_TIMERANGE":
+        case "WEEKLY":
+        case "MONTHLY":
+        case "BIRTHDAY":
+        case "TIER": {
+          const y = v.sortedTiers.filter((p, R) => d == "_equal" ? R + 1 == l : d == "_moreThanOrEqual" ? R + 1 >= l : R + 1 <= l);
+          return t("connect.template.rule.preset_modal.applies_to", {
+            tiers: y.map((p) => p.name).join(", ")
+          });
+        }
+      }
+    }
+    function n() {
+      var d, l;
+      switch (a.preset) {
+        case "MIN_SPEND":
+          return O.constructEntry("bill.amount", "_moreThanOrEqual", 0);
+        case "SPECIFIC_DATE":
+          return O.constructEntry(
+            "trigger.date",
+            "_isOnDate",
+            (/* @__PURE__ */ new Date()).toISOString()
+          );
+        case "SPECIFIC_TIMERANGE":
+          return O.constructEntry("trigger.time", "_isBetweenTime", [
+            { start: "00:00", end: "23:59" }
+          ]);
+        case "WEEKLY":
+          return O.constructEntry(
+            "trigger.date",
+            "_rrule",
+            "RRULE:FREQ=WEEKLY;WKST=SU;BYDAY=SU;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+          );
+        case "MONTHLY":
+          return O.constructEntry(
+            "trigger.date",
+            "_rrule",
+            "RRULE:FREQ=MONTHLY;WKST=SU;BYMONTHDAY=1;BYHOUR=0;BYMINUTE=0;BYSECOND=0"
+          );
+        case "BIRTHDAY":
+          console.log("birthday", a);
+          const y = O.constructEntry(
+            a.defaultValue.property,
+            a.defaultValue.operator,
+            a.defaultValue.equator
+          );
+          return console.log(y), y;
+        case "TIER":
+          return O.constructEntry("user.tier", "_equal", 1);
+        case "TITLE":
+          return O.constructEntry("user.titles", "_hasAny", [
+            (l = (d = v.sortedTitles) == null ? void 0 : d[0]) == null ? void 0 : l._id
+          ]);
+        case "LAST_X_DAY":
+          return O.constructEntry("user.stats.lastVisit", "_isRange", {
+            op: "last",
+            unit: "day",
+            ignoreYear: !0,
+            x: 0
+          });
+        case "CUSTOM":
+          throw new Error("Not implemented");
+      }
+    }
+    const h = W(n()), i = M(() => {
+      const d = O.simplify(h.value);
+      return {
+        ...d,
+        equator: d.equator
+      };
+    });
+    function b(d, l) {
+      const y = i.value;
+      h.value = O.constructEntry(
+        y.property,
+        l ?? y.operator,
+        d,
+        h.value.name
+      );
+    }
+    function k() {
+      g(h.value), u("primary"), x.close();
+    }
+    const U = M(() => {
+      const d = Ee.safeParse(h.value);
+      return d.success ? [] : d.error.errors;
+    });
+    pe(async () => {
+      await v.readMembership();
+    });
+    const D = M(() => [
+      {
+        label: t("connect.template.rule.preset_modal.unit.day"),
+        value: "day"
+      },
+      {
+        label: t("connect.template.rule.preset_modal.unit.week"),
+        value: "week"
+      },
+      {
+        label: t("connect.template.rule.preset_modal.unit.month"),
+        value: "month"
+      }
+    ]);
+    return (d, l) => {
+      var S, T, L, H, Q;
+      const y = _("FmStepperField"), p = _("FmDatePicker"), R = _("FmTimeRangePicker"), m = _("FmRadio"), Y = _("FmSelect"), oe = _("FmRadioGroup"), J = _("FmHelperText"), ee = _("FmButton");
+      return r(), V("div", vt, [
+        o.preset == "MIN_SPEND" ? (r(), f(y, {
+          key: 0,
+          label: e(t)("connect.template.rule.preset.minimum_spend"),
+          "model-value": e(i).equator,
+          "onUpdate:modelValue": l[0] || (l[0] = (E) => b(E))
+        }, null, 8, ["label", "model-value"])) : N("", !0),
+        o.preset == "LAST_X_DAY" ? (r(), f(y, {
+          key: 1,
+          label: "",
+          min: 0,
+          prepent: e(t)("connect.template.rule.preset_modal.day"),
+          "model-value": e(i).equator.x,
+          rules: [
+            (E) => E >= 0 || e(t)(
+              "connect.template.rule.preset_modal.value_must_be_greater_than_0"
+            )
+          ],
+          "onUpdate:modelValue": l[1] || (l[1] = (E) => b({
+            op: "last",
+            unit: "day",
+            ignoreYear: !0,
+            x: E
+          }))
+        }, null, 8, ["prepent", "model-value", "rules"])) : o.preset == "SPECIFIC_DATE" ? (r(), f(p, {
+          key: 2,
+          label: e(t)("connect.template.rule.preset.specific_date"),
+          "model-value": e(i).equator,
+          "onUpdate:modelValue": l[2] || (l[2] = (E) => b(E))
+        }, null, 8, ["label", "model-value"])) : o.preset == "SPECIFIC_TIMERANGE" ? (r(), f(R, {
+          key: 3,
+          label: e(t)("connect.template.rule.preset_modal.time_is_between"),
+          "disable-time-check": !0,
+          "model-value": [(T = (S = e(i).equator) == null ? void 0 : S[0]) == null ? void 0 : T.start, (H = (L = e(i).equator) == null ? void 0 : L[0]) == null ? void 0 : H.end],
+          "onUpdate:modelValue": l[3] || (l[3] = (E) => b([
+            {
+              start: E[0],
+              end: E[1]
+            }
+          ]))
+        }, null, 8, ["label", "model-value"])) : o.preset == "WEEKLY" ? (r(), f(re, {
+          key: 4,
+          label: e(t)("connect.template.rule.preset.weekly"),
+          "fixed-frequency": !0,
+          "model-value": e(i).equator,
+          "onUpdate:modelValue": l[4] || (l[4] = (E) => b(E))
+        }, null, 8, ["label", "model-value"])) : o.preset == "MONTHLY" ? (r(), f(re, {
+          key: 5,
+          label: e(t)("connect.template.rule.preset.monthly"),
+          "fixed-frequency": !0,
+          "model-value": e(i).equator,
+          "onUpdate:modelValue": l[5] || (l[5] = (E) => b(E))
+        }, null, 8, ["label", "model-value"])) : o.preset == "BIRTHDAY" ? (r(), V(q, { key: 6 }, [
+          C("div", bt, [
+            c(m, {
+              label: e(t)("connect.template.rule.birthday.days_before"),
+              value: "_isDay",
+              "model-value": e(i).operator,
+              "onUpdate:modelValue": l[6] || (l[6] = () => {
+                b(
+                  {
+                    op: "after",
+                    x: 1,
+                    ignoreYear: !0
+                  },
+                  "_isDay"
+                );
+              })
+            }, null, 8, ["label", "model-value"]),
+            C("div", ft, [
+              c(m, {
+                label: e(t)("connect.template.rule.preset_modal.is_in_this"),
+                value: "_isRange",
+                "model-value": e(i).operator,
+                "onUpdate:modelValue": l[7] || (l[7] = () => {
+                  b(
+                    {
+                      op: "this",
+                      unit: "day",
+                      ignoreYear: !0
+                    },
+                    "_isRange"
+                  );
+                })
+              }, null, 8, ["label", "model-value"]),
+              e(i).operator == "_isRange" ? (r(), f(Y, {
+                key: 0,
+                items: e(D),
+                "model-value": e(i).equator.unit,
+                "onUpdate:modelValue": l[8] || (l[8] = (E) => b(
+                  {
+                    op: "this",
+                    unit: E,
+                    ignoreYear: !0
+                  },
+                  "_isRange"
+                ))
+              }, null, 8, ["items", "model-value"])) : N("", !0)
+            ])
+          ]),
+          e(i).operator == "_isDay" ? (r(), f(y, {
+            key: 0,
+            label: e(t)("connect.template.rule.birthday.days_before_label"),
+            "show-steppers": !1,
+            "model-value": e(i).equator.x,
+            "onUpdate:modelValue": l[9] || (l[9] = (E) => b({
+              op: "after",
+              x: E,
+              ignoreYear: !0
+            }))
+          }, null, 8, ["label", "model-value"])) : N("", !0)
+        ], 64)) : o.preset == "TIER" ? (r(), V(q, { key: 7 }, [
+          c(oe, {
+            inline: !0,
+            "model-value": e(i).operator,
+            "onUpdate:modelValue": l[10] || (l[10] = (E) => b(e(i).equator, E))
+          }, {
+            default: B(() => [
+              c(m, {
+                value: "_moreThanOrEqual",
+                label: e(t)("connect.template.rule.preset_modal.at_least")
+              }, null, 8, ["label"]),
+              c(m, {
+                value: "_equal",
+                label: e(t)("connect.template.rule.preset_modal.equal")
+              }, null, 8, ["label"]),
+              c(m, {
+                value: "_lessThanOrEqual",
+                label: e(t)("connect.template.rule.preset_modal.at_most")
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          c(w, {
+            items: (e(v).sortedTiers ?? []).map((E, z) => ({
+              label: `Tier ${z + 1} - ${E.name}`,
+              value: z + 1
+            })),
+            "model-value": e(i).equator,
+            "onUpdate:modelValue": l[11] || (l[11] = (E) => b(E))
+          }, null, 8, ["items", "model-value"]),
+          c(J, {
+            text: s()
+          }, null, 8, ["text"])
+        ], 64)) : o.preset == "TITLE" ? (r(), f(w, {
+          key: 8,
+          label: e(t)("connect.template.rule.preset_modal.user_has_title"),
+          items: (e(v).sortedTitles ?? []).map((E) => ({
+            label: E.name,
+            value: E._id
+          })),
+          "model-value": (Q = e(i).equator) == null ? void 0 : Q[0],
+          "onUpdate:modelValue": l[12] || (l[12] = (E) => b([E]))
+        }, null, 8, ["label", "items", "model-value"])) : N("", !0),
+        c(J, {
+          class: "mt-[-8px]",
+          text: e(le).helperText(e(U), ""),
+          state: e(le).helperState(e(U), "")
+        }, null, 8, ["text", "state"]),
+        C("div", gt, [
+          c(ee, {
+            onClick: l[13] || (l[13] = (E) => e(x).close()),
+            label: e(t)("connect.common.cancel"),
+            variant: "tertiary"
+          }, null, 8, ["label"]),
+          c(ee, {
+            onClick: l[14] || (l[14] = (E) => k()),
+            disabled: e(U).length > 0,
+            label: e(t)("connect.common.save")
+          }, null, 8, ["disabled", "label"])
+        ])
+      ]);
+    };
+  }
+}), kt = /* @__PURE__ */ P({
+  __name: "RuleConfigurator",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { expose: x, emit: g }) {
+    const u = te(), { t: v, te: t } = G(), a = {
+      "Minimum spend": "connect.template.rule.preset.minimum_spend",
+      "Specific date": "connect.template.rule.preset.specific_date",
+      "Specific time range": "connect.template.rule.preset.specific_time_range",
+      Weekly: "connect.template.rule.preset.weekly",
+      Monthly: "connect.template.rule.preset.monthly",
+      Birthday: "connect.template.rule.preset.birthday",
+      "Birthday Week": "connect.template.rule.preset.birthday_week",
+      "Birthday Month": "connect.template.rule.preset.birthday_month",
+      "N day before birthday": "connect.template.rule.preset.n_day_before_birthday",
+      "Specific tier": "connect.template.rule.preset.specific_tier",
+      "Specific title": "connect.template.rule.preset.specific_title",
+      "Last visit in X days": "connect.template.rule.preset.last_visit_in_x_days",
+      "Weekday special": "connect.template.rule.preset.weekday_special",
+      "Weekend special": "connect.template.rule.preset.weekend_special",
+      "Happy hour": "connect.template.rule.preset.happy_hour",
+      "Mother's day special": "connect.template.rule.preset.mothers_day_special",
+      "Father's day special": "connect.template.rule.preset.fathers_day_special",
+      Christmas: "connect.template.rule.preset.christmas",
+      "Feedback rating": "connect.template.rule.preset.feedback_rating",
+      Custom: "connect.template.rule.preset.custom"
+    }, s = o, n = g, h = ue(), i = W();
+    function b(d) {
+      const [l] = d.rules;
+      h.open({
+        title: D(d),
+        closeButton: !1,
+        dismissAway: !1,
+        contentComponent: _t,
+        contentComponentProps: {
+          preset: d.type,
+          defaultValue: l,
+          modelValue: s.modelValue
+        }
+      }).onPrimary((y) => n("update:model-value", y));
+    }
+    function k(d) {
+      h.open({
+        title: v("connect.template.rule.edit_rule"),
+        closeButton: !1,
+        dismissAway: !1,
+        contentComponent: yt,
+        contentComponentProps: {
+          triggerType: s.triggerType,
+          includeOnly: s.includeOnly,
+          modelValue: d
+        }
+      }).onPrimary((l) => n("update:model-value", l));
+    }
+    function U(d) {
+      if (d.type == "CUSTOM") {
+        const [l] = d.rules;
+        return k(
+          O.constructEntry(l.property, l.operator, l.equator)
+        );
+      }
+      return b(d);
+    }
+    function D(d) {
+      const l = a[d.name];
+      return l && t(l) ? v(l) : d.name;
+    }
+    return x({
+      showCustomDialog: k
+    }), (d, l) => {
+      const y = _("FmButton"), p = _("FmPill"), R = _("FmMenuItem"), m = _("FmMenu");
+      return r(), f(m, {
+        shift: !0,
+        placement: "top-start"
+      }, {
+        "menu-button": B(() => [
+          c(y, {
+            label: e(v)("connect.template.rule.add_condition"),
+            icon: "add",
+            class: "text-fm-color-primary border-fm-color-primary",
+            "icon-color": "primary",
+            variant: "secondary"
+          }, null, 8, ["label"])
+        ]),
+        default: B(() => [
+          (r(!0), V(q, null, $(e(qe).filter(
+            (Y) => !o.includeOnly || Y.for.includes(o.includeOnly)
+          ), (Y) => (r(), f(R, {
+            key: Y.name,
+            "model-value": Y.name == e(i),
+            label: D(Y),
+            onClick: () => {
+              Y != null && Y.premium && !e(u).isPremium || U(Y);
+            },
+            disabled: (Y == null ? void 0 : Y.premium) && !e(u).isPremium
+          }, ce({ _: 2 }, [
+            Y != null && Y.premium ? {
+              name: "append",
+              fn: B(() => [
+                c(p, { variant: "premium" })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["model-value", "label", "onClick", "disabled"]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ht = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ht = /* @__PURE__ */ P({
+  __name: "RuleGroup",
+  props: {
+    triggerType: {
+      type: String,
+      required: !0
+    },
+    includeOnly: {
+      type: String
+    },
+    modelValue: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: x }) {
+    const g = o, u = x, v = Se(), { t } = G(), a = M(
+      () => g.modelValue ?? O.scaffoldGroup()
+    ), s = M(() => O.getLogic(a.value)), n = M(() => [
+      { label: t("connect.template.rule.and"), value: "&&" },
+      { label: t("connect.template.rule.or"), value: "||" }
+    ]), h = W();
+    function i(b, k) {
+      try {
+        const U = O.setRuleToGroup(b, k);
+        O.isRuleExceed(b, k), u("update:model-value", U);
+      } catch (U) {
+        v.open({
+          message: U.message,
+          type: "error"
+        });
+      }
+    }
+    return (b, k) => {
+      const U = _("FmButtonGroup"), D = _("FmCard");
+      return r(), f(D, { variant: "outlined" }, {
+        default: B(() => [
+          c(D, { class: "border-l-4 border-fm-color-primary p-16 space-y-16" }, {
+            default: B(() => [
+              C("div", ht, A(e(t)("connect.template.rule.when")), 1),
+              c(kt, {
+                ref_key: "configuratorRef",
+                ref: h,
+                "include-only": o.includeOnly,
+                "trigger-type": o.triggerType,
+                "onUpdate:modelValue": k[0] || (k[0] = (d) => i(e(a), d))
+              }, null, 8, ["include-only", "trigger-type"]),
+              (r(!0), V(q, null, $(e(a).rules, (d, l) => {
+                var y;
+                return r(), V(q, null, [
+                  e(Ve)(d) ? (r(), f(De, {
+                    "model-value": d,
+                    key: l,
+                    onEdit: (y = e(h)) == null ? void 0 : y.showCustomDialog,
+                    onRemove: k[1] || (k[1] = (p) => {
+                      u(
+                        "update:model-value",
+                        e(O).removeEntry(e(a), p.name)
+                      );
+                    })
+                  }, null, 8, ["model-value", "onEdit"])) : N("", !0),
+                  c(U, {
+                    class: "w-[200px]",
+                    disabled: Object.keys(e(a).rules).length < 2,
+                    items: e(n),
+                    "model-value": e(n).find((p) => p.value === e(s)) ?? null,
+                    "onUpdate:modelValue": k[2] || (k[2] = (p) => u(
+                      "update:model-value",
+                      e(O).setRuleToGroup(
+                        e(a),
+                        [],
+                        p.value
+                      )
+                    ))
+                  }, null, 8, ["disabled", "items", "model-value"])
+                ], 64);
+              }), 256))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ht as _,
+  re as a
+};