@feedmepos/mf-connect 0.1.97-prod → 0.1.98-beta.2

package/dist/RuleGroup.vue_vue_type_script_setup_true_lang-DlcsO8fk.js

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