@feedmepos/mf-connect 0.1.0-beta.20 → 0.1.0-beta.21

package/dist/Overview-C2xrurYW.js

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