@feedmepos/mf-connect 0.1.0-beta.49 → 0.1.0-beta.50

package/dist/{Overview-COeyTvML.js → Overview-CU9uhC-k.js}

@@ -1,28 +1,28 @@
-import { defineComponent as q, resolveComponent as _, openBlock as R, createElementBlock as B, Fragment as Y, createVNode as d, withCtx as V, createElementVNode as a, toDisplayString as O, unref as t, renderSlot as ve, ref as F, computed as G, watch as ie, createBlock as D, isRef as W, resolveDynamicComponent as ne, renderList as re, normalizeClass as de, createTextVNode as ce, createCommentVNode as z, h as te, onMounted as ge } from "vue";
-import { _ as we } from "./campaign-CpzFl8Vr.js";
-import { u as Z } from "./vue-i18n-kVKjcgAi.js";
-import { u as ue } from "./loading-aAPveWkt.js";
-import { c as _e, p as K } from "./plugins-CFwYNZo0.js";
+import { defineComponent as q, resolveComponent as w, openBlock as C, createElementBlock as B, Fragment as Y, createVNode as c, withCtx as V, createElementVNode as a, toDisplayString as O, unref as r, renderSlot as ve, ref as F, computed as G, watch as ie, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as de, createTextVNode as ce, createCommentVNode as z, h as te, onMounted as _e } from "vue";
+import { _ as ge } from "./campaign-CpzFl8Vr.js";
+import { u as Z } from "./vue-i18n-CKpKQ6iE.js";
+import { u as ue } from "./loading-aCWVsOPY.js";
+import { c as we, p as K } from "./plugins-CSPFAU50.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
 import { Z as N } from "./zod-Bg2FbC-D.js";
