@feedmepos/mf-connect 0.1.0-beta.17 → 0.1.0-beta.19

package/dist/Overview-CmwJjXeT.js

@@ -1,864 +0,0 @@
-import { defineComponent as M, resolveComponent as w, openBlock as _, createElementBlock as P, Fragment as G, createVNode as i, withCtx as S, createElementVNode as a, toDisplayString as A, unref as t, renderSlot as ce, ref as R, computed as E, watch as ue, createBlock as U, isRef as Y, resolveDynamicComponent as oe, renderList as W, normalizeClass as le, createTextVNode as me, createCommentVNode as Z, h as se, onMounted as fe } from "vue";
-import { _ as pe } from "./campaign-CpzFl8Vr.js";
-import { u as H } from "./vue-i18n-BC0lAbnG.js";
-import { u as ie, p as N } from "./loading-DxWIhKJX.js";
-import { J as Q } from "./JsonViewer-v8_C7l5N.js";
-import { Z as L } from "./zod-Bg2FbC-D.js";
-import { u as J } from "./app-wDQR6dpb.js";
-import { u as K, _ as ve } from "./RewardGroup.vue_vue_type_script_setup_true_lang-XdyqSqlC.js";
-import { u as he } from "./reward-5b5G4KYr.js";
-import "./index-5mZIFDhm.js";
-import "./index-CATw-eQI.js";
-import { l as ne, m as ge } from "./index-CmN2dQk5.js";
-import "./index-XoOcBFvx.js";
-import { a as _e, b as we } from "./index-C7kr1TMO.js";
-import "./index-CVfN0Gmc.js";
-import "./index-Z61r-lWj.js";
-import "./index-Ct847l9G.js";
-import { C as ye } from "./membership-Df7gtzWJ.js";
-import { t as ae } from "./helper-CS2Hx33Q.js";
-import { c as j } from "./object-qECH92oz.js";
-import { components as de } from "@feedmepos/ui-library";
-import { _ as be } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DLFDd3Y3.js";
-import { a as xe, _ as Ce } from "./trigger-CAK3-5M9.js";
-import { O as Re } from "./objectid-BGnepAUg.js";
-import { r as z } from "./index-D2d2rTPz.js";
-import { useRouter as Se } from "vue-router";
-const Fe = { class: "flex items-center justify-between flex-1 xs:hidden" }, ke = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, $e = { class: "flex-1" }, Ie = { class: "flex items-center gap-8" }, Pe = { class: "fm-typo-en-title-sm-800" }, Ve = { class: "flex gap-8 items-center" }, Te = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1" }, Ae = { class: "flex items-center justify-between" }, Le = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ee = { class: "flex-1 space-y-4" }, Ue = { class: "fm-typo-en-body-lg-600" }, Be = /* @__PURE__ */ M({
-  __name: "ReferralRewadGroupCard",
-  props: {
-    rewardGroup: {
-      type: Object,
-      required: !0
-    },
-    level: {
-      type: Number,
-      required: !0
-    }
-  },
-  emits: ["edit", "addCount", "remove"],
-  setup(F, { emit: m }) {
-    const { t: C } = H(), c = m;
-    return (x, u) => {
-      const l = w("FmButton"), s = w("FmListItem");
-      return _(), P(G, null, [
-        i(s, {
-          onClick: u[4] || (u[4] = (f) => c("edit", F.level))
-        }, {
-          default: S(() => [
-            a("div", Fe, [
-              a("div", ke, [
-                a("div", $e, [
-                  a("div", Ie, [
-                    a("div", Pe, A(F.rewardGroup.name), 1)
-                  ])
-                ])
-              ]),
-              a("div", Ve, [
-                i(l, {
-                  variant: "secondary",
-                  label: t(C)("connect.referral.reward.add_count"),
-                  icon: "add",
-                  onClick: u[0] || (u[0] = (f) => {
-                    f.stopPropagation(), c("addCount", F.level);
-                  })
-                }, null, 8, ["label"]),
-                i(l, {
-                  icon: "delete",
-                  onClick: u[1] || (u[1] = (f) => {
-                    f.stopPropagation(), c("remove", F.level);
-                  }),
-                  variant: "tertiary"
-                })
-              ])
-            ]),
-            a("div", Te, [
-              a("div", Ae, [
-                a("div", Le, [
-                  a("div", Ee, [
-                    a("div", null, [
-                      a("div", Ue, A(F.rewardGroup.name), 1)
-                    ])
-                  ])
-                ]),
-                i(l, {
-                  variant: "tertiary",
-                  icon: "delete",
-                  onClick: u[2] || (u[2] = (f) => (f.stopPropagation(), c("remove", F.level)))
-                })
-              ]),
-              i(l, {
-                class: "w-full",
-                variant: "secondary",
-                label: "Add count",
-                disabled: !0,
-                icon: "add",
-                onClick: u[3] || (u[3] = (f) => (f.stopPropagation(), c("addCount", F.level)))
-              })
-            ])
-          ]),
-          _: 1
-        }),
-        ce(x.$slots, "default")
-      ], 64);
-    };
-  }
-}), Oe = { class: "flex flex-col space-y-16 pr-12" }, Ge = { class: "flex gap-16 items-center" }, je = { class: "fm-typo-en-title-sm-800" }, Me = { class: "flex items-center gap-8" }, De = /* @__PURE__ */ M({
-  __name: "EditReferralCountSheet",
-  emits: ["update"],
-  setup(F, { expose: m, emit: C }) {
-    const { t: c } = H(), x = C, u = R(!1), l = R({}), s = R(-1), f = R(-1), k = K(), $ = _e.superRefine((o, n) => {
-      var D, q, T, X, ee, te, re;
-      const p = f.value == -1 ? ((T = (q = (D = k.referralProgram) == null ? void 0 : D.reward[s.value]) == null ? void 0 : q.rewards) == null ? void 0 : T.length) || 0 : f.value, g = (ee = (X = k.referralProgram) == null ? void 0 : X.reward[s.value]) == null ? void 0 : ee.rewards[p - 1], V = (re = (te = k.referralProgram) == null ? void 0 : te.reward[s.value]) == null ? void 0 : re.rewards[p + 1];
-      g && o.threshold.from < g.threshold.from + 1 && n.addIssue({
-        code: "custom",
-        message: `The min referral must be at least ${g.threshold.from + 1}`,
-        path: ["option"]
-      }), V && o.threshold.to && V.threshold.to && o.threshold.to > V.threshold.to - 1 && n.addIssue({
-        code: "custom",
-        message: `The max referral must be at most ${V.threshold.to - 2}`,
-        path: ["option"]
-      });
-    }), I = E(() => {
-      const o = $.safeParse(l.value);
-      return o.success ? [] : o.error.errors;
-    });
-    function B() {
-      const o = $.safeParse(l.value);
-      o.success && x("update", {
-        groupIndex: s.value,
-        countIndex: f.value,
-        referralCount: o.data
-      });
-    }
-    async function O(o, n) {
-      var p;
-      u.value = o, o && typeof (n == null ? void 0 : n.countIndex) == "number" && n.countIndex >= 0 ? (s.value = n.groupIndex, f.value = n.countIndex, l.value = j(
-        (p = k.referralProgram) == null ? void 0 : p.reward[n.groupIndex].rewards[n.countIndex]
-      )) : (s.value = n.groupIndex, f.value = -1, l.value = {
-        threshold: {
-          from: 0,
-          to: null
-        },
-        rewards: []
-      }), h.value = [], h.value = y.value.map(
-        (g) => l.value.rewards.includes(g.id)
-      );
-    }
-    function v() {
-      u.value = !1;
-    }
-    const r = [
-      {
-        header: "Reward title",
-        accessorFn: (o) => o.name,
-        enableSorting: !0
-      },
-      {
-        id: "type",
-        header: "Reward type",
-        cell(o) {
-          return ye[o.row.original.collectibleConfig.type].chip();
-        }
-      },
-      {
-        header: "Description",
-        accessorFn: (o) => o.description,
-        cell(o) {
-          const n = o.row.original;
-          if (n.collectible.type == "VOUCHER" || n.selectedReward == null)
-            return n.description;
-        }
-      }
-    ], e = he(), d = R([]), y = E(() => e.rewards.map((o) => {
-      let n = "No expiry";
-      switch (o.option.type) {
-        case "VOUCHER":
-          n = `${o.option.collectibleConfig.options.maxUse} use(s), ${ae(o.option.collectibleConfig.options.validityOption || {})}`;
-          break;
-        case "LOYALTY":
-          n = `${o.option.earningOption.amount}, ${ae(o.option.validityOption || {})}`;
-          break;
-      }
-      return {
-        id: o._id,
-        name: o.name,
-        collectible: o.option,
-        collectibleConfig: o.collectibleConfig,
-        description: n
-      };
-    }));
-    E(() => []);
-    function b() {
-      const o = y.value;
-      for (let n = 0; n < o.length; n++) {
-        const p = o[n], g = h.value[n];
-        g && !l.value.rewards.includes(p.id) && l.value.rewards.push(p.id), !g && l.value.rewards.includes(p.id) && (l.value.rewards = l.value.rewards.filter(
-          (V) => V != p.id
-        ));
-      }
-    }
-    const h = R({});
-    return ue(h, b, { deep: !0 }), m({
-      showSheet: O,
-      hideSheet: v,
-      data: l
-    }), (o, n) => {
-      const p = w("FmStepperField"), g = w("FmHelperText"), V = w("FmTable"), D = w("FmButton"), q = w("FmSideSheet");
-      return _(), U(q, {
-        "max-width": 1e3,
-        modelValue: t(u),
-        "onUpdate:modelValue": n[4] || (n[4] = (T) => Y(u) ? u.value = T : null),
-        header: `${t(f) == -1 ? t(c)("connect.referral.editReferralCountSheet.add") : t(c)("connect.referral.editReferralCountSheet.edit")}`
-      }, {
-        "side-sheet-footer": S(() => [
-          a("div", Me, [
-            i(D, {
-              label: t(c)("connect.editTierSheet.submit"),
-              onClick: B,
-              disabled: t(I).length > 0 || t(J)().isLoading,
-              loading: t(J)().isLoading
-            }, null, 8, ["label", "disabled", "loading"]),
-            i(D, {
-              label: t(c)("connect.editTierSheet.cancel"),
-              onClick: n[3] || (n[3] = (T) => v()),
-              variant: "tertiary"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        default: S(() => [
-          i(Q, { json: t(l) }, null, 8, ["json"]),
-          i(Q, { json: t(I) }, null, 8, ["json"]),
-          a("div", Oe, [
-            a("div", null, [
-              a("div", Ge, [
-                i(p, {
-                  modelValue: t(l).threshold.from,
-                  "onUpdate:modelValue": n[0] || (n[0] = (T) => t(l).threshold.from = T),
-                  "show-steppers": !1,
-                  rules: [t(L).ruleAtPath(t($), "threshold.from")]
-                }, {
-                  label: S(() => [
-                    (_(), U(oe(
-                      t(L).toInputLabel(
-                        t(L).typeAtPath(t($), "threshold.from"),
-                        t(c)("connect.editTierSheet.minExperience")
-                      )
-                    )))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "rules"]),
-                i(p, {
-                  modelValue: t(l).threshold.to,
-                  "onUpdate:modelValue": n[1] || (n[1] = (T) => t(l).threshold.to = T),
-                  "show-steppers": !1,
-                  rules: [t(L).ruleAtPath(t($), "threshold.to")]
-                }, {
-                  label: S(() => [
-                    (_(), U(oe(
-                      t(L).toInputLabel(
-                        t(L).typeAtPath(t($), "threshold.to"),
-                        t(c)("connect.editTierSheet.maxExperience")
-                      )
-                    )))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "rules"])
-              ]),
-              i(g, {
-                text: t(L).helperText(t(I), "option"),
-                state: t(L).helperState(t(I), "option")
-              }, null, 8, ["text", "state"]),
-              n[5] || (n[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", je, A(t(c)("connect.referral.editReferralCountSheet.referral_reward")), 1),
-            i(V, {
-              modelValue: t(h),
-              "onUpdate:modelValue": n[2] || (n[2] = (T) => Y(h) ? h.value = T : null),
-              selection: "multiple",
-              "column-filter": t(d),
-              "column-defs": r,
-              "row-data": t(y),
-              "page-size": 10
-            }, null, 8, ["modelValue", "column-filter", "row-data"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "header"]);
-    };
-  }
-}), Ne = { class: "space-y-16" }, ze = { class: "grid grid-cols-3 gap-16" }, He = { class: "fm-typo-en-title-sm-800" }, qe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ M({
-  __name: "CriteriaTriggerInput",
-  props: {
-    modelValue: {
-      type: String
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(F, { emit: m }) {
-    const C = F, c = m, x = E(() => [
-      ne.enum.BILL_COMPLETED,
-      ne.enum.FEEDBACK
-    ].map((u) => xe[u]));
-    return (u, l) => {
-      const s = w("FmCard");
-      return _(), P("div", Ne, [
-        l[0] || (l[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", ze, [
-          (_(!0), P(G, null, W(t(x), (f) => (_(), U(s, {
-            key: f.name,
-            variant: "outlined",
-            disabled: C.disabled,
-            class: le(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
-              "col-span-3": t(x).length == 1,
-              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": F.modelValue == f.value,
-              "hover:bg-fm-color-opacity-sm": F.modelValue != f.value
-            }]),
-            onClick: () => {
-              C.modelValue != f.value && !C.disabled && c("update:model-value", f.value);
-            }
-          }, {
-            default: S(() => [
-              a("div", He, A(f.name), 1),
-              a("div", qe, A(f.description), 1)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "class", "onClick"]))), 128))
-        ])
-      ]);
-    };
-  }
-}), Je = { class: "flex items-center gap-x-8" }, Ke = { class: "flex flex-col space-y-16 pr-12" }, We = {
-  key: 0,
-  class: "space-y-16"
-}, Ze = { class: "flex items-center gap-8" }, Qe = /* @__PURE__ */ M({
-  __name: "EditCriteriaSheet",
-  emits: ["update"],
-  setup(F, { expose: m, emit: C }) {
-    const { t: c } = H(), x = C, u = R(!1), l = R(-1), s = R({}), f = K(), k = we.superRefine((r, e) => {
-      r.name.length >= 50 && e.addIssue({
-        code: "custom",
-        message: "Name must be less than 50 characters"
-      }), r.name.length < 1 && e.addIssue({
-        code: "custom",
-        message: "Name is required"
-      });
-    }), $ = E(() => {
-      const r = k.safeParse(s.value);
-      return r.success ? [] : r.error.errors;
-    });
-    function I(r, e) {
-      var d;
-      u.value = r, r && typeof e == "number" && e >= 0 ? (l.value = e, s.value = j(
-        (d = f.referralProgram) == null ? void 0 : d.criteria[e]
-      )) : (l.value = -1, s.value = {
-        _id: new Re().toString(),
-        name: "",
-        type: "AUTO",
-        event: { type: "BILL_COMPLETED" }
-      });
-    }
-    function B() {
-      u.value = !1;
-    }
-    function O() {
-      const r = k.safeParse(s.value);
-      r.success && x("update", l.value, r.data);
-    }
-    function v(r) {
-      s.value.type = r, r == "AUTO" ? s.value.event = { type: "BILL_COMPLETED" } : s.value.event = void 0;
-    }
-    return m({
-      showSheet: I,
-      hideSheet: B,
-      data: s
-    }), (r, e) => {
-      const d = w("FmButton"), y = w("FmRadio"), b = w("FmRadioGroup"), h = w("FmSideSheet");
-      return _(), U(h, {
-        "max-width": 768,
-        modelValue: t(u),
-        "onUpdate:modelValue": e[5] || (e[5] = (o) => Y(u) ? u.value = o : null)
-      }, {
-        "side-sheet-header": S(() => [
-          a("div", Je, [
-            i(d, {
-              icon: "arrow_back",
-              variant: "tertiary",
-              onClick: e[0] || (e[0] = (o) => I(!1))
-            }),
-            e[6] || (e[6] = me("Add Criteria "))
-          ])
-        ]),
-        "side-sheet-footer": S(() => [
-          a("div", Ze, [
-            i(d, {
-              label: t(c)("connect.editTierSheet.submit"),
-              onClick: O,
-              disabled: t($).length > 0 || t(J)().isLoading,
-              loading: t(J)().isLoading
-            }, null, 8, ["label", "disabled", "loading"]),
-            i(d, {
-              label: t(c)("connect.editTierSheet.cancel"),
-              onClick: e[4] || (e[4] = (o) => I(!1)),
-              variant: "tertiary"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        default: S(() => [
-          i(Q, { json: t(s) }, null, 8, ["json"]),
-          a("div", Ke, [
-            e[10] || (e[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
-            i(be, {
-              modelValue: t(s).name,
-              "onUpdate:modelValue": e[1] || (e[1] = (o) => t(s).name = o),
-              label: t(c)("connect.referral.editReferralTierSheet.name"),
-              schema: t(L).typeAtPath(t(k), "name")
-            }, null, 8, ["modelValue", "label", "schema"]),
-            e[11] || (e[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
-            i(b, {
-              "model-value": t(s).type,
-              label: "Verify status",
-              "onUpdate:modelValue": v
-            }, {
-              default: S(() => [
-                i(y, {
-                  value: "AUTO",
-                  label: "Auto",
-                  sublabel: "Verify based on rule configuration"
-                }),
-                i(y, {
-                  value: "MANUAL",
-                  label: "Manual",
-                  sublabel: "Verify based on manual inspection"
-                })
-              ]),
-              _: 1
-            }, 8, ["model-value"]),
-            t(s).type == "AUTO" ? (_(), P(G, { key: 0 }, [
-              e[8] || (e[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
-              e[9] || (e[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
-              i(Ye, {
-                "model-value": t(s).event.type,
-                "onUpdate:modelValue": e[2] || (e[2] = (o) => t(s).event.type = o)
-              }, null, 8, ["model-value"]),
-              t(s).event.type == t(ge).enum.BILL_COMPLETED ? (_(), P("div", We, [
-                e[7] || (e[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
-                i(Ce, {
-                  "model-value": t(s).event.rule,
-                  "onUpdate:modelValue": e[3] || (e[3] = (o) => t(s).event.rule = o)
-                }, null, 8, ["model-value"])
-              ])) : Z("", !0)
-            ], 64)) : Z("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Xe = { class: "flex flex-col space-y-16 pr-12" }, et = { class: "flex justify-between items-center" }, tt = /* @__PURE__ */ M({
-  __name: "ManageCriteriaSheet",
-  setup(F, { expose: m }) {
-    const { t: C } = H(), { minor: c } = ie, x = R(!1), u = R({}), l = K(), s = R(
-      null
-    ), f = E(() => {
-      var v;
-      return (v = l.referralProgram) == null ? void 0 : v.criteria;
-    });
-    async function k(v, r) {
-      var y, b;
-      console.log(v, r);
-      const e = v == -1 ? ((y = l.referralProgram) == null ? void 0 : y.criteria.length) || 0 : v, d = j(l.referralProgram);
-      d.criteria[e] = r, await c(async () => {
-        await z.update(d), await l.readReferralProgram();
-      }), (b = s.value) == null || b.showSheet(!1);
-    }
-    async function $(v) {
-      var d, y;
-      if (!await N.remove(
-        "Are you sure to remove criteria",
-        "Remove criteria",
-        C("connect.prompt.confirm"),
-        C("connect.prompt.cancel")
-      ))
-        return;
-      const r = v == -1 ? ((d = l.referralProgram) == null ? void 0 : d.criteria.length) || 0 : v, e = j(l.referralProgram);
-      e.criteria.splice(r, 1), await c(async () => {
-        await z.update(e), await l.readReferralProgram();
-      }), (y = s.value) == null || y.showSheet(!1);
-    }
-    const I = [
-      {
-        header: "Criteria title",
-        accessorFn: (v) => v.name
-      },
-      {
-        header: "Validity method",
-        accessorFn: (v) => v.type
-      },
-      {
-        header: "Actions",
-        cell(v) {
-          return [
-            se(de.FmButton, {
-              variant: "tertiary",
-              icon: "delete",
-              iconColor: "neutral-gray-400",
-              onClick: (r) => {
-                r.stopPropagation(), $(v.row.index);
-              }
-            })
-          ];
-        }
-      }
-    ];
-    function B(v) {
-      x.value = v;
-    }
-    function O() {
-      x.value = !1;
-    }
-    return m({
-      showSheet: B,
-      hideSheet: O,
-      data: u
-    }), (v, r) => {
-      const e = w("FmButton"), d = w("FmTable"), y = w("FmSideSheet");
-      return _(), P(G, null, [
-        i(y, {
-          "max-width": 768,
-          modelValue: t(x),
-          "onUpdate:modelValue": r[2] || (r[2] = (b) => Y(x) ? x.value = b : null),
-          header: "Manage Criteria"
-        }, {
-          default: S(() => [
-            a("div", Xe, [
-              a("div", et, [
-                r[3] || (r[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)),
-                i(e, {
-                  label: "Add Criteria",
-                  icon: "add",
-                  variant: "secondary",
-                  onClick: r[0] || (r[0] = (b) => {
-                    var h;
-                    return (h = t(s)) == null ? void 0 : h.showSheet(!0);
-                  })
-                })
-              ]),
-              i(d, {
-                "row-data": t(f),
-                "hide-footer": !0,
-                "page-size": 100,
-                "column-defs": I,
-                onRowClick: r[1] || (r[1] = (b) => {
-                  var h;
-                  return (h = t(s)) == null ? void 0 : h.showSheet(!0, b.index);
-                })
-              }, null, 8, ["row-data"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        i(Qe, {
-          ref_key: "editCriteriaSheetRef",
-          ref: s,
-          onUpdate: k
-        }, null, 512)
-      ], 64);
-    };
-  }
-}), rt = { class: "fm-typo-en-title-sm-600" }, ot = { class: "grid grid-cols-4 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, nt = { class: "flex gap-x-8" }, at = { class: "fm-typo-body-lg-600" }, lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, st = {
-  key: 0,
-  class: "mb-40"
-}, it = {
-  key: 1,
-  class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, dt = { class: "flex flex-col gap-16 text-center" }, ct = { class: "fm-typo-en-title-sm-800" }, ut = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ot = /* @__PURE__ */ M({
-  __name: "Overview",
-  setup(F) {
-    const { t: m } = H(), { minor: C } = ie;
-    Se();
-    const c = K(), x = E(() => {
-      var r;
-      return ((r = c.referralProgram) == null ? void 0 : r.reward) ?? [];
-    }), u = R(null);
-    R(null);
-    const l = R(null), s = R(null), f = E(() => {
-      var r, e;
-      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: "0 reward",
-          action: m("connect.referral.actions.manage_reward"),
-          icon: "group_add"
-        },
-        {
-          label: "connect.referral.how_it_works.referee_meet_criteria",
-          sublabel: `${(r = c.referralProgram) == null ? void 0 : r.criteria.length} criteria`,
-          action: m("connect.referral.actions.manage_criteria"),
-          onClick: () => {
-            var d;
-            return (d = s.value) == null ? void 0 : d.showSheet(!0);
-          },
-          icon: "checklist_rtl"
-        },
-        {
-          label: "connect.referral.how_it_works.referer_get_reward",
-          sublabel: `${(e = c.referralProgram) == null ? void 0 : e.reward.length} configured tier(s)`,
-          icon: "featured_seasonal_and_gifts"
-        }
-      ];
-    });
-    function k(r) {
-      var e;
-      (e = u.value) == null || e.onManageRewardGroup(r);
-    }
-    function $(r) {
-      var e;
-      (e = l.value) == null || e.showSheet(!0, {
-        groupIndex: r.groupIndex,
-        countIndex: r.countIndex
-      });
-    }
-    async function I(r) {
-      var n, p, g;
-      const e = r.countIndex == -1 ? ((p = (n = c.referralProgram) == null ? void 0 : n.reward[r.groupIndex]) == null ? void 0 : p.rewards.length) || 0 : r.countIndex || 0, d = r.referralCount, y = j(
-        c.referralProgram
-      ), b = y.reward[r.groupIndex];
-      b.rewards[e] = r.referralCount;
-      const h = b.rewards[e - 1], o = b.rewards[e + 1];
-      if (h && h.threshold.to != d.threshold.from - 1) {
-        if (!await N.confirm(
-          m("connect.program.tier.update.range_discontinuous.previous", {
-            name: h.threshold.from,
-            from: h.threshold.from ?? 0,
-            to: h.threshold.to ?? 1 / 0,
-            newTo: d.threshold.from - 1
-          }),
-          m("connect.program.tier.title"),
-          m("connect.program.tier.remove.next_range")
-        ))
-          return;
-        h.threshold.to = d.threshold.from - 1;
-      }
-      if (o && o.threshold.from - 1 != d.threshold.to) {
-        if (!await N.confirm(
-          m("connect.program.tier.update.range_discontinuous.next", {
-            name: o.threshold.from,
-            from: o.threshold.from ?? 0,
-            to: o.threshold.to ?? 1 / 0,
-            newFrom: d.threshold.to ?? 1
-          }),
-          m("connect.program.tier.title"),
-          m("connect.program.tier.remove.next_range"),
-          m("connect.prompt.cancel")
-        ))
-          return;
-        o.threshold.from = (d.threshold.to ?? 0) + 1;
-      }
-      !o && !((g = d.threshold) != null && g.to) && (d.threshold.to = void 0), await C(
-        async () => {
-          var V;
-          await z.update(y), await c.readReferralProgram(), (V = l.value) == null || V.hideSheet();
-        },
-        {
-          message: `${r.countIndex == -1 ? "Creating" : "Updating"} referral count`,
-          successMessage: `Referral count ${r.countIndex == -1 ? "created" : "updated"} successfully`
-        }
-      );
-    }
-    async function B(r) {
-      if (!await N.remove(
-        "Are you sure to remove referral tier",
-        "Remove referral tier",
-        m("connect.prompt.confirm"),
-        m("connect.prompt.cancel")
-      ))
-        return;
-      const e = j(c.referralProgram);
-      e.reward.splice(r, 1), await C(async () => {
-        await z.update(e), await c.readReferralProgram();
-      });
-    }
-    async function O(r, e) {
-      if (!await N.remove(
-        "Are you sure to remove referral count",
-        "Remove referral tier",
-        m("connect.prompt.confirm"),
-        m("connect.prompt.cancel")
-      ))
-        return;
-      const d = j(c.referralProgram);
-      d.reward[r].rewards.splice(e, 1), await C(async () => {
-        await z.update(d), await c.readReferralProgram();
-      });
-    }
-    const v = [
-      {
-        header: "Referral Count",
-        accessorFn: (r) => `${r.threshold.from} - ${r.threshold.to ?? "∞"}`
-      },
-      {
-        header: "Rewards",
-        accessorKey: "type",
-        accessorFn: (r) => `${r.rewards.length} reward(s)`
-      },
-      {
-        id: "actions",
-        meta: {
-          textAlign: "right"
-        },
-        cell(r) {
-          return se(de.FmButton, {
-            variant: "tertiary",
-            icon: "delete",
-            iconColor: "neutral-gray-400",
-            class: "ml-auto",
-            onClick: (e) => {
-              e.stopPropagation(), console.log(r.row), O(r.row.original.groupIndex, r.row.index);
-            }
-          });
-        }
-      }
-    ];
-    return fe(async () => {
-      await c.readReferralProgram();
-    }), (r, e) => {
-      const d = w("FmCard"), y = w("FmIcon"), b = w("FmButton"), h = w("FmTable"), o = w("FmList");
-      return _(), P(G, null, [
-        Z("", !0),
-        i(d, {
-          variant: "outlined",
-          class: "flex flex-col gap-16 p-16"
-        }, {
-          default: S(() => [
-            a("div", rt, A(t(m)("connect.referral.how_it_works.title")), 1),
-            a("div", ot, [
-              (_(!0), P(G, null, W(t(f), (n, p) => (_(), P("div", {
-                key: p,
-                class: le(["px-8", { "xs:!border-r": p % 2 == 0 }])
-              }, [
-                a("div", nt, [
-                  i(y, {
-                    name: n.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", at, A(t(m)(n.label)), 1),
-                    a("div", lt, A(n.sublabel), 1),
-                    i(b, {
-                      variant: "plain",
-                      label: n.action,
-                      size: "sm",
-                      class: "fm-typo-en-body-md-400",
-                      onClick: n.onClick
-                    }, null, 8, ["label", "onClick"])
-                  ])
-                ])
-              ], 2))), 128))
-            ])
-          ]),
-          _: 1
-        }),
-        t(x) && t(x).length > 0 ? (_(), U(d, {
-          key: 1,
-          variant: "outlined",
-          class: "flex flex-col gap-16 p-16"
-        }, {
-          default: S(() => [
-            i(o, { separator: !0 }, {
-              default: S(() => [
-                (_(!0), P(G, null, W(t(x), (n, p) => (_(), U(Be, {
-                  key: p,
-                  "reward-group": n,
-                  level: p,
-                  onEdit: (g) => k(p),
-                  onRemove: (g) => B(p),
-                  onAddCount: e[1] || (e[1] = (g) => {
-                    $({ groupIndex: g, countIndex: -1 });
-                  })
-                }, {
-                  default: S(() => [
-                    n.rewards.length > 0 ? (_(), P("div", st, [
-                      i(h, {
-                        "row-data": n.rewards.map((g) => ({ ...g, groupIndex: p })),
-                        "column-defs": v,
-                        "hide-footer": !0,
-                        "page-size": 50,
-                        onRowClick: (g) => $({ groupIndex: p, countIndex: g.index })
-                      }, null, 8, ["row-data", "onRowClick"])
-                    ])) : (_(), P("div", it, [
-                      e[4] || (e[4] = 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)),
-                      i(b, {
-                        variant: "secondary",
-                        label: "Add count",
-                        icon: "add",
-                        onClick: e[0] || (e[0] = (g) => k(-1))
-                      })
-                    ]))
-                  ]),
-                  _: 2
-                }, 1032, ["reward-group", "level", "onEdit", "onRemove"]))), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (_(), U(d, {
-          key: 2,
-          variant: "outlined",
-          class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
-        }, {
-          default: S(() => [
-            e[5] || (e[5] = a("img", {
-              src: pe,
-              class: "aspect-square w-[150px]"
-            }, null, -1)),
-            a("div", dt, [
-              a("div", ct, A(t(m)("connect.referral.referral_tier_title")), 1),
-              a("div", ut, A(t(m)("connect.referral.referral_tier_description")), 1)
-            ]),
-            i(b, {
-              variant: "primary",
-              label: t(m)("connect.referral.add_referral_tier"),
-              icon: "add",
-              onClick: e[2] || (e[2] = (n) => k(-1))
-            }, null, 8, ["label"])
-          ]),
-          _: 1
-        })),
-        i(ve, {
-          ref_key: "rewardGroupRef",
-          ref: u
-        }, null, 512),
-        i(De, {
-          ref_key: "editReferralCountSheetRef",
-          ref: l,
-          onUpdate: I
-        }, null, 512),
-        i(tt, {
-          ref_key: "manageCriteriaSheetRef",
-          ref: s
-        }, null, 512)
-      ], 64);
-    };
-  }
-});
-export {
-  Ot as default
-};