@feedmepos/mf-connect 0.1.0-beta.4 → 0.1.0-beta.41

package/dist/Overview-CZk3IHyA.js

@@ -0,0 +1,1063 @@
+import { defineComponent as Y, resolveComponent as _, openBlock as S, createElementBlock as E, Fragment as z, createVNode as d, withCtx as V, createElementVNode as a, toDisplayString as O, unref as t, renderSlot as he, ref as F, computed as G, watch as se, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as ie, createTextVNode as de, createCommentVNode as W, h as te, onMounted as ve } from "vue";
+import { _ as ge } from "./campaign-CpzFl8Vr.js";
+import { u as Z } from "./vue-i18n-CTdcKDi0.js";
+import { c as we, p as q, u as ce } from "./loading-DxppIZmv.js";
+import { J as X } from "./JsonViewer-v8_C7l5N.js";
+import { Z as N } from "./zod-Bg2FbC-D.js";
+import { u as K } from "./app-wDQR6dpb.js";
+import { u as Q, _ as _e } from "./RewardGroup.vue_vue_type_script_setup_true_lang-UP4KtCK2.js";
+import { u as ue } from "./reward-Qjelc0jm.js";
+import { q as le, r as ye } from "./index-Dlv6dpg5.js";
+import "./index-D_sLK5cZ.js";
+import { a as be, b as xe } from "./index-Bk281EIF.js";
+import "./index-CHAvEqB_.js";
+import "./index-F1sEdtX3.js";
+import { C as me } from "./membership-DIBN0bog.js";
+import { t as ee } from "./helper-Et1Q6YUA.js";
+import { c as H } from "./object-qECH92oz.js";
+import { useDialog as Re, components as oe } from "@feedmepos/ui-library";
+import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-rBa59HC1.js";
+import { a as Se, _ as Fe } from "./trigger-qeiGHLZs.js";
+import { O as ke } from "./objectid-BXKVeU2w.js";
+import { r as fe } from "./index-CMEY40F9.js";
+import { u as $e } from "./business-CG7GnAu5.js";
+const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ie = { class: "flex-1" }, Te = { class: "flex items-center gap-8" }, Ue = { class: "fm-typo-en-title-sm-800" }, Ae = { class: "flex gap-8 items-center" }, Le = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Ee = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Oe = { class: "flex-1 space-y-4" }, je = { class: "fm-typo-en-body-lg-600" }, De = /* @__PURE__ */ Y({
+  __name: "ReferralRewadGroupCard",
+  props: {
+    rewardGroup: {
+      type: Object,
+      required: !0
+    },
+    level: {
+      type: Number,
+      required: !0
+    }
+  },
+  emits: ["edit", "addCount", "remove"],
+  setup(k, { emit: m }) {
+    const { t: I } = Z(), p = m;
+    return (w, f) => {
+      const n = _("FmButton"), c = _("FmListItem");
+      return S(), E(z, null, [
+        d(c, {
+          onClick: f[4] || (f[4] = (u) => p("edit", k.level)),
+          class: "!p-0"
+        }, {
+          default: V(() => [
+            a("div", Pe, [
+              a("div", Ve, [
+                a("div", Ie, [
+                  a("div", Te, [
+                    a("div", Ue, O(k.rewardGroup.name), 1)
+                  ])
+                ])
+              ]),
+              a("div", Ae, [
+                d(n, {
+                  variant: "secondary",
+                  label: t(I)("connect.referral.reward.add_count"),
+                  icon: "add",
+                  onClick: f[0] || (f[0] = (u) => {
+                    u.stopPropagation(), p("addCount", k.level);
+                  })
+                }, null, 8, ["label"]),
+                d(n, {
+                  icon: "delete",
+                  onClick: f[1] || (f[1] = (u) => {
+                    u.stopPropagation(), p("remove", k.level);
+                  }),
+                  variant: "tertiary"
+                })
+              ])
+            ]),
+            a("div", Le, [
+              a("div", Be, [
+                a("div", Ee, [
+                  a("div", Oe, [
+                    a("div", null, [
+                      a("div", je, O(k.rewardGroup.name), 1)
+                    ])
+                  ])
+                ]),
+                d(n, {
+                  variant: "tertiary",
+                  icon: "delete",
+                  onClick: f[2] || (f[2] = (u) => (u.stopPropagation(), p("remove", k.level)))
+                })
+              ]),
+              d(n, {
+                class: "w-full",
+                variant: "secondary",
+                label: "Add count",
+                disabled: !0,
+                icon: "add",
+                onClick: f[3] || (f[3] = (u) => (u.stopPropagation(), p("addCount", k.level)))
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        he(w.$slots, "default")
+      ], 64);
+    };
+  }
+}), Ge = { class: "flex flex-col space-y-16 pr-12" }, Me = { class: "flex gap-16 items-center" }, Ne = { class: "fm-typo-en-title-sm-800" }, He = { class: "flex items-center gap-8" }, ze = /* @__PURE__ */ Y({
+  __name: "EditReferralCountSheet",
+  emits: ["update"],
+  setup(k, { expose: m, emit: I }) {
+    const { t: p } = Z(), w = I, f = F(!1), n = F({}), c = F(-1), u = F(-1), R = Q(), A = be.superRefine((e, r) => {
+      var $, U, P, x, v, B, ae;
+      const i = u.value == -1 ? ((P = (U = ($ = R.referralProgram) == null ? void 0 : $.reward[c.value]) == null ? void 0 : U.rewards) == null ? void 0 : P.length) || 0 : u.value, g = (v = (x = R.referralProgram) == null ? void 0 : x.reward[c.value]) == null ? void 0 : v.rewards[i - 1], b = (ae = (B = R.referralProgram) == null ? void 0 : B.reward[c.value]) == null ? void 0 : ae.rewards[i + 1];
+      g && e.threshold.from < g.threshold.from + 1 && r.addIssue({
+        code: "custom",
+        message: `The min referral must be at least ${g.threshold.from + 1}`,
+        path: ["option"]
+      }), b && e.threshold.to && b.threshold.to && e.threshold.to > b.threshold.to - 1 && r.addIssue({
+        code: "custom",
+        message: `The max referral must be at most ${b.threshold.to - 2}`,
+        path: ["option"]
+      });
+    }), T = G(() => {
+      const e = A.safeParse(n.value);
+      return e.success ? [] : e.error.errors;
+    });
+    function M() {
+      const e = A.safeParse(n.value);
+      e.success && w("update", {
+        groupIndex: c.value,
+        countIndex: u.value,
+        referralCount: e.data
+      });
+    }
+    async function D(e, r) {
+      var i, g, b, $, U, P;
+      if (f.value = e, e && typeof (r == null ? void 0 : r.countIndex) == "number" && r.countIndex >= 0)
+        c.value = r.groupIndex, u.value = r.countIndex, n.value = H(
+          (i = R.referralProgram) == null ? void 0 : i.reward[r.groupIndex].rewards[r.countIndex]
+        );
+      else {
+        c.value = r.groupIndex, u.value = -1;
+        const x = u.value == -1 ? (($ = (b = (g = R.referralProgram) == null ? void 0 : g.reward[c.value]) == null ? void 0 : b.rewards) == null ? void 0 : $.length) || 0 : u.value, v = (P = (U = R.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : P.rewards[x - 1];
+        n.value = {
+          threshold: {
+            from: v != null && v.threshold ? v != null && v.threshold.to ? v.threshold.to + 1 : (v == null ? void 0 : v.threshold.from) + 1 : 1,
+            to: null
+          },
+          rewards: []
+        };
+      }
+      h.value = [], h.value = l.value.map(
+        (x) => n.value.rewards.includes(x.id)
+      );
+    }
+    function L() {
+      f.value = !1;
+    }
+    const y = [
+      {
+        header: "Reward title",
+        accessorFn: (e) => e.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        cell(e) {
+          return me[e.row.original.collectibleConfig.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (e) => e.description,
+        cell(e) {
+          const r = e.row.original;
+          if (r.collectible.type == "VOUCHER" || r.selectedReward == null)
+            return r.description;
+        }
+      }
+    ], s = ue(), o = F([]), l = G(() => s.rewards.map((e) => {
+      let r = "No expiry";
+      switch (e.option.type) {
+        case "VOUCHER":
+          r = `${e.option.collectibleConfig.options.maxUse} use(s), ${ee(e.option.collectibleConfig.options.validityOption || {})}`;
+          break;
+        case "LOYALTY":
+          r = `${e.option.earningOption.amount}, ${ee(e.option.validityOption || {})}`;
+          break;
+      }
+      return {
+        id: e._id,
+        name: e.name,
+        collectible: e.option,
+        collectibleConfig: e.collectibleConfig,
+        description: r
+      };
+    }));
+    G(() => []);
+    function C() {
+      const e = l.value;
+      for (let r = 0; r < e.length; r++) {
+        const i = e[r], g = h.value[r];
+        g && !n.value.rewards.includes(i.id) && n.value.rewards.push(i.id), !g && n.value.rewards.includes(i.id) && (n.value.rewards = n.value.rewards.filter(
+          (b) => b != i.id
+        ));
+      }
+    }
+    const h = F({});
+    return se(h, C, { deep: !0 }), m({
+      showSheet: D,
+      hideSheet: L,
+      data: n
+    }), (e, r) => {
+      const i = _("FmStepperField"), g = _("FmHelperText"), b = _("FmTable"), $ = _("FmButton"), U = _("FmSideSheet");
+      return S(), j(U, {
+        "max-width": 1e3,
+        modelValue: t(f),
+        "onUpdate:modelValue": r[4] || (r[4] = (P) => J(f) ? f.value = P : null),
+        header: `${t(u) == -1 ? t(p)("connect.referral.editReferralCountSheet.add") : t(p)("connect.referral.editReferralCountSheet.edit")}`
+      }, {
+        "side-sheet-footer": V(() => [
+          a("div", He, [
+            d($, {
+              label: t(p)("connect.editTierSheet.submit"),
+              onClick: M,
+              disabled: t(T).length > 0 || t(K)().isLoading,
+              loading: t(K)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            d($, {
+              label: t(p)("connect.editTierSheet.cancel"),
+              onClick: r[3] || (r[3] = (P) => L()),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: V(() => [
+          d(X, { json: t(n) }, null, 8, ["json"]),
+          d(X, { json: t(T) }, null, 8, ["json"]),
+          a("div", Ge, [
+            a("div", null, [
+              a("div", Me, [
+                d(i, {
+                  modelValue: t(n).threshold.from,
+                  "onUpdate:modelValue": r[0] || (r[0] = (P) => t(n).threshold.from = P),
+                  "show-steppers": !1,
+                  rules: [t(N).ruleAtPath(t(A), "threshold.from")]
+                }, {
+                  label: V(() => [
+                    (S(), j(ne(
+                      t(N).toInputLabel(
+                        t(N).typeAtPath(t(A), "threshold.from"),
+                        t(p)(
+                          "connect.referral.editReferralCountSheet.min_referral_count"
+                        )
+                      )
+                    )))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules"]),
+                d(i, {
+                  modelValue: t(n).threshold.to,
+                  "onUpdate:modelValue": r[1] || (r[1] = (P) => t(n).threshold.to = P),
+                  "show-steppers": !1,
+                  rules: [t(N).ruleAtPath(t(A), "threshold.to")]
+                }, {
+                  label: V(() => [
+                    (S(), j(ne(
+                      t(N).toInputLabel(
+                        t(N).typeAtPath(t(A), "threshold.to"),
+                        t(p)(
+                          "connect.referral.editReferralCountSheet.max_referral_count"
+                        )
+                      )
+                    )))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "rules"])
+              ]),
+              d(g, {
+                text: t(N).helperText(t(T), "threshold"),
+                state: t(N).helperState(t(T), "threshold")
+              }, null, 8, ["text", "state"]),
+              r[5] || (r[5] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " When max. referral count is not set, it will default unlimited ", -1))
+            ]),
+            a("div", Ne, O(t(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
+            d(b, {
+              modelValue: t(h),
+              "onUpdate:modelValue": r[2] || (r[2] = (P) => J(h) ? h.value = P : null),
+              selection: "multiple",
+              "column-filter": t(o),
+              "column-defs": y,
+              "row-data": t(l),
+              "page-size": 10
+            }, null, 8, ["modelValue", "column-filter", "row-data"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Ye = { class: "space-y-16" }, qe = { class: "grid grid-cols-3 gap-16" }, We = { class: "fm-typo-en-title-sm-800" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ Y({
+  __name: "CriteriaTriggerInput",
+  props: {
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(k, { emit: m }) {
+    const I = k, p = m, w = G(() => [
+      le.enum.BILL_COMPLETED,
+      le.enum.FEEDBACK
+    ].map((f) => Se[f]));
+    return (f, n) => {
+      const c = _("FmCard");
+      return S(), E("div", Ye, [
+        n[0] || (n[0] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
+        a("div", qe, [
+          (S(!0), E(z, null, re(t(w), (u) => (S(), j(c, {
+            key: u.name,
+            variant: "outlined",
+            disabled: I.disabled,
+            class: ie(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+              "col-span-3": t(w).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": k.modelValue == u.value,
+              "hover:bg-fm-color-opacity-sm": k.modelValue != u.value
+            }]),
+            onClick: () => {
+              I.modelValue != u.value && !I.disabled && p("update:model-value", u.value);
+            }
+          }, {
+            default: V(() => [
+              a("div", We, O(u.name), 1),
+              a("div", Je, O(u.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "class", "onClick"]))), 128))
+        ])
+      ]);
+    };
+  }
+}), Ze = { class: "flex items-center gap-x-8" }, Qe = { class: "flex flex-col space-y-16 pr-12" }, Xe = {
+  key: 0,
+  class: "space-y-16"
+}, er = { class: "flex items-center gap-8" }, rr = /* @__PURE__ */ Y({
+  __name: "EditCriteriaSheet",
+  emits: ["update"],
+  setup(k, { expose: m, emit: I }) {
+    const { t: p } = Z(), w = I, f = F(!1), n = F(-1), c = F({}), u = Q(), R = xe.superRefine((y, s) => {
+      y.name.length >= 50 && s.addIssue({
+        code: "custom",
+        message: "Name must be less than 50 characters"
+      }), y.name.length < 1 && s.addIssue({
+        code: "custom",
+        message: "Name is required"
+      });
+    }), A = G(() => {
+      const y = R.safeParse(c.value);
+      return y.success ? [] : y.error.errors;
+    });
+    function T(y, s) {
+      var o;
+      f.value = y, y && typeof s == "number" && s >= 0 ? (n.value = s, c.value = H(
+        (o = u.referralProgram) == null ? void 0 : o.criteria[s]
+      )) : (n.value = -1, c.value = {
+        _id: new ke().toString(),
+        name: "",
+        type: "AUTO",
+        event: { type: "BILL_COMPLETED" }
+      });
+    }
+    function M() {
+      f.value = !1;
+    }
+    function D() {
+      const y = R.safeParse(c.value);
+      y.success && w("update", n.value, y.data);
+    }
+    function L(y) {
+      c.value.type = y, y == "AUTO" ? c.value.event = { type: "BILL_COMPLETED" } : c.value.event = void 0;
+    }
+    return m({
+      showSheet: T,
+      hideSheet: M,
+      data: c
+    }), (y, s) => {
+      const o = _("FmButton"), l = _("FmRadio"), C = _("FmRadioGroup"), h = _("FmSideSheet");
+      return S(), j(h, {
+        "max-width": 768,
+        modelValue: t(f),
+        "onUpdate:modelValue": s[5] || (s[5] = (e) => J(f) ? f.value = e : null)
+      }, {
+        "side-sheet-header": V(() => [
+          a("div", Ze, [
+            d(o, {
+              icon: "arrow_back",
+              variant: "tertiary",
+              onClick: s[0] || (s[0] = (e) => T(!1))
+            }),
+            s[6] || (s[6] = de("Add Criteria "))
+          ])
+        ]),
+        "side-sheet-footer": V(() => [
+          a("div", er, [
+            d(o, {
+              label: t(p)("connect.editTierSheet.submit"),
+              onClick: D,
+              disabled: t(A).length > 0 || t(K)().isLoading,
+              loading: t(K)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            d(o, {
+              label: t(p)("connect.editTierSheet.cancel"),
+              onClick: s[4] || (s[4] = (e) => T(!1)),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: V(() => [
+          d(X, { json: t(c) }, null, 8, ["json"]),
+          a("div", Qe, [
+            s[10] || (s[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
+            d(Ce, {
+              modelValue: t(c).name,
+              "onUpdate:modelValue": s[1] || (s[1] = (e) => t(c).name = e),
+              label: t(p)("connect.referral.editReferralTierSheet.name"),
+              schema: t(N).typeAtPath(t(R), "name")
+            }, null, 8, ["modelValue", "label", "schema"]),
+            s[11] || (s[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
+            d(C, {
+              "model-value": t(c).type,
+              label: "Verify status",
+              "onUpdate:modelValue": L
+            }, {
+              default: V(() => [
+                d(l, {
+                  value: "AUTO",
+                  label: "Auto",
+                  sublabel: "Verify based on rule configuration"
+                }),
+                d(l, {
+                  value: "MANUAL",
+                  label: "Manual",
+                  sublabel: "Verify based on manual inspection"
+                })
+              ]),
+              _: 1
+            }, 8, ["model-value"]),
+            t(c).type == "AUTO" ? (S(), E(z, { key: 0 }, [
+              s[8] || (s[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
+              s[9] || (s[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
+              d(Ke, {
+                "model-value": t(c).event.type,
+                "onUpdate:modelValue": s[2] || (s[2] = (e) => t(c).event.type = e)
+              }, null, 8, ["model-value"]),
+              t(c).event.type == t(ye).enum.BILL_COMPLETED ? (S(), E("div", Xe, [
+                s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
+                d(Fe, {
+                  "model-value": t(c).event.rule,
+                  "onUpdate:modelValue": s[3] || (s[3] = (e) => t(c).event.rule = e)
+                }, null, 8, ["model-value"])
+              ])) : W("", !0)
+            ], 64)) : W("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function pe() {
+  const k = F(!1), m = Re();
+  return {
+    confirmUpdateReferralRecord: async () => {
+      await new Promise((p) => {
+        m.open({
+          title: "Confirmation",
+          message: "This will change all referral settings? Would you like to update previous referral record?",
+          primaryActions: { text: "Update all", close: !0 },
+          secondaryActions: { text: "Update future only", close: !0 }
+        }).onPrimary(async () => {
+          k.value = !0, p();
+        }).onSecondary(async () => {
+          k.value = !1, p();
+        });
+      });
+    },
+    updateReferralRecord: k
+  };
+}
+const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex justify-between items-center" }, ar = /* @__PURE__ */ Y({
+  __name: "ManageCriteriaSheet",
+  setup(k, { expose: m }) {
+    const { t: I } = Z(), { minor: p } = ce, { confirmUpdateReferralRecord: w, updateReferralRecord: f } = pe(), n = F(!1), c = F({}), u = Q(), R = F(
+      null
+    ), A = G(() => {
+      var o;
+      return (o = u.referralProgram) == null ? void 0 : o.criteria;
+    });
+    async function T(o) {
+      await w(), await p(async () => {
+        await fe.update({
+          ...o,
+          updateReferralRecord: f.value
+        }), await u.readReferralProgram();
+      });
+    }
+    async function M(o, l) {
+      var e, r;
+      const C = o == -1 ? ((e = u.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = H(u.referralProgram);
+      h.criteria[C] = l, await T(h), (r = R.value) == null || r.showSheet(!1);
+    }
+    async function D(o) {
+      var h, e;
+      if (!await q.remove(
+        "Are you sure to remove criteria",
+        "Remove criteria",
+        I("connect.prompt.confirm"),
+        I("connect.prompt.cancel")
+      ))
+        return;
+      const l = o == -1 ? ((h = u.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, C = H(u.referralProgram);
+      C.criteria.splice(l, 1), await T(C), (e = R.value) == null || e.showSheet(!1);
+    }
+    const L = [
+      {
+        header: "Criteria title",
+        accessorFn: (o) => o.name
+      },
+      {
+        header: "Validity method",
+        cell(o) {
+          return te(oe.FmChip, {
+            label: we.title(o.row.original.type),
+            variant: "plain"
+          });
+        }
+      },
+      {
+        header: "Actions",
+        cell(o) {
+          return [
+            te(oe.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (l) => {
+                l.stopPropagation(), D(o.row.index);
+              }
+            })
+          ];
+        }
+      }
+    ];
+    function y(o) {
+      n.value = o;
+    }
+    function s() {
+      n.value = !1;
+    }
+    return m({
+      showSheet: y,
+      hideSheet: s,
+      data: c
+    }), (o, l) => {
+      const C = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
+      return S(), E(z, null, [
+        d(e, {
+          "max-width": 768,
+          modelValue: t(n),
+          "onUpdate:modelValue": l[2] || (l[2] = (r) => J(n) ? n.value = r : null),
+          header: "Manage Criteria"
+        }, {
+          default: V(() => [
+            a("div", tr, [
+              a("div", or, [
+                l[3] || (l[3] = a("div", null, [
+                  a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria"),
+                  a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Set participation rules to start your referral program ")
+                ], -1)),
+                d(C, {
+                  label: "Add Criteria",
+                  icon: "add",
+                  variant: "secondary",
+                  onClick: l[0] || (l[0] = (r) => {
+                    var i;
+                    return (i = t(R)) == null ? void 0 : i.showSheet(!0);
+                  })
+                })
+              ]),
+              d(h, {
+                "row-data": t(A),
+                "hide-footer": !0,
+                "page-size": 100,
+                "shrink-at": !1,
+                "column-defs": L,
+                onRowClick: l[1] || (l[1] = (r) => {
+                  var i;
+                  return (i = t(R)) == null ? void 0 : i.showSheet(!0, r.index);
+                })
+              }, null, 8, ["row-data"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        d(rr, {
+          ref_key: "editCriteriaSheetRef",
+          ref: R,
+          onUpdate: M
+        }, null, 512)
+      ], 64);
+    };
+  }
+}), nr = { class: "flex flex-col space-y-16 pr-12" }, lr = { class: "fm-typo-en-title-sm-800" }, sr = { class: "flex items-center gap-8" }, ir = /* @__PURE__ */ Y({
+  __name: "EditRefereeRewardSheet",
+  emits: ["update"],
+  setup(k, { expose: m, emit: I }) {
+    const { t: p } = Z(), w = I, f = F(!1), n = F([]), c = Q();
+    function u() {
+      w("update", n.value);
+    }
+    async function R(o) {
+      var l, C;
+      f.value = o, n.value = ((C = (l = c.referralProgram) == null ? void 0 : l.refereeReward) == null ? void 0 : C.map((h) => h.toString())) || [], s.value = L.value.map((h) => n.value.includes(h.id));
+    }
+    function A() {
+      f.value = !1;
+    }
+    const T = [
+      {
+        header: "Reward title",
+        accessorFn: (o) => o.name,
+        enableSorting: !0
+      },
+      {
+        id: "type",
+        header: "Reward type",
+        cell(o) {
+          return me[o.row.original.collectibleConfig.type].chip();
+        }
+      },
+      {
+        header: "Description",
+        accessorFn: (o) => o.description,
+        cell(o) {
+          const l = o.row.original;
+          if (l.collectible.type == "VOUCHER" || l.selectedReward == null)
+            return l.description;
+        }
+      }
+    ], M = ue(), D = F([]), L = G(() => M.rewards.map((o) => {
+      let l = "No expiry";
+      switch (o.option.type) {
+        case "VOUCHER":
+          l = `${o.option.collectibleConfig.options.maxUse} use(s), ${ee(o.option.collectibleConfig.options.validityOption || {})}`;
+          break;
+        case "LOYALTY":
+          l = `${o.option.earningOption.amount}, ${ee(o.option.validityOption || {})}`;
+          break;
+      }
+      return {
+        id: o._id,
+        name: o.name,
+        collectible: o.option,
+        collectibleConfig: o.collectibleConfig,
+        description: l
+      };
+    }));
+    G(() => []);
+    function y() {
+      const o = L.value;
+      for (let l = 0; l < o.length; l++) {
+        const C = o[l], h = s.value[l];
+        h && !n.value.includes(C.id) && n.value.push(C.id), !h && n.value.includes(C.id) && (n.value = n.value.filter((e) => e != C.id));
+      }
+    }
+    const s = F({});
+    return se(s, y, { deep: !0 }), m({
+      showSheet: R,
+      hideSheet: A,
+      data: n
+    }), (o, l) => {
+      const C = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
+      return S(), j(e, {
+        "max-width": 1e3,
+        modelValue: t(f),
+        "onUpdate:modelValue": l[2] || (l[2] = (r) => J(f) ? f.value = r : null),
+        header: "Referee reward"
+      }, {
+        "side-sheet-footer": V(() => [
+          a("div", sr, [
+            d(h, {
+              label: t(p)("connect.common.save"),
+              onClick: u,
+              disabled: t(K)().isLoading,
+              loading: t(K)().isLoading
+            }, null, 8, ["label", "disabled", "loading"]),
+            d(h, {
+              label: t(p)("connect.common.cancel"),
+              onClick: l[1] || (l[1] = (r) => A()),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: V(() => [
+          d(X, { json: t(n) }, null, 8, ["json"]),
+          a("div", nr, [
+            a("div", lr, O(t(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
+            d(C, {
+              modelValue: t(s),
+              "onUpdate:modelValue": l[0] || (l[0] = (r) => J(s) ? s.value = r : null),
+              selection: "multiple",
+              "column-filter": t(D),
+              "column-defs": T,
+              "row-data": t(L),
+              "page-size": 10
+            }, null, 8, ["modelValue", "column-filter", "row-data"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), dr = { class: "fm-typo-en-title-sm-600" }, cr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, ur = { class: "flex gap-x-8" }, mr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, fr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pr = { class: "mb-40" }, hr = {
+  key: 0,
+  class: "flex flex-col items-center justify-center gap-y-16 p-24"
+}, vr = { class: "flex flex-col gap-16 text-center" }, gr = { class: "fm-typo-en-title-sm-800" }, wr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mr = /* @__PURE__ */ Y({
+  __name: "Overview",
+  setup(k) {
+    const { t: m } = Z(), { minor: I } = ce, p = $e(), w = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: n } = pe(), c = G(() => {
+      var e;
+      return ((e = w.referralProgram) == null ? void 0 : e.reward) ?? [];
+    }), u = F(null);
+    F(null);
+    const R = F(null), A = F(null), T = F(null), M = G(() => {
+      var e, r, i, g;
+      return [
+        {
+          label: "connect.referral.how_it_works.generate_link",
+          sublabel: m("connect.referral.how_it_works.generate_link_for_member"),
+          icon: "offline_share"
+        },
+        {
+          label: "connect.referral.how_it_works.referee_join_reward",
+          sublabel: `${((r = (e = w.referralProgram) == null ? void 0 : e.refereeReward) == null ? void 0 : r.length) || 0} reward(s)`,
+          action: m("connect.referral.actions.manage_reward"),
+          onClick: () => {
+            var b;
+            return (b = T.value) == null ? void 0 : b.showSheet(!0);
+          },
+          helperText: "Referee will receive rewards after successfully competing all criteria",
+          icon: "group_add"
+        },
+        {
+          label: "connect.referral.how_it_works.referee_meet_criteria",
+          sublabel: `${(i = w.referralProgram) == null ? void 0 : i.criteria.length} criteria`,
+          action: m("connect.referral.actions.manage_criteria"),
+          onClick: () => {
+            var b;
+            return (b = A.value) == null ? void 0 : b.showSheet(!0);
+          },
+          icon: "checklist_rtl"
+        },
+        {
+          label: "connect.referral.how_it_works.referer_get_reward",
+          sublabel: `${(g = w.referralProgram) == null ? void 0 : g.reward.length} configured tier(s)`,
+          helperText: "Referer will receive rewards after referee completed all criteria",
+          icon: "featured_seasonal_and_gifts"
+        }
+      ];
+    });
+    function D(e) {
+      var r;
+      (r = u.value) == null || r.onManageRewardGroup(e);
+    }
+    function L(e) {
+      var r;
+      (r = R.value) == null || r.showSheet(!0, {
+        groupIndex: e.groupIndex,
+        countIndex: e.countIndex
+      });
+    }
+    async function y(e) {
+      var P, x, v, B;
+      const r = e.countIndex == -1 ? ((x = (P = w.referralProgram) == null ? void 0 : P.reward[e.groupIndex]) == null ? void 0 : x.rewards.length) || 0 : e.countIndex || 0, i = e.referralCount, g = H(
+        w.referralProgram
+      ), b = g.reward[e.groupIndex];
+      b.rewards[r] = e.referralCount;
+      const $ = b.rewards[r - 1], U = b.rewards[r + 1];
+      if ($ && $.threshold.to != i.threshold.from - 1) {
+        if (!await q.confirm(
+          m(
+            "connect.referral.referral_count.update.range_discontinuous.previous",
+            {
+              name: $.threshold.from,
+              from: $.threshold.from ?? 0,
+              to: $.threshold.to ?? 1 / 0,
+              newTo: i.threshold.from - 1
+            }
+          ),
+          m("connect.referral.referral_count.title"),
+          m("connect.referral.referral_count.remove.next_range")
+        ))
+          return;
+        $.threshold.to = i.threshold.from - 1;
+      }
+      if (U && U.threshold.from - 1 != i.threshold.to) {
+        if (!await q.confirm(
+          m("connect.program.tier.update.range_discontinuous.next", {
+            name: U.threshold.from,
+            from: U.threshold.from ?? 0,
+            to: U.threshold.to ?? 1 / 0,
+            newFrom: i.threshold.to ?? 1
+          }),
+          m("connect.program.tier.title"),
+          m("connect.program.tier.remove.next_range"),
+          m("connect.prompt.cancel")
+        ))
+          return;
+        U.threshold.from = (i.threshold.to ?? 0) + 1;
+      }
+      !U && !((v = i.threshold) != null && v.to) && (i.threshold.to = void 0), await o(g), (B = R.value) == null || B.hideSheet();
+    }
+    async function s(e) {
+      var i;
+      const r = H(w.referralProgram);
+      r.refereeReward = e, await o(r), (i = T.value) == null || i.hideSheet();
+    }
+    async function o(e) {
+      await f(), await I(
+        async () => {
+          await fe.update({
+            ...e,
+            updateReferralRecord: n.value
+          }), await w.readReferralProgram();
+        },
+        {
+          message: "Updating referral program",
+          successMessage: "Referral program updated successfully"
+        }
+      );
+    }
+    async function l(e) {
+      if (!await q.remove(
+        "Are you sure to remove referral tier",
+        "Remove referral tier",
+        m("connect.prompt.confirm"),
+        m("connect.prompt.cancel")
+      ))
+        return;
+      const r = H(w.referralProgram);
+      r.reward.splice(e, 1), await o(r);
+    }
+    async function C(e, r) {
+      if (!await q.remove(
+        "Are you sure to remove referral count",
+        "Remove referral tier",
+        m("connect.prompt.confirm"),
+        m("connect.prompt.cancel")
+      ))
+        return;
+      const i = H(w.referralProgram), g = i.reward[e].rewards[r + 1];
+      if (g) {
+        if (!await q.confirm(
+          m("connect.referral.referral_count.update.range_discontinuous.next", {
+            from: g.threshold.from ?? 0,
+            to: g.threshold.to ?? 1 / 0,
+            newFrom: i.reward[e].rewards[r].threshold.from
+          }),
+          m("connect.referral.referral_count.remove.title"),
+          m("connect.referral.referral_count.remove.next_range"),
+          m("connect.prompt.cancel")
+        ))
+          return;
+        g.threshold.from = i.reward[e].rewards[r].threshold.from;
+      }
+      i.reward[e].rewards.splice(r, 1), await o(i);
+    }
+    const h = [
+      {
+        header: "Referral Count",
+        accessorFn: (e) => e.threshold.from == e.threshold.to ? `${e.threshold.from}` : e.threshold.to ? `${e.threshold.from} - ${e.threshold.to ?? "∞"}` : `${e.threshold.from}+`
+      },
+      {
+        header: "Rewards",
+        accessorKey: "type",
+        accessorFn: (e) => {
+          var r;
+          return `${((r = e.pf_reward) == null ? void 0 : r.length) || 0} reward(s)`;
+        }
+      },
+      {
+        id: "actions",
+        meta: {
+          textAlign: "right"
+        },
+        cell(e) {
+          return te(oe.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            class: "ml-auto",
+            onClick: (r) => {
+              r.stopPropagation(), console.log(e.row), C(e.row.original.groupIndex, e.row.index);
+            }
+          });
+        }
+      }
+    ];
+    return ve(async () => {
+      await w.readReferralProgram();
+    }), (e, r) => {
+      const i = _("FmCard"), g = _("FmIcon"), b = _("FmTooltip"), $ = _("FmButton"), U = _("FmTable"), P = _("FmList");
+      return S(), E(z, null, [
+        W("", !0),
+        d(i, {
+          variant: "outlined",
+          class: "flex flex-col gap-16 p-16"
+        }, {
+          default: V(() => [
+            a("div", dr, O(t(m)("connect.referral.how_it_works.title")), 1),
+            a("div", cr, [
+              (S(!0), E(z, null, re(t(M), (x, v) => (S(), E("div", {
+                key: v,
+                class: ie(["px-8", { "xs:!border-r": v % 2 == 0 }])
+              }, [
+                a("div", ur, [
+                  d(g, {
+                    name: x.icon,
+                    color: "primary",
+                    class: "bg-fm-color-system-warning-100 p-8 fm-corner-radius-md max-h-40 max-w-40"
+                  }, null, 8, ["name"]),
+                  a("div", null, [
+                    a("div", mr, [
+                      de(O(t(m)(x.label)) + " ", 1),
+                      x.helperText ? (S(), j(b, {
+                        key: 0,
+                        content: x.helperText
+                      }, {
+                        default: V(() => [
+                          d(g, {
+                            name: "help",
+                            size: "sm",
+                            outline: !0
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])) : W("", !0)
+                    ]),
+                    a("div", fr, O(x.sublabel), 1),
+                    x.action ? (S(), j($, {
+                      key: 0,
+                      variant: "plain",
+                      label: x.action,
+                      disabled: !t(p).isPremium,
+                      class: "fm-typo-en-body-md-400 !p-0",
+                      onClick: x.onClick
+                    }, null, 8, ["label", "disabled", "onClick"])) : W("", !0)
+                  ])
+                ])
+              ], 2))), 128))
+            ])
+          ]),
+          _: 1
+        }),
+        t(c) && t(c).length > 0 ? (S(), j(i, {
+          key: 1,
+          variant: "outlined",
+          class: "flex flex-col gap-16 p-16"
+        }, {
+          default: V(() => [
+            d(P, { separator: !0 }, {
+              default: V(() => [
+                (S(!0), E(z, null, re(t(c), (x, v) => (S(), j(De, {
+                  key: v,
+                  "reward-group": x,
+                  level: v,
+                  onEdit: (B) => D(v),
+                  onRemove: (B) => l(v),
+                  onAddCount: r[0] || (r[0] = (B) => {
+                    L({ groupIndex: B, countIndex: -1 });
+                  })
+                }, {
+                  default: V(() => [
+                    a("div", pr, [
+                      d(U, {
+                        "row-data": x.rewards.map((B) => ({ ...B, groupIndex: v })),
+                        "column-defs": h,
+                        "hide-footer": !0,
+                        "page-size": 50,
+                        onRowClick: (B) => L({ groupIndex: v, countIndex: B.index })
+                      }, null, 8, ["row-data", "onRowClick"])
+                    ]),
+                    x.rewards.length ? W("", !0) : (S(), E("div", hr, [
+                      r[3] || (r[3] = a("div", { class: "flex flex-col gap-16 text-center" }, [
+                        a("div", { class: "fm-typo-en-title-sm-800" }, "Create progressive reward"),
+                        a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Add referral count to configure progression reward to the referral program ")
+                      ], -1)),
+                      d($, {
+                        variant: "secondary",
+                        label: "Add count",
+                        icon: "add",
+                        onClick: (B) => L({ groupIndex: v, countIndex: -1 })
+                      }, null, 8, ["onClick"])
+                    ]))
+                  ]),
+                  _: 2
+                }, 1032, ["reward-group", "level", "onEdit", "onRemove"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : (S(), j(i, {
+          key: 2,
+          variant: "outlined",
+          class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+        }, {
+          default: V(() => [
+            r[4] || (r[4] = a("img", {
+              src: ge,
+              class: "aspect-square w-[150px]"
+            }, null, -1)),
+            a("div", vr, [
+              a("div", gr, O(t(m)("connect.referral.referral_tier_title")), 1),
+              a("div", wr, O(t(m)("connect.referral.referral_tier_description")), 1)
+            ]),
+            d($, {
+              variant: "primary",
+              label: t(m)("connect.referral.add_referral_tier"),
+              icon: "add",
+              disabled: !t(p).isPremium,
+              onClick: r[1] || (r[1] = (x) => D(-1))
+            }, null, 8, ["label", "disabled"])
+          ]),
+          _: 1
+        })),
+        d(_e, {
+          ref_key: "rewardGroupRef",
+          ref: u
+        }, null, 512),
+        d(ze, {
+          ref_key: "editReferralCountSheetRef",
+          ref: R,
+          onUpdate: y
+        }, null, 512),
+        d(ar, {
+          ref_key: "manageCriteriaSheetRef",
+          ref: A
+        }, null, 512),
+        d(ir, {
+          ref_key: "editRefereeRewardSheetRef",
+          ref: T,
+          onUpdate: s
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  Mr as default
+};