-import { u as J } from "./app-wDQR6dpb.js";
-import { u as Q, _ as ye } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CwApma5p.js";
-import { u as me } from "./reward-DfX_2rEr.js";
-import { a as be, b as xe } from "./index-BeE1k0xs.js";
-import { q as le, r as se } from "./index-DplAli0B.js";
-import "./index-zaGTl_qB.js";
-import "./index-Dd_g3RuO.js";
-import "./index-rU6SAS58.js";
-import { C as fe } from "./membership-CdHkfBpk.js";
-import { t as ee } from "./helper-DaoMEMRy.js";
+import { u as W } from "./app-wDQR6dpb.js";
+import { u as Q, _ as ye } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CqXuTxun.js";
+import { u as me } from "./reward-Bh4Li9f0.js";
+import { a as be, b as xe } from "./index-X-FfC49l.js";
+import { i as le, j as se } from "./index-Cjn1LVjC.js";
+import "./index-By-GlmG7.js";
+import "./index-B1qUjniH.js";
+import "./index-DZuEmMyY.js";
+import { C as fe } from "./membership-1etsHC5G.js";
+import { t as ee } from "./helper-DOt8-wns.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-Bz77dtVR.js";
-import { b as Se, _ as Fe, a as ke } from "./trigger-BnfqcoU-.js";
-import { O as $e } from "./objectid-Cz3ihSHZ.js";
-import { r as pe } from "./index-V4sEiiYS.js";
-import { u as Pe } from "./business-DPl8ug6e.js";
-const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { 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" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, De = { class: "flex-1 space-y-4" }, je = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
+import { useDialog as Ce, components as oe } from "@feedmepos/ui-library";
+import { _ as Re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CcIcCt4N.js";
+import { T as Se, _ as Fe, a as ke } from "./trigger-Ogu5FDs0.js";
+import { O as $e } from "./objectid-DjhmYkn-.js";
+import { r as pe } from "./index-DabUEw_c.js";
+import { u as Pe } from "./business-D1mLhSME.js";
+const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Te = { class: "flex-1" }, Ue = { class: "flex items-center gap-8" }, Ae = { class: "fm-typo-en-title-sm-800" }, Le = { class: "flex gap-8 items-center" }, Ee = { 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" }, Oe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, je = { class: "flex-1 space-y-4" }, De = { class: "fm-typo-en-body-lg-600" }, Ge = /* @__PURE__ */ q({
   __name: "ReferralRewadGroupCard",
   props: {
     rewardGroup: {
@@ -35,13 +35,13 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
     }
   },
   emits: ["edit", "addCount", "remove"],
-  setup(k, { emit: m }) {
-    const { t: I } = Z(), p = m;
-    return (w, f) => {
-      const l = _("FmButton"), c = _("FmListItem");
-      return R(), B(Y, null, [
-        d(c, {
-          onClick: f[4] || (f[4] = (u) => p("edit", k.level)),
+  setup(k, { emit: l }) {
+    const { t: I } = Z(), p = l;
+    return (g, f) => {
+      const s = w("FmButton"), u = w("FmListItem");
+      return C(), B(Y, null, [
+        c(u, {
+          onClick: f[4] || (f[4] = (m) => p("edit", k.level)),
           class: "!p-0"
         }, {
           default: V(() => [
@@ -54,18 +54,18 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
                 ])
               ]),
               a("div", Le, [
-                d(l, {
+                c(s, {
                   variant: "secondary",
-                  label: t(I)("connect.referral.reward.add_count"),
+                  label: r(I)("connect.referral.reward.add_count"),
                   icon: "add",
-                  onClick: f[0] || (f[0] = (u) => {
-                    u.stopPropagation(), p("addCount", k.level);
+                  onClick: f[0] || (f[0] = (m) => {
+                    m.stopPropagation(), p("addCount", k.level);
                   })
                 }, null, 8, ["label"]),
-                d(l, {
+                c(s, {
                   icon: "delete",
-                  onClick: f[1] || (f[1] = (u) => {
-                    u.stopPropagation(), p("remove", k.level);
+                  onClick: f[1] || (f[1] = (m) => {
+                    m.stopPropagation(), p("remove", k.level);
                   }),
                   variant: "tertiary"
                 })
@@ -74,72 +74,72 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
             a("div", Ee, [
               a("div", Be, [
                 a("div", Oe, [
-                  a("div", De, [
+                  a("div", je, [
                     a("div", null, [
-                      a("div", je, O(k.rewardGroup.name), 1)
+                      a("div", De, O(k.rewardGroup.name), 1)
                     ])
                   ])
                 ]),
-                d(l, {
+                c(s, {
                   variant: "tertiary",
                   icon: "delete",
-                  onClick: f[2] || (f[2] = (u) => (u.stopPropagation(), p("remove", k.level)))
+                  onClick: f[2] || (f[2] = (m) => (m.stopPropagation(), p("remove", k.level)))
                 })
               ]),
-              d(l, {
+              c(s, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Add count",
                 disabled: !0,
                 icon: "add",
-                onClick: f[3] || (f[3] = (u) => (u.stopPropagation(), p("addCount", k.level)))
+                onClick: f[3] || (f[3] = (m) => (m.stopPropagation(), p("addCount", k.level)))
               })
             ])
           ]),
           _: 1
         }),
-        ve(w.$slots, "default")
+        ve(g.$slots, "default")
       ], 64);
     };
   }
-}), Me = { class: "flex flex-col space-y-16 pr-12" }, Ne = { class: "flex gap-16 items-center" }, He = { class: "fm-typo-en-title-sm-800" }, ze = { class: "flex items-center gap-8" }, Ye = /* @__PURE__ */ q({
+}), Me = { class: "flex flex-col space-y-16 pr-12" }, Ne = { class: "flex gap-16 items-center" }, He = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ze = { class: "fm-typo-en-title-sm-800" }, Ye = { class: "flex items-center gap-8" }, qe = /* @__PURE__ */ q({
   __name: "EditReferralCountSheet",
   emits: ["update"],
-  setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), l = F({}), c = F(-1), u = F(-1), C = Q(), A = be.superRefine((e, r) => {
+  setup(k, { expose: l, emit: I }) {
+    const { t: p } = Z(), g = I, f = F(!1), s = F({}), u = F(-1), m = F(-1), R = Q(), A = be.superRefine((e, t) => {
       var $, U, P, x, v, E, ae;
-      const i = u.value == -1 ? ((P = (U = ($ = C.referralProgram) == null ? void 0 : $.reward[c.value]) == null ? void 0 : U.rewards) == null ? void 0 : P.length) || 0 : u.value, g = (v = (x = C.referralProgram) == null ? void 0 : x.reward[c.value]) == null ? void 0 : v.rewards[i - 1], b = (ae = (E = C.referralProgram) == null ? void 0 : E.reward[c.value]) == null ? void 0 : ae.rewards[i + 1];
-      g && e.threshold.from < g.threshold.from + 1 && r.addIssue({
+      const d = m.value == -1 ? ((P = (U = ($ = R.referralProgram) == null ? void 0 : $.reward[u.value]) == null ? void 0 : U.rewards) == null ? void 0 : P.length) || 0 : m.value, _ = (v = (x = R.referralProgram) == null ? void 0 : x.reward[u.value]) == null ? void 0 : v.rewards[d - 1], b = (ae = (E = R.referralProgram) == null ? void 0 : E.reward[u.value]) == null ? void 0 : ae.rewards[d + 1];
+      _ && e.threshold.from < _.threshold.from + 1 && t.addIssue({
         code: "custom",
-        message: `The min referral must be at least ${g.threshold.from + 1}`,
+        message: `The min referral must be at least ${_.threshold.from + 1}`,
         path: ["option"]
-      }), b && e.threshold.to && b.threshold.to && e.threshold.to > b.threshold.to - 1 && r.addIssue({
+      }), b && e.threshold.to && b.threshold.to && e.threshold.to > b.threshold.to - 1 && t.addIssue({
         code: "custom",
         message: `The max referral must be at most ${b.threshold.to - 2}`,
         path: ["option"]
       });
     }), T = G(() => {
-      const e = A.safeParse(l.value);
+      const e = A.safeParse(s.value);
       return e.success ? [] : e.error.errors;
     });
     function M() {
-      const e = A.safeParse(l.value);
-      e.success && w("update", {
-        groupIndex: c.value,
-        countIndex: u.value,
+      const e = A.safeParse(s.value);
+      e.success && g("update", {
+        groupIndex: u.value,
+        countIndex: m.value,
         referralCount: e.data
       });
     }
-    async function j(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, l.value = H(
-          (i = C.referralProgram) == null ? void 0 : i.reward[r.groupIndex].rewards[r.countIndex]
+    async function D(e, t) {
+      var d, _, b, $, U, P;
+      if (f.value = e, e && typeof (t == null ? void 0 : t.countIndex) == "number" && t.countIndex >= 0)
+        u.value = t.groupIndex, m.value = t.countIndex, s.value = H(
+          (d = R.referralProgram) == null ? void 0 : d.reward[t.groupIndex].rewards[t.countIndex]
         );
       else {
-        c.value = r.groupIndex, u.value = -1;
-        const x = u.value == -1 ? (($ = (b = (g = C.referralProgram) == null ? void 0 : g.reward[c.value]) == null ? void 0 : b.rewards) == null ? void 0 : $.length) || 0 : u.value, v = (P = (U = C.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : P.rewards[x - 1];
-        l.value = {
+        u.value = t.groupIndex, m.value = -1;
+        const x = m.value == -1 ? (($ = (b = (_ = R.referralProgram) == null ? void 0 : _.reward[u.value]) == null ? void 0 : b.rewards) == null ? void 0 : $.length) || 0 : m.value, v = (P = (U = R.referralProgram) == null ? void 0 : U.reward[u.value]) == null ? void 0 : P.rewards[x - 1];
+        s.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
@@ -147,8 +147,8 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
           rewards: []
         };
       }
-      h.value = [], h.value = s.value.map(
-        (x) => l.value.rewards.includes(x.id)
+      h.value = [], h.value = i.value.map(
+        (x) => s.value.rewards.includes(x.id)
       );
     }
     function L() {
@@ -171,19 +171,19 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
         header: "Description",
         accessorFn: (e) => e.description,
         cell(e) {
-          const r = e.row.original;
-          if (r.collectible.type == "VOUCHER" || r.selectedReward == null)
-            return r.description;
+          const t = e.row.original;
+          if (t.collectible.type == "VOUCHER" || t.selectedReward == null)
+            return t.description;
         }
       }
-    ], n = me(), o = F([]), s = G(() => n.rewards.map((e) => {
-      let r = "No expiry";
+    ], n = me(), o = F([]), i = G(() => n.rewards.map((e) => {
+      let t = "No expiry";
       switch (e.option.type) {
         case "VOUCHER":
-          r = `${e.option.collectibleConfig.options.maxUse} use(s), ${ee(e.option.collectibleConfig.options.validityOption || {})}`;
+          t = `${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 || {})}`;
+          t = `${e.option.earningOption.amount}, ${ee(e.option.validityOption || {})}`;
           break;
       }
       return {
@@ -191,64 +191,64 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
         name: e.name,
         collectible: e.option,
         collectibleConfig: e.collectibleConfig,
-        description: r
+        description: t
       };
     }));
     G(() => []);
     function S() {
-      const e = s.value;
-      for (let r = 0; r < e.length; r++) {
-        const i = e[r], g = h.value[r];
-        g && !l.value.rewards.includes(i.id) && l.value.rewards.push(i.id), !g && l.value.rewards.includes(i.id) && (l.value.rewards = l.value.rewards.filter(
-          (b) => b != i.id
+      const e = i.value;
+      for (let t = 0; t < e.length; t++) {
+        const d = e[t], _ = h.value[t];
+        _ && !s.value.rewards.includes(d.id) && s.value.rewards.push(d.id), !_ && s.value.rewards.includes(d.id) && (s.value.rewards = s.value.rewards.filter(
+          (b) => b != d.id
         ));
       }
     }
     const h = F({});
-    return ie(h, S, { deep: !0 }), m({
-      showSheet: j,
+    return ie(h, S, { deep: !0 }), l({
+      showSheet: D,
       hideSheet: L,
-      data: l
-    }), (e, r) => {
-      const i = _("FmStepperField"), g = _("FmHelperText"), b = _("FmTable"), $ = _("FmButton"), U = _("FmSideSheet");
-      return R(), D(U, {
+      data: s
+    }), (e, t) => {
+      const d = w("FmStepperField"), _ = w("FmHelperText"), b = w("FmTable"), $ = w("FmButton"), U = w("FmSideSheet");
+      return C(), j(U, {
         "max-width": 1e3,
-        modelValue: t(f),
-        "onUpdate:modelValue": r[4] || (r[4] = (P) => W(f) ? f.value = P : null),
-        header: `${t(u) == -1 ? t(p)("connect.referral.editReferralCountSheet.add") : t(p)("connect.referral.editReferralCountSheet.edit")}`
+        modelValue: r(f),
+        "onUpdate:modelValue": t[4] || (t[4] = (P) => J(f) ? f.value = P : null),
+        header: `${r(m) == -1 ? r(p)("connect.referral.editReferralCountSheet.add") : r(p)("connect.referral.editReferralCountSheet.edit")}`
       }, {
         "side-sheet-footer": V(() => [
-          a("div", ze, [
-            d($, {
-              label: t(p)("connect.editTierSheet.submit"),
+          a("div", Ye, [
+            c($, {
+              label: r(p)("connect.editTierSheet.submit"),
               onClick: M,
-              disabled: t(T).length > 0 || t(J)().isLoading,
-              loading: t(J)().isLoading
+              disabled: r(T).length > 0 || r(W)().isLoading,
+              loading: r(W)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d($, {
-              label: t(p)("connect.editTierSheet.cancel"),
-              onClick: r[3] || (r[3] = (P) => L()),
+            c($, {
+              label: r(p)("connect.editTierSheet.cancel"),
+              onClick: t[3] || (t[3] = (P) => L()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
         default: V(() => [
-          d(X, { json: t(l) }, null, 8, ["json"]),
-          d(X, { json: t(T) }, null, 8, ["json"]),
+          c(X, { json: r(s) }, null, 8, ["json"]),
+          c(X, { json: r(T) }, null, 8, ["json"]),
           a("div", Me, [
             a("div", null, [
               a("div", Ne, [
-                d(i, {
-                  modelValue: t(l).threshold.from,
-                  "onUpdate:modelValue": r[0] || (r[0] = (P) => t(l).threshold.from = P),
+                c(d, {
+                  modelValue: r(s).threshold.from,
+                  "onUpdate:modelValue": t[0] || (t[0] = (P) => r(s).threshold.from = P),
                   "show-steppers": !1,
-                  rules: [t(N).ruleAtPath(t(A), "threshold.from")]
+                  rules: [r(N).ruleAtPath(r(A), "threshold.from")]
                 }, {
                   label: V(() => [
-                    (R(), D(ne(
-                      t(N).toInputLabel(
-                        t(N).typeAtPath(t(A), "threshold.from"),
-                        t(p)(
+                    (C(), j(ne(
+                      r(N).toInputLabel(
+                        r(N).typeAtPath(r(A), "threshold.from"),
+                        r(p)(
                           "connect.referral.editReferralCountSheet.min_referral_count"
                         )
                       )
@@ -256,17 +256,17 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
                   ]),
                   _: 1
                 }, 8, ["modelValue", "rules"]),
-                d(i, {
-                  modelValue: t(l).threshold.to,
-                  "onUpdate:modelValue": r[1] || (r[1] = (P) => t(l).threshold.to = P),
+                c(d, {
+                  modelValue: r(s).threshold.to,
+                  "onUpdate:modelValue": t[1] || (t[1] = (P) => r(s).threshold.to = P),
                   "show-steppers": !1,
-                  rules: [t(N).ruleAtPath(t(A), "threshold.to")]
+                  rules: [r(N).ruleAtPath(r(A), "threshold.to")]
                 }, {
                   label: V(() => [
-                    (R(), D(ne(
-                      t(N).toInputLabel(
-                        t(N).typeAtPath(t(A), "threshold.to"),
-                        t(p)(
+                    (C(), j(ne(
+                      r(N).toInputLabel(
+                        r(N).typeAtPath(r(A), "threshold.to"),
+                        r(p)(
                           "connect.referral.editReferralCountSheet.max_referral_count"
                         )
                       )
@@ -275,20 +275,22 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
                   _: 1
                 }, 8, ["modelValue", "rules"])
               ]),
-              d(g, {
-                text: t(N).helperText(t(T), "threshold"),
-                state: t(N).helperState(t(T), "threshold")
+              c(_, {
+                text: r(N).helperText(r(T), "threshold"),
+                state: r(N).helperState(r(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", He, O(r(p)(
+                "connect.referral.editReferralCountSheet.max_referral_count_description"
+              )), 1)
             ]),
-            a("div", He, O(t(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
-            d(b, {
-              modelValue: t(h),
-              "onUpdate:modelValue": r[2] || (r[2] = (P) => W(h) ? h.value = P : null),
+            a("div", ze, O(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
+            c(b, {
+              modelValue: r(h),
+              "onUpdate:modelValue": t[2] || (t[2] = (P) => J(h) ? h.value = P : null),
               selection: "multiple",
-              "column-filter": t(o),
+              "column-filter": r(o),
               "column-defs": y,
-              "row-data": t(s),
+              "row-data": r(i),
               "page-size": 10
             }, null, 8, ["modelValue", "column-filter", "row-data"])
           ])
@@ -297,7 +299,7 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
       }, 8, ["modelValue", "header"]);
     };
   }
-}), qe = { class: "space-y-16" }, Ke = { 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" }, Ze = /* @__PURE__ */ q({
+}), Ke = { class: "space-y-16" }, Je = { class: "grid grid-cols-3 gap-16" }, We = { class: "fm-typo-en-title-sm-800" }, Ze = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qe = /* @__PURE__ */ q({
   __name: "CriteriaTriggerInput",
   props: {
     modelValue: {
@@ -309,32 +311,32 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
     }
   },
   emits: ["update:model-value"],
-  setup(k, { emit: m }) {
-    const I = k, p = m, w = G(() => [
+  setup(k, { emit: l }) {
+    const I = k, p = l, g = G(() => [
       le.enum.BILL_COMPLETED,
       le.enum.FEEDBACK
     ].map((f) => Se[f]));
-    return (f, l) => {
-      const c = _("FmCard");
-      return R(), B("div", qe, [
-        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", Ke, [
-          (R(!0), B(Y, null, re(t(w), (u) => (R(), D(c, {
-            key: u.name,
+    return (f, s) => {
+      const u = w("FmCard");
+      return C(), B("div", Ke, [
+        s[0] || (s[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", Je, [
+          (C(!0), B(Y, null, re(r(g), (m) => (C(), j(u, {
+            key: m.name,
             variant: "outlined",
             disabled: I.disabled,
             class: de(["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
+              "col-span-3": r(g).length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": k.modelValue == m.value,
+              "hover:bg-fm-color-opacity-sm": k.modelValue != m.value
             }]),
             onClick: () => {
-              I.modelValue != u.value && !I.disabled && p("update:model-value", u.value);
+              I.modelValue != m.value && !I.disabled && p("update:model-value", m.value);
             }
           }, {
             default: V(() => [
-              a("div", We, O(u.name), 1),
-              a("div", Je, O(u.description), 1)
+              a("div", We, O(m.name), 1),
+              a("div", Ze, O(m.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -342,17 +344,17 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
       ]);
     };
   }
-}), Qe = { class: "flex items-center gap-x-8" }, Xe = { class: "flex flex-col space-y-16 pr-12" }, er = {
+}), Xe = { class: "flex items-center gap-x-8" }, er = { class: "flex flex-col space-y-16 pr-12" }, rr = {
   key: 0,
   class: "space-y-16"
-}, rr = {
+}, tr = {
   key: 1,
   class: "space-y-16"
-}, tr = { class: "flex items-center gap-8" }, or = /* @__PURE__ */ q({
+}, or = { class: "flex items-center gap-8" }, ar = /* @__PURE__ */ q({
   __name: "EditCriteriaSheet",
   emits: ["update"],
-  setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), l = F(-1), c = F({}), u = Q(), C = xe.superRefine((y, n) => {
+  setup(k, { expose: l, emit: I }) {
+    const { t: p } = Z(), g = I, f = F(!1), s = F(-1), u = F({}), m = Q(), R = xe.superRefine((y, n) => {
       y.name.length >= 50 && n.addIssue({
         code: "custom",
         message: "Name must be less than 50 characters"
@@ -361,14 +363,14 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
         message: "Name is required"
       });
     }), A = G(() => {
-      const y = C.safeParse(c.value);
+      const y = R.safeParse(u.value);
       return y.success ? [] : y.error.errors;
     });
     function T(y, n) {
       var o;
-      f.value = y, y && typeof n == "number" && n >= 0 ? (l.value = n, c.value = H(
-        (o = u.referralProgram) == null ? void 0 : o.criteria[n]
-      )) : (l.value = -1, c.value = {
+      f.value = y, y && typeof n == "number" && n >= 0 ? (s.value = n, u.value = H(
+        (o = m.referralProgram) == null ? void 0 : o.criteria[n]
+      )) : (s.value = -1, u.value = {
         _id: new $e().toString(),
         name: "",
         type: "AUTO",
@@ -378,27 +380,27 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
     function M() {
       f.value = !1;
     }
-    function j() {
-      const y = C.safeParse(c.value);
-      y.success && w("update", l.value, y.data);
+    function D() {
+      const y = R.safeParse(u.value);
+      y.success && g("update", s.value, y.data);
     }
     function L(y) {
-      c.value.type = y, y == "AUTO" ? c.value.event = { type: "BILL_COMPLETED" } : c.value.event = void 0;
+      u.value.type = y, y == "AUTO" ? u.value.event = { type: "BILL_COMPLETED" } : u.value.event = void 0;
     }
-    return m({
+    return l({
       showSheet: T,
       hideSheet: M,
-      data: c
+      data: u
     }), (y, n) => {
-      const o = _("FmButton"), s = _("FmRadio"), S = _("FmRadioGroup"), h = _("FmSideSheet");
-      return R(), D(h, {
+      const o = w("FmButton"), i = w("FmRadio"), S = w("FmRadioGroup"), h = w("FmSideSheet");
+      return C(), j(h, {
         "max-width": 768,
-        modelValue: t(f),
-        "onUpdate:modelValue": n[6] || (n[6] = (e) => W(f) ? f.value = e : null)
+        modelValue: r(f),
+        "onUpdate:modelValue": n[6] || (n[6] = (e) => J(f) ? f.value = e : null)
       }, {
         "side-sheet-header": V(() => [
-          a("div", Qe, [
-            d(o, {
+          a("div", Xe, [
+            c(o, {
               icon: "arrow_back",
               variant: "tertiary",
               onClick: n[0] || (n[0] = (e) => T(!1))
@@ -407,43 +409,43 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
           ])
         ]),
         "side-sheet-footer": V(() => [
-          a("div", tr, [
-            d(o, {
-              label: t(p)("connect.editTierSheet.submit"),
-              onClick: j,
-              disabled: t(A).length > 0 || t(J)().isLoading,
-              loading: t(J)().isLoading
+          a("div", or, [
+            c(o, {
+              label: r(p)("connect.editTierSheet.submit"),
+              onClick: D,
+              disabled: r(A).length > 0 || r(W)().isLoading,
+              loading: r(W)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d(o, {
-              label: t(p)("connect.editTierSheet.cancel"),
+            c(o, {
+              label: r(p)("connect.editTierSheet.cancel"),
               onClick: n[5] || (n[5] = (e) => T(!1)),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
         default: V(() => [
-          d(X, { json: t(c) }, null, 8, ["json"]),
-          a("div", Xe, [
+          c(X, { json: r(u) }, null, 8, ["json"]),
+          a("div", er, [
             n[12] || (n[12] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
-            d(Ce, {
-              modelValue: t(c).name,
-              "onUpdate:modelValue": n[1] || (n[1] = (e) => t(c).name = e),
-              label: t(p)("connect.referral.editReferralTierSheet.name"),
-              schema: t(N).typeAtPath(t(C), "name")
+            c(Re, {
+              modelValue: r(u).name,
+              "onUpdate:modelValue": n[1] || (n[1] = (e) => r(u).name = e),
+              label: r(p)("connect.referral.editReferralTierSheet.name"),
+              schema: r(N).typeAtPath(r(R), "name")
             }, null, 8, ["modelValue", "label", "schema"]),
             n[13] || (n[13] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
-            d(S, {
-              "model-value": t(c).type,
+            c(S, {
+              "model-value": r(u).type,
               label: "Verify status",
               "onUpdate:modelValue": L
             }, {
               default: V(() => [
-                d(s, {
+                c(i, {
                   value: "AUTO",
                   label: "Auto",
                   sublabel: "Verify based on rule configuration"
                 }),
-                d(s, {
+                c(i, {
                   value: "MANUAL",
                   label: "Manual",
                   sublabel: "Verify based on manual inspection"
@@ -451,25 +453,25 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
               ]),
               _: 1
             }, 8, ["model-value"]),
-            t(c).type == "AUTO" ? (R(), B(Y, { key: 0 }, [
+            r(u).type == "AUTO" ? (C(), B(Y, { key: 0 }, [
               n[10] || (n[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
               n[11] || (n[11] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
-              d(Ze, {
-                "model-value": t(c).event.type,
-                "onUpdate:modelValue": n[2] || (n[2] = (e) => t(c).event.type = e)
+              c(Qe, {
+                "model-value": r(u).event.type,
+                "onUpdate:modelValue": n[2] || (n[2] = (e) => r(u).event.type = e)
               }, null, 8, ["model-value"]),
-              t(c).event.type == t(se).enum.BILL_COMPLETED ? (R(), B("div", er, [
+              r(u).event.type == r(se).enum.BILL_COMPLETED ? (C(), B("div", rr, [
                 n[8] || (n[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
-                d(Fe, {
-                  "model-value": t(c).event.rule,
-                  "onUpdate:modelValue": n[3] || (n[3] = (e) => t(c).event.rule = e)
+                c(Fe, {
+                  "model-value": r(u).event.rule,
+                  "onUpdate:modelValue": n[3] || (n[3] = (e) => r(u).event.rule = e)
                 }, null, 8, ["model-value"])
               ])) : z("", !0),
-              t(c).event.type == t(se).enum.FEEDBACK ? (R(), B("div", rr, [
+              r(u).event.type == r(se).enum.FEEDBACK ? (C(), B("div", tr, [
                 n[9] || (n[9] = a("div", { class: "fm-typo-en-title-sm-600" }, "Feedback Criteria", -1)),
-                d(ke, {
-                  "model-value": t(c).event.rule,
-                  "onUpdate:modelValue": n[4] || (n[4] = (e) => t(c).event.rule = e)
+                c(ke, {
+                  "model-value": r(u).event.rule,
+                  "onUpdate:modelValue": n[4] || (n[4] = (e) => r(u).event.rule = e)
                 }, null, 8, ["model-value"])
               ])) : z("", !0)
             ], 64)) : z("", !0)
@@ -481,11 +483,11 @@ const Ve = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie =
   }
 });
 function he() {
-  const k = F(!1), m = Re();
+  const k = F(!1), l = Ce();
   return {
     confirmUpdateReferralRecord: async () => {
       await new Promise((p) => {
-        m.open({
+        l.open({
           title: "Confirmation",
           message: "This will change all referral settings? Would you like to update previous referral record?",
           primaryActions: { text: "Update all", close: !0 },
@@ -500,29 +502,29 @@ function he() {
     updateReferralRecord: k
   };
 }
-const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex justify-between items-center" }, lr = /* @__PURE__ */ q({
+const nr = { class: "flex flex-col space-y-16 mt-24" }, lr = { class: "flex justify-between items-center" }, sr = /* @__PURE__ */ q({
   __name: "ManageCriteriaSheet",
-  setup(k, { expose: m }) {
-    const { t: I } = Z(), { minor: p } = ue, { confirmUpdateReferralRecord: w, updateReferralRecord: f } = he(), l = F(!1), c = F({}), u = Q(), C = F(
+  setup(k, { expose: l }) {
+    const { t: I } = Z(), { minor: p } = ue, { confirmUpdateReferralRecord: g, updateReferralRecord: f } = he(), s = F(!1), u = F({}), m = Q(), R = F(
       null
     ), A = G(() => {
       var o;
-      return (o = u.referralProgram) == null ? void 0 : o.criteria;
+      return (o = m.referralProgram) == null ? void 0 : o.criteria;
     });
     async function T(o) {
-      await w(), await p(async () => {
+      await g(), await p(async () => {
         await pe.update({
           ...o,
           updateReferralRecord: f.value
-        }), await u.readReferralProgram();
+        }), await m.readReferralProgram();
       });
     }
-    async function M(o, s) {
-      var e, r;
-      const S = o == -1 ? ((e = u.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = H(u.referralProgram);
-      h.criteria[S] = s, await T(h), (r = C.value) == null || r.showSheet(!1);
+    async function M(o, i) {
+      var e, t;
+      const S = o == -1 ? ((e = m.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = H(m.referralProgram);
+      h.criteria[S] = i, await T(h), (t = R.value) == null || t.showSheet(!1);
     }
-    async function j(o) {
+    async function D(o) {
       var h, e;
       if (!await K.remove(
         "Are you sure to remove criteria",
@@ -531,8 +533,8 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         I("connect.prompt.cancel")
       ))
         return;
-      const s = o == -1 ? ((h = u.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, S = H(u.referralProgram);
-      S.criteria.splice(s, 1), await T(S), (e = C.value) == null || e.showSheet(!1);
+      const i = o == -1 ? ((h = m.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, S = H(m.referralProgram);
+      S.criteria.splice(i, 1), await T(S), (e = R.value) == null || e.showSheet(!1);
     }
     const L = [
       {
@@ -543,7 +545,7 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         header: "Validity method",
         cell(o) {
           return te(oe.FmChip, {
-            label: _e.title(o.row.original.type),
+            label: we.title(o.row.original.type),
             variant: "plain"
           });
         }
@@ -556,8 +558,8 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
               variant: "tertiary",
               icon: "delete",
               iconColor: "neutral-gray-400",
-              onClick: (s) => {
-                s.stopPropagation(), j(o.row.index);
+              onClick: (i) => {
+                i.stopPropagation(), D(o.row.index);
               }
             })
           ];
@@ -565,75 +567,75 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
       }
     ];
     function y(o) {
-      l.value = o;
+      s.value = o;
     }
     function n() {
-      l.value = !1;
+      s.value = !1;
     }
-    return m({
+    return l({
       showSheet: y,
       hideSheet: n,
-      data: c
-    }), (o, s) => {
-      const S = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
-      return R(), B(Y, null, [
-        d(e, {
+      data: u
+    }), (o, i) => {
+      const S = w("FmButton"), h = w("FmTable"), e = w("FmSideSheet");
+      return C(), B(Y, null, [
+        c(e, {
           "max-width": 768,
-          modelValue: t(l),
-          "onUpdate:modelValue": s[2] || (s[2] = (r) => W(l) ? l.value = r : null),
+          modelValue: r(s),
+          "onUpdate:modelValue": i[2] || (i[2] = (t) => J(s) ? s.value = t : null),
           header: "Manage Criteria"
         }, {
           default: V(() => [
-            a("div", ar, [
-              a("div", nr, [
-                s[3] || (s[3] = a("div", null, [
+            a("div", nr, [
+              a("div", lr, [
+                i[3] || (i[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(S, {
+                c(S, {
                   label: "Add Criteria",
                   icon: "add",
                   variant: "secondary",
-                  onClick: s[0] || (s[0] = (r) => {
-                    var i;
-                    return (i = t(C)) == null ? void 0 : i.showSheet(!0);
+                  onClick: i[0] || (i[0] = (t) => {
+                    var d;
+                    return (d = r(R)) == null ? void 0 : d.showSheet(!0);
                   })
                 })
               ]),
-              d(h, {
-                "row-data": t(A),
+              c(h, {
+                "row-data": r(A),
                 "hide-footer": !0,
                 "page-size": 100,
                 "shrink-at": !1,
                 "column-defs": L,
-                onRowClick: s[1] || (s[1] = (r) => {
-                  var i;
-                  return (i = t(C)) == null ? void 0 : i.showSheet(!0, r.index);
+                onRowClick: i[1] || (i[1] = (t) => {
+                  var d;
+                  return (d = r(R)) == null ? void 0 : d.showSheet(!0, t.index);
                 })
               }, null, 8, ["row-data"])
             ])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        d(or, {
+        c(ar, {
           ref_key: "editCriteriaSheetRef",
-          ref: C,
+          ref: R,
           onUpdate: M
         }, null, 512)
       ], 64);
     };
   }
-}), sr = { class: "flex flex-col space-y-16 pr-12" }, ir = { class: "fm-typo-en-title-sm-800" }, dr = { class: "flex items-center gap-8" }, cr = /* @__PURE__ */ q({
+}), ir = { class: "flex flex-col space-y-16 pr-12" }, dr = { class: "fm-typo-en-title-sm-800" }, cr = { class: "flex items-center gap-8" }, ur = /* @__PURE__ */ q({
   __name: "EditRefereeRewardSheet",
   emits: ["update"],
-  setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), l = F([]), c = Q();
-    function u() {
-      w("update", l.value);
+  setup(k, { expose: l, emit: I }) {
+    const { t: p } = Z(), g = I, f = F(!1), s = F([]), u = Q();
+    function m() {
+      g("update", s.value);
     }
-    async function C(o) {
-      var s, S;
-      f.value = o, l.value = ((S = (s = c.referralProgram) == null ? void 0 : s.refereeReward) == null ? void 0 : S.map((h) => h.toString())) || [], n.value = L.value.map((h) => l.value.includes(h.id));
+    async function R(o) {
+      var i, S;
+      f.value = o, s.value = ((S = (i = u.referralProgram) == null ? void 0 : i.refereeReward) == null ? void 0 : S.map((h) => h.toString())) || [], n.value = L.value.map((h) => s.value.includes(h.id));
     }
     function A() {
       f.value = !1;
@@ -655,19 +657,19 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         header: "Description",
         accessorFn: (o) => o.description,
         cell(o) {
-          const s = o.row.original;
-          if (s.collectible.type == "VOUCHER" || s.selectedReward == null)
-            return s.description;
+          const i = o.row.original;
+          if (i.collectible.type == "VOUCHER" || i.selectedReward == null)
+            return i.description;
         }
       }
-    ], M = me(), j = F([]), L = G(() => M.rewards.map((o) => {
-      let s = "No expiry";
+    ], M = me(), D = F([]), L = G(() => M.rewards.map((o) => {
+      let i = "No expiry";
       switch (o.option.type) {
         case "VOUCHER":
-          s = `${o.option.collectibleConfig.options.maxUse} use(s), ${ee(o.option.collectibleConfig.options.validityOption || {})}`;
+          i = `${o.option.collectibleConfig.options.maxUse} use(s), ${ee(o.option.collectibleConfig.options.validityOption || {})}`;
           break;
         case "LOYALTY":
-          s = `${o.option.earningOption.amount}, ${ee(o.option.validityOption || {})}`;
+          i = `${o.option.earningOption.amount}, ${ee(o.option.validityOption || {})}`;
           break;
       }
       return {
@@ -675,56 +677,56 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         name: o.name,
         collectible: o.option,
         collectibleConfig: o.collectibleConfig,
-        description: s
+        description: i
       };
     }));
     G(() => []);
     function y() {
       const o = L.value;
-      for (let s = 0; s < o.length; s++) {
-        const S = o[s], h = n.value[s];
-        h && !l.value.includes(S.id) && l.value.push(S.id), !h && l.value.includes(S.id) && (l.value = l.value.filter((e) => e != S.id));
+      for (let i = 0; i < o.length; i++) {
+        const S = o[i], h = n.value[i];
+        h && !s.value.includes(S.id) && s.value.push(S.id), !h && s.value.includes(S.id) && (s.value = s.value.filter((e) => e != S.id));
       }
     }
     const n = F({});
-    return ie(n, y, { deep: !0 }), m({
-      showSheet: C,
+    return ie(n, y, { deep: !0 }), l({
+      showSheet: R,
       hideSheet: A,
-      data: l
-    }), (o, s) => {
-      const S = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
-      return R(), D(e, {
+      data: s
+    }), (o, i) => {
+      const S = w("FmTable"), h = w("FmButton"), e = w("FmSideSheet");
+      return C(), j(e, {
         "max-width": 1e3,
-        modelValue: t(f),
-        "onUpdate:modelValue": s[2] || (s[2] = (r) => W(f) ? f.value = r : null),
+        modelValue: r(f),
+        "onUpdate:modelValue": i[2] || (i[2] = (t) => J(f) ? f.value = t : null),
         header: "Referee reward"
       }, {
         "side-sheet-footer": V(() => [
-          a("div", dr, [
-            d(h, {
-              label: t(p)("connect.common.save"),
-              onClick: u,
-              disabled: t(J)().isLoading,
-              loading: t(J)().isLoading
+          a("div", cr, [
+            c(h, {
+              label: r(p)("connect.common.save"),
+              onClick: m,
+              disabled: r(W)().isLoading,
+              loading: r(W)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d(h, {
-              label: t(p)("connect.common.cancel"),
-              onClick: s[1] || (s[1] = (r) => A()),
+            c(h, {
+              label: r(p)("connect.common.cancel"),
+              onClick: i[1] || (i[1] = (t) => A()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
         default: V(() => [
-          d(X, { json: t(l) }, null, 8, ["json"]),
-          a("div", sr, [
-            a("div", ir, O(t(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
-            d(S, {
-              modelValue: t(n),
-              "onUpdate:modelValue": s[0] || (s[0] = (r) => W(n) ? n.value = r : null),
+          c(X, { json: r(s) }, null, 8, ["json"]),
+          a("div", ir, [
+            a("div", dr, O(r(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
+            c(S, {
+              modelValue: r(n),
+              "onUpdate:modelValue": i[0] || (i[0] = (t) => J(n) ? n.value = t : null),
               selection: "multiple",
-              "column-filter": t(j),
+              "column-filter": r(D),
               "column-defs": T,
-              "row-data": t(L),
+              "row-data": r(L),
               "page-size": 10
             }, null, 8, ["modelValue", "column-filter", "row-data"])
           ])
@@ -733,40 +735,42 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
       }, 8, ["modelValue"]);
     };
   }
-}), ur = { class: "fm-typo-en-title-sm-600" }, mr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, fr = { class: "flex gap-x-8" }, pr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, hr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vr = { class: "mb-40" }, gr = {
+}), mr = { class: "fm-typo-en-title-sm-600" }, fr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, pr = { class: "flex gap-x-8" }, hr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, vr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _r = { class: "mb-40" }, gr = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, wr = { class: "flex flex-col gap-16 text-center" }, _r = { class: "fm-typo-en-title-sm-800" }, yr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zr = /* @__PURE__ */ q({
+}, wr = { class: "flex flex-col gap-16 text-center" }, yr = { class: "fm-typo-en-title-sm-800" }, br = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yr = /* @__PURE__ */ q({
   __name: "Overview",
   setup(k) {
-    const { t: m } = Z(), { minor: I } = ue, p = Pe(), w = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: l } = he(), c = G(() => {
+    const { t: l } = Z(), { minor: I } = ue, p = Pe(), g = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: s } = he(), u = G(() => {
       var e;
-      return ((e = w.referralProgram) == null ? void 0 : e.reward) ?? [];
-    }), u = F(null);
+      return ((e = g.referralProgram) == null ? void 0 : e.reward) ?? [];
+    }), m = F(null);
     F(null);
-    const C = F(null), A = F(null), T = F(null), M = G(() => {
-      var e, r, i, g;
+    const R = F(null), A = F(null), T = F(null), M = G(() => {
+      var e, t, d, _;
       return [
         {
           label: "connect.referral.how_it_works.generate_link",
-          sublabel: m("connect.referral.how_it_works.generate_link_for_member"),
+          sublabel: l("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.pf_refereeReward) == null ? void 0 : r.length) || 0} reward(s)`,
-          action: m("connect.referral.actions.manage_reward"),
+          sublabel: `${((t = (e = g.referralProgram) == null ? void 0 : e.pf_refereeReward) == null ? void 0 : t.length) || 0} ${l("connect.referral.how_it_works.reward")}`,
+          action: l("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",
+          helperText: l(
+            "connect.referral.how_it_works.referee_join_reward_description"
+          ),
           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"),
+          sublabel: `${(d = g.referralProgram) == null ? void 0 : d.criteria.length} ${l("connect.referral.how_it_works.criteria")}`,
+          action: l("connect.referral.actions.manage_criteria"),
           onClick: () => {
             var b;
             return (b = A.value) == null ? void 0 : b.showSheet(!0);
@@ -775,76 +779,76 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         },
         {
           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",
+          sublabel: `${(_ = g.referralProgram) == null ? void 0 : _.reward.length} ${l("connect.referral.how_it_works.reward_tier")}`,
+          helperText: l("connect.referral.how_it_works.referral_tier_description"),
           icon: "featured_seasonal_and_gifts"
         }
       ];
     });
-    function j(e) {
-      var r;
-      (r = u.value) == null || r.onManageRewardGroup(e);
+    function D(e) {
+      var t;
+      (t = m.value) == null || t.onManageRewardGroup(e);
     }
     function L(e) {
-      var r;
-      (r = C.value) == null || r.showSheet(!0, {
+      var t;
+      (t = R.value) == null || t.showSheet(!0, {
         groupIndex: e.groupIndex,
         countIndex: e.countIndex
       });
     }
     async function y(e) {
       var P, x, v, E;
-      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) {
+      const t = e.countIndex == -1 ? ((x = (P = g.referralProgram) == null ? void 0 : P.reward[e.groupIndex]) == null ? void 0 : x.rewards.length) || 0 : e.countIndex || 0, d = e.referralCount, _ = H(
+        g.referralProgram
+      ), b = _.reward[e.groupIndex];
+      b.rewards[t] = e.referralCount;
+      const $ = b.rewards[t - 1], U = b.rewards[t + 1];
+      if ($ && $.threshold.to != d.threshold.from - 1) {
         if (!await K.confirm(
-          m(
+          l(
             "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
+              newTo: d.threshold.from - 1
             }
           ),
-          m("connect.referral.referral_count.title"),
-          m("connect.referral.referral_count.remove.next_range")
+          l("connect.referral.referral_count.title"),
+          l("connect.referral.referral_count.remove.next_range")
         ))
           return;
-        $.threshold.to = i.threshold.from - 1;
+        $.threshold.to = d.threshold.from - 1;
       }
-      if (U && U.threshold.from - 1 != i.threshold.to) {
+      if (U && U.threshold.from - 1 != d.threshold.to) {
         if (!await K.confirm(
-          m("connect.program.tier.update.range_discontinuous.next", {
+          l("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
+            newFrom: d.threshold.to ?? 1
           }),
-          m("connect.program.tier.title"),
-          m("connect.program.tier.remove.next_range"),
-          m("connect.prompt.cancel")
+          l("connect.program.tier.title"),
+          l("connect.program.tier.remove.next_range"),
+          l("connect.prompt.cancel")
         ))
           return;
-        U.threshold.from = (i.threshold.to ?? 0) + 1;
+        U.threshold.from = (d.threshold.to ?? 0) + 1;
       }
-      !U && !((v = i.threshold) != null && v.to) && (i.threshold.to = void 0), await o(g), (E = C.value) == null || E.hideSheet();
+      !U && !((v = d.threshold) != null && v.to) && (d.threshold.to = void 0), await o(_), (E = R.value) == null || E.hideSheet();
     }
     async function n(e) {
-      var i;
-      const r = H(w.referralProgram);
-      r.refereeReward = e, await o(r), (i = T.value) == null || i.hideSheet();
+      var d;
+      const t = H(g.referralProgram);
+      t.refereeReward = e, await o(t), (d = T.value) == null || d.hideSheet();
     }
     async function o(e) {
       await f(), await I(
         async () => {
           await pe.update({
             ...e,
-            updateReferralRecord: l.value
-          }), await w.readReferralProgram();
+            updateReferralRecord: s.value
+          }), await g.readReferralProgram();
         },
         {
           message: "Updating referral program",
@@ -852,53 +856,53 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
         }
       );
     }
-    async function s(e) {
+    async function i(e) {
       if (!await K.remove(
-        "Are you sure to remove referral tier",
-        "Remove referral tier",
-        m("connect.prompt.confirm"),
-        m("connect.prompt.cancel")
+        l("connect.referral.reward.confirm_remove_referral_tier"),
+        l("connect.referral.reward.remove_referral_tier"),
+        l("connect.prompt.confirm"),
+        l("connect.prompt.cancel")
       ))
         return;
-      const r = H(w.referralProgram);
-      r.reward.splice(e, 1), await o(r);
+      const t = H(g.referralProgram);
+      t.reward.splice(e, 1), await o(t);
     }
-    async function S(e, r) {
+    async function S(e, t) {
       if (!await K.remove(
-        "Are you sure to remove referral count",
-        "Remove referral tier",
-        m("connect.prompt.confirm"),
-        m("connect.prompt.cancel")
+        l("connect.referral.reward.confirm_remove_referral_count"),
+        l("connect.referral.reward.remove_referral_count"),
+        l("connect.prompt.confirm"),
+        l("connect.prompt.cancel")
       ))
         return;
-      const i = H(w.referralProgram), g = i.reward[e].rewards[r + 1];
-      if (g) {
+      const d = H(g.referralProgram), _ = d.reward[e].rewards[t + 1];
+      if (_) {
         if (!await K.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
+          l("connect.referral.referral_count.update.range_discontinuous.next", {
+            from: _.threshold.from ?? 0,
+            to: _.threshold.to ?? 1 / 0,
+            newFrom: d.reward[e].rewards[t].threshold.from
           }),
-          m("connect.referral.referral_count.remove.title"),
-          m("connect.referral.referral_count.remove.next_range"),
-          m("connect.prompt.cancel")
+          l("connect.referral.referral_count.remove.title"),
+          l("connect.referral.referral_count.remove.next_range"),
+          l("connect.prompt.cancel")
         ))
           return;
-        g.threshold.from = i.reward[e].rewards[r].threshold.from;
+        _.threshold.from = d.reward[e].rewards[t].threshold.from;
       }
-      i.reward[e].rewards.splice(r, 1), await o(i);
+      d.reward[e].rewards.splice(t, 1), await o(d);
     }
     const h = [
       {
-        header: "Referral Count",
+        header: l("connect.referral.reward.table.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",
+        header: l("connect.referral.reward.table.reward"),
         accessorKey: "type",
         accessorFn: (e) => {
-          var r;
-          return `${((r = e.pf_reward) == null ? void 0 : r.length) || 0} reward(s)`;
+          var t;
+          return `${((t = e.pf_reward) == null ? void 0 : t.length) || 0} reward(s)`;
         }
       },
       {
@@ -912,45 +916,45 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
             icon: "delete",
             iconColor: "neutral-gray-400",
             class: "ml-auto",
-            onClick: (r) => {
-              r.stopPropagation(), console.log(e.row), S(e.row.original.groupIndex, e.row.index);
+            onClick: (t) => {
+              t.stopPropagation(), console.log(e.row), S(e.row.original.groupIndex, e.row.index);
             }
           });
         }
       }
     ];
-    return ge(async () => {
-      await w.readReferralProgram();
-    }), (e, r) => {
-      const i = _("FmCard"), g = _("FmIcon"), b = _("FmTooltip"), $ = _("FmButton"), U = _("FmTable"), P = _("FmList");
-      return R(), B(Y, null, [
+    return _e(async () => {
+      await g.readReferralProgram();
+    }), (e, t) => {
+      const d = w("FmCard"), _ = w("FmIcon"), b = w("FmTooltip"), $ = w("FmButton"), U = w("FmTable"), P = w("FmList");
+      return C(), B(Y, null, [
         z("", !0),
-        d(i, {
+        c(d, {
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
           default: V(() => [
-            a("div", ur, O(t(m)("connect.referral.how_it_works.title")), 1),
-            a("div", mr, [
-              (R(!0), B(Y, null, re(t(M), (x, v) => (R(), B("div", {
+            a("div", mr, O(r(l)("connect.referral.how_it_works.title")), 1),
+            a("div", fr, [
+              (C(!0), B(Y, null, re(r(M), (x, v) => (C(), B("div", {
                 key: v,
                 class: de(["px-8", { "xs:!border-r": v % 2 == 0 }])
               }, [
-                a("div", fr, [
-                  d(g, {
+                a("div", pr, [
+                  c(_, {
                     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", pr, [
-                      ce(O(t(m)(x.label)) + " ", 1),
-                      x.helperText ? (R(), D(b, {
+                    a("div", hr, [
+                      ce(O(r(l)(x.label)) + " ", 1),
+                      x.helperText ? (C(), j(b, {
                         key: 0,
                         content: x.helperText
                       }, {
                         default: V(() => [
-                          d(g, {
+                          c(_, {
                             name: "help",
                             size: "sm",
                             outline: !0
@@ -959,12 +963,12 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
                         _: 2
                       }, 1032, ["content"])) : z("", !0)
                     ]),
-                    a("div", hr, O(x.sublabel), 1),
-                    x.action ? (R(), D($, {
+                    a("div", vr, O(x.sublabel), 1),
+                    x.action ? (C(), j($, {
                       key: 0,
                       variant: "plain",
                       label: x.action,
-                      disabled: !t(p).isPremium,
+                      disabled: !r(p).isPremium,
                       class: "fm-typo-en-body-md-400 !p-0",
                       onClick: x.onClick
                     }, null, 8, ["label", "disabled", "onClick"])) : z("", !0)
@@ -975,27 +979,27 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
           ]),
           _: 1
         }),
-        t(c) && t(c).length > 0 ? (R(), D(i, {
+        r(u) && r(u).length > 0 ? (C(), j(d, {
           key: 1,
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
           default: V(() => [
-            d(P, { separator: !0 }, {
+            c(P, { separator: !0 }, {
               default: V(() => [
-                (R(!0), B(Y, null, re(t(c), (x, v) => (R(), D(Ge, {
+                (C(!0), B(Y, null, re(r(u), (x, v) => (C(), j(Ge, {
                   key: v,
                   "reward-group": x,
                   level: v,
-                  onEdit: (E) => j(v),
-                  onRemove: (E) => s(v),
-                  onAddCount: r[0] || (r[0] = (E) => {
+                  onEdit: (E) => D(v),
+                  onRemove: (E) => i(v),
+                  onAddCount: t[0] || (t[0] = (E) => {
                     L({ groupIndex: E, countIndex: -1 });
                   })
                 }, {
                   default: V(() => [
-                    a("div", vr, [
-                      d(U, {
+                    a("div", _r, [
+                      c(U, {
                         "row-data": x.rewards.map((E) => ({ ...E, groupIndex: v })),
                         "column-defs": h,
                         "hide-footer": !0,
@@ -1003,12 +1007,12 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
                         onRowClick: (E) => L({ groupIndex: v, countIndex: E.index })
                       }, null, 8, ["row-data", "onRowClick"])
                     ]),
-                    x.rewards.length ? z("", !0) : (R(), B("div", gr, [
-                      r[3] || (r[3] = a("div", { class: "flex flex-col gap-16 text-center" }, [
+                    x.rewards.length ? z("", !0) : (C(), B("div", gr, [
+                      t[3] || (t[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($, {
+                      c($, {
                         variant: "secondary",
                         label: "Add count",
                         icon: "add",
@@ -1023,44 +1027,44 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
             })
           ]),
           _: 1
-        })) : (R(), D(i, {
+        })) : (C(), j(d, {
           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: we,
+            t[4] || (t[4] = a("img", {
+              src: ge,
               class: "aspect-square w-[150px]"
             }, null, -1)),
             a("div", wr, [
-              a("div", _r, O(t(m)("connect.referral.referral_tier_title")), 1),
-              a("div", yr, O(t(m)("connect.referral.referral_tier_description")), 1)
+              a("div", yr, O(r(l)("connect.referral.referral_tier_title")), 1),
+              a("div", br, O(r(l)("connect.referral.referral_tier_description")), 1)
             ]),
-            d($, {
+            c($, {
               variant: "primary",
-              label: t(m)("connect.referral.add_referral_tier"),
+              label: r(l)("connect.referral.add_referral_tier"),
               icon: "add",
-              disabled: !t(p).isPremium,
-              onClick: r[1] || (r[1] = (x) => j(-1))
+              disabled: !r(p).isPremium,
+              onClick: t[1] || (t[1] = (x) => D(-1))
             }, null, 8, ["label", "disabled"])
           ]),
           _: 1
         })),
-        d(ye, {
+        c(ye, {
           ref_key: "rewardGroupRef",
-          ref: u
+          ref: m
         }, null, 512),
-        d(Ye, {
+        c(qe, {
           ref_key: "editReferralCountSheetRef",
-          ref: C,
+          ref: R,
           onUpdate: y
         }, null, 512),
-        d(lr, {
+        c(sr, {
           ref_key: "manageCriteriaSheetRef",
           ref: A
         }, null, 512),
-        d(cr, {
+        c(ur, {
           ref_key: "editRefereeRewardSheetRef",
           ref: T,
           onUpdate: n
@@ -1070,5 +1074,5 @@ const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex just
   }
 });
 export {
-  zr as default
+  Yr as default
 };