@feedmepos/mf-connect 0.1.0-beta.32 → 0.1.0-beta.34

package/dist/{Overview-DbuRGVWJ.js → Overview-8ZkvZh2U.js}

@@ -1,28 +1,28 @@
-import { defineComponent as Y, resolveComponent as _, openBlock as C, createElementBlock as B, Fragment as H, createVNode as d, withCtx as k, createElementVNode as a, toDisplayString as E, unref as r, renderSlot as pe, ref as x, computed as D, watch as se, createBlock as j, isRef as z, resolveDynamicComponent as ne, renderList as te, normalizeClass as ie, createTextVNode as he, createCommentVNode as Z, h as re, onMounted as ve } from "vue";
+import { defineComponent as Y, resolveComponent as w, openBlock as C, createElementBlock as E, Fragment as z, createVNode as i, withCtx as I, createElementVNode as a, toDisplayString as O, unref as r, renderSlot as he, ref as S, computed as G, watch as se, createBlock as j, isRef as W, resolveDynamicComponent as ne, renderList as te, normalizeClass as ie, createTextVNode as de, createCommentVNode as q, h as re, onMounted as ve } from "vue";
 import { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as W } from "./vue-i18n-gHmu9x4p.js";
-import { c as we, p as K, u as de } from "./loading-DbB9x1Ds.js";
+import { u as K } from "./vue-i18n-BK0qKZu-.js";
+import { c as we, p as Z, u as ce } from "./loading-DCSdIZqP.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
-import { Z as M } from "./zod-Bg2FbC-D.js";
-import { u as q } from "./app-wDQR6dpb.js";
-import { u as Q, _ as _e } from "./RewardGroup.vue_vue_type_script_setup_true_lang-C2iKpUoP.js";
-import { u as ce } from "./reward-DZVkyjr0.js";
-import "./index-CdAIjFbl.js";
-import "./index-CIdcR8xz.js";
-import { l as le, m as ye } from "./index-856h6bc0.js";
-import { a as be, b as xe } from "./index-BuE8NeSd.js";
-import "./index-BV2Ej5X-.js";
-import "./index-YFt66ce1.js";
-import { C as ue } from "./membership-CyhUGayb.js";
-import { t as ee } from "./helper-gL8_tR2G.js";
-import { c as N } from "./object-qECH92oz.js";
-import { useDialog as Ce, components as oe } from "@feedmepos/ui-library";
-import { _ as Re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DasKXslL.js";
-import { a as Se, _ as Fe } from "./trigger-BjdUQ1EH.js";
-import { O as ke } from "./objectid-BPMkce_-.js";
-import { r as me } from "./index-CC1h5CUP.js";
-import { u as $e } from "./business-BTNYs-U5.js";
-const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ie = { class: "flex-1" }, Te = { class: "flex items-center gap-8" }, Ue = { class: "fm-typo-en-title-sm-800" }, Ae = { class: "flex gap-8 items-center" }, Le = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Ee = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Oe = { class: "flex-1 space-y-4" }, je = { class: "fm-typo-en-body-lg-600" }, De = /* @__PURE__ */ Y({
+import { Z as N } from "./zod-Bg2FbC-D.js";
+import { u as J } from "./app-wDQR6dpb.js";
+import { u as Q, _ as _e } from "./RewardGroup.vue_vue_type_script_setup_true_lang-Cg5cJLSS.js";
+import { u as ue } from "./reward-ozVC4wTW.js";
+import "./index-BG5txN30.js";
+import "./index-DeMgVwv8.js";
+import { j as le, k as ye } from "./index-Dw1WniG7.js";
+import { a as be, b as xe } from "./index-BjAdYoh3.js";
+import "./index-Cgaj4reE.js";
+import "./index-CRlD2sul.js";
+import { C as me } from "./membership-KiKcnWxt.js";
+import { t as ee } from "./helper-C776lUH-.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-Wh_Pc7qk.js";
+import { a as Se, _ as Fe } from "./trigger-C2-zYC46.js";
+import { O as ke } from "./objectid-CZ5qnZ1J.js";
+import { r as fe } from "./index-I27oHD1a.js";
+import { u as $e } from "./business-BJ-cyfj6.js";
+const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ie = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ve = { class: "flex-1" }, Te = { class: "flex items-center gap-8" }, Ue = { class: "fm-typo-en-title-sm-800" }, Ae = { class: "flex gap-8 items-center" }, Le = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1 pb-24" }, Be = { class: "flex items-center justify-between" }, Ee = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Oe = { class: "flex-1 space-y-4" }, je = { class: "fm-typo-en-body-lg-600" }, De = /* @__PURE__ */ Y({
   __name: "ReferralRewadGroupCard",
   props: {
     rewardGroup: {
@@ -35,37 +35,37 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
     }
   },
   emits: ["edit", "addCount", "remove"],
-  setup(R, { emit: f }) {
-    const { t: $ } = W(), p = f;
+  setup(F, { emit: f }) {
+    const { t: V } = K(), p = f;
     return (g, m) => {
-      const n = _("FmButton"), c = _("FmListItem");
-      return C(), B(H, null, [
-        d(c, {
-          onClick: m[4] || (m[4] = (u) => p("edit", R.level)),
+      const n = w("FmButton"), c = w("FmListItem");
+      return C(), E(z, null, [
+        i(c, {
+          onClick: m[4] || (m[4] = (u) => p("edit", F.level)),
           class: "!p-0"
         }, {
-          default: k(() => [
+          default: I(() => [
             a("div", Pe, [
-              a("div", Ve, [
-                a("div", Ie, [
+              a("div", Ie, [
+                a("div", Ve, [
                   a("div", Te, [
-                    a("div", Ue, E(R.rewardGroup.name), 1)
+                    a("div", Ue, O(F.rewardGroup.name), 1)
                   ])
                 ])
               ]),
               a("div", Ae, [
-                d(n, {
+                i(n, {
                   variant: "secondary",
-                  label: r($)("connect.referral.reward.add_count"),
+                  label: r(V)("connect.referral.reward.add_count"),
                   icon: "add",
                   onClick: m[0] || (m[0] = (u) => {
-                    u.stopPropagation(), p("addCount", R.level);
+                    u.stopPropagation(), p("addCount", F.level);
                   })
                 }, null, 8, ["label"]),
-                d(n, {
+                i(n, {
                   icon: "delete",
                   onClick: m[1] || (m[1] = (u) => {
-                    u.stopPropagation(), p("remove", R.level);
+                    u.stopPropagation(), p("remove", F.level);
                   }),
                   variant: "tertiary"
                 })
@@ -76,78 +76,85 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                 a("div", Ee, [
                   a("div", Oe, [
                     a("div", null, [
-                      a("div", je, E(R.rewardGroup.name), 1)
+                      a("div", je, O(F.rewardGroup.name), 1)
                     ])
                   ])
                 ]),
-                d(n, {
+                i(n, {
                   variant: "tertiary",
                   icon: "delete",
-                  onClick: m[2] || (m[2] = (u) => (u.stopPropagation(), p("remove", R.level)))
+                  onClick: m[2] || (m[2] = (u) => (u.stopPropagation(), p("remove", F.level)))
                 })
               ]),
-              d(n, {
+              i(n, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Add count",
                 disabled: !0,
                 icon: "add",
-                onClick: m[3] || (m[3] = (u) => (u.stopPropagation(), p("addCount", R.level)))
+                onClick: m[3] || (m[3] = (u) => (u.stopPropagation(), p("addCount", F.level)))
               })
             ])
           ]),
           _: 1
         }),
-        pe(g.$slots, "default")
+        he(g.$slots, "default")
       ], 64);
     };
   }
-}), Ge = { class: "flex flex-col space-y-16 pr-12" }, Me = { class: "flex gap-16 items-center" }, Ne = { class: "fm-typo-en-title-sm-800" }, He = { class: "flex items-center gap-8" }, Ye = /* @__PURE__ */ Y({
+}), Ge = { class: "flex flex-col space-y-16 pr-12" }, Me = { class: "flex gap-16 items-center" }, Ne = { class: "fm-typo-en-title-sm-800" }, He = { class: "flex items-center gap-8" }, ze = /* @__PURE__ */ Y({
   __name: "EditReferralCountSheet",
   emits: ["update"],
-  setup(R, { expose: f, emit: $ }) {
-    const { t: p } = W(), g = $, m = x(!1), n = x({}), c = x(-1), u = x(-1), S = Q(), V = be.superRefine((e, t) => {
-      var U, A, v, I, L, J, ae;
-      const i = u.value == -1 ? ((v = (A = (U = S.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : A.rewards) == null ? void 0 : v.length) || 0 : u.value, F = (L = (I = S.referralProgram) == null ? void 0 : I.reward[c.value]) == null ? void 0 : L.rewards[i - 1], b = (ae = (J = S.referralProgram) == null ? void 0 : J.reward[c.value]) == null ? void 0 : ae.rewards[i + 1];
-      F && e.threshold.from < F.threshold.from + 1 && t.addIssue({
+  setup(F, { expose: f, emit: V }) {
+    const { t: p } = K(), g = V, m = S(!1), n = S({}), c = S(-1), u = S(-1), x = Q(), A = be.superRefine((e, t) => {
+      var $, U, P, b, v, B, ae;
+      const d = u.value == -1 ? ((P = (U = ($ = x.referralProgram) == null ? void 0 : $.reward[c.value]) == null ? void 0 : U.rewards) == null ? void 0 : P.length) || 0 : u.value, k = (v = (b = x.referralProgram) == null ? void 0 : b.reward[c.value]) == null ? void 0 : v.rewards[d - 1], y = (ae = (B = x.referralProgram) == null ? void 0 : B.reward[c.value]) == null ? void 0 : ae.rewards[d + 1];
+      k && e.threshold.from < k.threshold.from + 1 && t.addIssue({
         code: "custom",
-        message: `The min referral must be at least ${F.threshold.from + 1}`,
+        message: `The min referral must be at least ${k.threshold.from + 1}`,
         path: ["option"]
-      }), b && e.threshold.to && b.threshold.to && e.threshold.to > b.threshold.to - 1 && t.addIssue({
+      }), y && e.threshold.to && y.threshold.to && e.threshold.to > y.threshold.to - 1 && t.addIssue({
         code: "custom",
-        message: `The max referral must be at most ${b.threshold.to - 2}`,
+        message: `The max referral must be at most ${y.threshold.to - 2}`,
         path: ["option"]
       });
-    }), P = D(() => {
-      const e = V.safeParse(n.value);
+    }), T = G(() => {
+      const e = A.safeParse(n.value);
       return e.success ? [] : e.error.errors;
     });
-    function G() {
-      const e = V.safeParse(n.value);
+    function M() {
+      const e = A.safeParse(n.value);
       e.success && g("update", {
         groupIndex: c.value,
         countIndex: u.value,
         referralCount: e.data
       });
     }
-    async function O(e, t) {
-      var i;
-      m.value = e, e && typeof (t == null ? void 0 : t.countIndex) == "number" && t.countIndex >= 0 ? (c.value = t.groupIndex, u.value = t.countIndex, n.value = N(
-        (i = S.referralProgram) == null ? void 0 : i.reward[t.groupIndex].rewards[t.countIndex]
-      )) : (c.value = t.groupIndex, u.value = -1, n.value = {
-        threshold: {
-          from: 1,
-          to: null
-        },
-        rewards: []
-      }), h.value = [], h.value = l.value.map(
-        (F) => n.value.rewards.includes(F.id)
+    async function D(e, t) {
+      var d, k, y, $, U, P;
+      if (m.value = e, e && typeof (t == null ? void 0 : t.countIndex) == "number" && t.countIndex >= 0)
+        c.value = t.groupIndex, u.value = t.countIndex, n.value = H(
+          (d = x.referralProgram) == null ? void 0 : d.reward[t.groupIndex].rewards[t.countIndex]
+        );
+      else {
+        c.value = t.groupIndex, u.value = -1;
+        const b = u.value == -1 ? (($ = (y = (k = x.referralProgram) == null ? void 0 : k.reward[c.value]) == null ? void 0 : y.rewards) == null ? void 0 : $.length) || 0 : u.value, v = (P = (U = x.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : P.rewards[b - 1];
+        n.value = {
+          threshold: {
+            from: v != null && v.threshold ? v != null && v.threshold.to ? v.threshold.to + 1 : (v == null ? void 0 : v.threshold.from) + 1 : 1,
+            to: null
+          },
+          rewards: []
+        };
+      }
+      h.value = [], h.value = l.value.map(
+        (b) => n.value.rewards.includes(b.id)
       );
     }
-    function T() {
+    function L() {
       m.value = !1;
     }
-    const w = [
+    const _ = [
       {
         header: "Reward title",
         accessorFn: (e) => e.name,
@@ -157,7 +164,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
         id: "type",
         header: "Reward type",
         cell(e) {
-          return ue[e.row.original.collectibleConfig.type].chip();
+          return me[e.row.original.collectibleConfig.type].chip();
         }
       },
       {
@@ -169,7 +176,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
             return t.description;
         }
       }
-    ], s = ce(), o = x([]), l = D(() => s.rewards.map((e) => {
+    ], s = ue(), o = S([]), l = G(() => s.rewards.map((e) => {
       let t = "No expiry";
       switch (e.option.type) {
         case "VOUCHER":
@@ -187,60 +194,60 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
         description: t
       };
     }));
-    D(() => []);
-    function y() {
+    G(() => []);
+    function R() {
       const e = l.value;
       for (let t = 0; t < e.length; t++) {
-        const i = e[t], F = h.value[t];
-        F && !n.value.rewards.includes(i.id) && n.value.rewards.push(i.id), !F && n.value.rewards.includes(i.id) && (n.value.rewards = n.value.rewards.filter(
-          (b) => b != i.id
+        const d = e[t], k = h.value[t];
+        k && !n.value.rewards.includes(d.id) && n.value.rewards.push(d.id), !k && n.value.rewards.includes(d.id) && (n.value.rewards = n.value.rewards.filter(
+          (y) => y != d.id
         ));
       }
     }
-    const h = x({});
-    return se(h, y, { deep: !0 }), f({
-      showSheet: O,
-      hideSheet: T,
+    const h = S({});
+    return se(h, R, { deep: !0 }), f({
+      showSheet: D,
+      hideSheet: L,
       data: n
     }), (e, t) => {
-      const i = _("FmStepperField"), F = _("FmHelperText"), b = _("FmTable"), U = _("FmButton"), A = _("FmSideSheet");
-      return C(), j(A, {
+      const d = w("FmStepperField"), k = w("FmHelperText"), y = w("FmTable"), $ = w("FmButton"), U = w("FmSideSheet");
+      return C(), j(U, {
         "max-width": 1e3,
         modelValue: r(m),
-        "onUpdate:modelValue": t[4] || (t[4] = (v) => z(m) ? m.value = v : null),
+        "onUpdate:modelValue": t[4] || (t[4] = (P) => W(m) ? m.value = P : null),
         header: `${r(u) == -1 ? r(p)("connect.referral.editReferralCountSheet.add") : r(p)("connect.referral.editReferralCountSheet.edit")}`
       }, {
-        "side-sheet-footer": k(() => [
+        "side-sheet-footer": I(() => [
           a("div", He, [
-            d(U, {
+            i($, {
               label: r(p)("connect.editTierSheet.submit"),
-              onClick: G,
-              disabled: r(P).length > 0 || r(q)().isLoading,
-              loading: r(q)().isLoading
+              onClick: M,
+              disabled: r(T).length > 0 || r(J)().isLoading,
+              loading: r(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d(U, {
+            i($, {
               label: r(p)("connect.editTierSheet.cancel"),
-              onClick: t[3] || (t[3] = (v) => T()),
+              onClick: t[3] || (t[3] = (P) => L()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: k(() => [
-          d(X, { json: r(n) }, null, 8, ["json"]),
-          d(X, { json: r(P) }, null, 8, ["json"]),
+        default: I(() => [
+          i(X, { json: r(n) }, null, 8, ["json"]),
+          i(X, { json: r(T) }, null, 8, ["json"]),
           a("div", Ge, [
             a("div", null, [
               a("div", Me, [
-                d(i, {
+                i(d, {
                   modelValue: r(n).threshold.from,
-                  "onUpdate:modelValue": t[0] || (t[0] = (v) => r(n).threshold.from = v),
+                  "onUpdate:modelValue": t[0] || (t[0] = (P) => r(n).threshold.from = P),
                   "show-steppers": !1,
-                  rules: [r(M).ruleAtPath(r(V), "threshold.from")]
+                  rules: [r(N).ruleAtPath(r(A), "threshold.from")]
                 }, {
-                  label: k(() => [
+                  label: I(() => [
                     (C(), j(ne(
-                      r(M).toInputLabel(
-                        r(M).typeAtPath(r(V), "threshold.from"),
+                      r(N).toInputLabel(
+                        r(N).typeAtPath(r(A), "threshold.from"),
                         r(p)(
                           "connect.referral.editReferralCountSheet.min_referral_count"
                         )
@@ -249,16 +256,16 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                   ]),
                   _: 1
                 }, 8, ["modelValue", "rules"]),
-                d(i, {
+                i(d, {
                   modelValue: r(n).threshold.to,
-                  "onUpdate:modelValue": t[1] || (t[1] = (v) => r(n).threshold.to = v),
+                  "onUpdate:modelValue": t[1] || (t[1] = (P) => r(n).threshold.to = P),
                   "show-steppers": !1,
-                  rules: [r(M).ruleAtPath(r(V), "threshold.to")]
+                  rules: [r(N).ruleAtPath(r(A), "threshold.to")]
                 }, {
-                  label: k(() => [
+                  label: I(() => [
                     (C(), j(ne(
-                      r(M).toInputLabel(
-                        r(M).typeAtPath(r(V), "threshold.to"),
+                      r(N).toInputLabel(
+                        r(N).typeAtPath(r(A), "threshold.to"),
                         r(p)(
                           "connect.referral.editReferralCountSheet.max_referral_count"
                         )
@@ -268,19 +275,19 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                   _: 1
                 }, 8, ["modelValue", "rules"])
               ]),
-              d(F, {
-                text: r(M).helperText(r(P), "option"),
-                state: r(M).helperState(r(P), "option")
+              i(k, {
+                text: r(N).helperText(r(T), "option"),
+                state: r(N).helperState(r(T), "option")
               }, null, 8, ["text", "state"]),
               t[5] || (t[5] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " When max. referral count is not set, it will default unlimited ", -1))
             ]),
-            a("div", Ne, E(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
-            d(b, {
+            a("div", Ne, O(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
+            i(y, {
               modelValue: r(h),
-              "onUpdate:modelValue": t[2] || (t[2] = (v) => z(h) ? h.value = v : null),
+              "onUpdate:modelValue": t[2] || (t[2] = (P) => W(h) ? h.value = P : null),
               selection: "multiple",
               "column-filter": r(o),
-              "column-defs": w,
+              "column-defs": _,
               "row-data": r(l),
               "page-size": 10
             }, null, 8, ["modelValue", "column-filter", "row-data"])
@@ -290,7 +297,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       }, 8, ["modelValue", "header"]);
     };
   }
-}), ze = { class: "space-y-16" }, qe = { class: "grid grid-cols-3 gap-16" }, We = { class: "fm-typo-en-title-sm-800" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ Y({
+}), Ye = { class: "space-y-16" }, qe = { class: "grid grid-cols-3 gap-16" }, We = { class: "fm-typo-en-title-sm-800" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ Y({
   __name: "CriteriaTriggerInput",
   props: {
     modelValue: {
@@ -302,32 +309,32 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
     }
   },
   emits: ["update:model-value"],
-  setup(R, { emit: f }) {
-    const $ = R, p = f, g = D(() => [
+  setup(F, { emit: f }) {
+    const V = F, p = f, g = G(() => [
       le.enum.BILL_COMPLETED,
       le.enum.FEEDBACK
     ].map((m) => Se[m]));
     return (m, n) => {
-      const c = _("FmCard");
-      return C(), B("div", ze, [
+      const c = w("FmCard");
+      return C(), E("div", Ye, [
         n[0] || (n[0] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
         a("div", qe, [
-          (C(!0), B(H, null, te(r(g), (u) => (C(), j(c, {
+          (C(!0), E(z, null, te(r(g), (u) => (C(), j(c, {
             key: u.name,
             variant: "outlined",
-            disabled: $.disabled,
+            disabled: V.disabled,
             class: ie(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
               "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)]": R.modelValue == u.value,
-              "hover:bg-fm-color-opacity-sm": R.modelValue != u.value
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": F.modelValue == u.value,
+              "hover:bg-fm-color-opacity-sm": F.modelValue != u.value
             }]),
             onClick: () => {
-              $.modelValue != u.value && !$.disabled && p("update:model-value", u.value);
+              V.modelValue != u.value && !V.disabled && p("update:model-value", u.value);
             }
           }, {
-            default: k(() => [
-              a("div", We, E(u.name), 1),
-              a("div", Je, E(u.description), 1)
+            default: I(() => [
+              a("div", We, O(u.name), 1),
+              a("div", Je, O(u.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -341,22 +348,22 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
 }, et = { class: "flex items-center gap-8" }, tt = /* @__PURE__ */ Y({
   __name: "EditCriteriaSheet",
   emits: ["update"],
-  setup(R, { expose: f, emit: $ }) {
-    const { t: p } = W(), g = $, m = x(!1), n = x(-1), c = x({}), u = Q(), S = xe.superRefine((w, s) => {
-      w.name.length >= 50 && s.addIssue({
+  setup(F, { expose: f, emit: V }) {
+    const { t: p } = K(), g = V, m = S(!1), n = S(-1), c = S({}), u = Q(), x = xe.superRefine((_, s) => {
+      _.name.length >= 50 && s.addIssue({
         code: "custom",
         message: "Name must be less than 50 characters"
-      }), w.name.length < 1 && s.addIssue({
+      }), _.name.length < 1 && s.addIssue({
         code: "custom",
         message: "Name is required"
       });
-    }), V = D(() => {
-      const w = S.safeParse(c.value);
-      return w.success ? [] : w.error.errors;
+    }), A = G(() => {
+      const _ = x.safeParse(c.value);
+      return _.success ? [] : _.error.errors;
     });
-    function P(w, s) {
+    function T(_, s) {
       var o;
-      m.value = w, w && typeof s == "number" && s >= 0 ? (n.value = s, c.value = N(
+      m.value = _, _ && typeof s == "number" && s >= 0 ? (n.value = s, c.value = H(
         (o = u.referralProgram) == null ? void 0 : o.criteria[s]
       )) : (n.value = -1, c.value = {
         _id: new ke().toString(),
@@ -365,75 +372,75 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
         event: { type: "BILL_COMPLETED" }
       });
     }
-    function G() {
+    function M() {
       m.value = !1;
     }
-    function O() {
-      const w = S.safeParse(c.value);
-      w.success && g("update", n.value, w.data);
+    function D() {
+      const _ = x.safeParse(c.value);
+      _.success && g("update", n.value, _.data);
     }
-    function T(w) {
-      c.value.type = w, w == "AUTO" ? c.value.event = { type: "BILL_COMPLETED" } : c.value.event = void 0;
+    function L(_) {
+      c.value.type = _, _ == "AUTO" ? c.value.event = { type: "BILL_COMPLETED" } : c.value.event = void 0;
     }
     return f({
-      showSheet: P,
-      hideSheet: G,
+      showSheet: T,
+      hideSheet: M,
       data: c
-    }), (w, s) => {
-      const o = _("FmButton"), l = _("FmRadio"), y = _("FmRadioGroup"), h = _("FmSideSheet");
+    }), (_, s) => {
+      const o = w("FmButton"), l = w("FmRadio"), R = w("FmRadioGroup"), h = w("FmSideSheet");
       return C(), j(h, {
         "max-width": 768,
         modelValue: r(m),
-        "onUpdate:modelValue": s[5] || (s[5] = (e) => z(m) ? m.value = e : null)
+        "onUpdate:modelValue": s[5] || (s[5] = (e) => W(m) ? m.value = e : null)
       }, {
-        "side-sheet-header": k(() => [
+        "side-sheet-header": I(() => [
           a("div", Ze, [
-            d(o, {
+            i(o, {
               icon: "arrow_back",
               variant: "tertiary",
-              onClick: s[0] || (s[0] = (e) => P(!1))
+              onClick: s[0] || (s[0] = (e) => T(!1))
             }),
-            s[6] || (s[6] = he("Add Criteria "))
+            s[6] || (s[6] = de("Add Criteria "))
           ])
         ]),
-        "side-sheet-footer": k(() => [
+        "side-sheet-footer": I(() => [
           a("div", et, [
-            d(o, {
+            i(o, {
               label: r(p)("connect.editTierSheet.submit"),
-              onClick: O,
-              disabled: r(V).length > 0 || r(q)().isLoading,
-              loading: r(q)().isLoading
+              onClick: D,
+              disabled: r(A).length > 0 || r(J)().isLoading,
+              loading: r(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d(o, {
+            i(o, {
               label: r(p)("connect.editTierSheet.cancel"),
-              onClick: s[4] || (s[4] = (e) => P(!1)),
+              onClick: s[4] || (s[4] = (e) => T(!1)),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: k(() => [
-          d(X, { json: r(c) }, null, 8, ["json"]),
+        default: I(() => [
+          i(X, { json: r(c) }, null, 8, ["json"]),
           a("div", Qe, [
             s[10] || (s[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
-            d(Re, {
+            i(Ce, {
               modelValue: r(c).name,
               "onUpdate:modelValue": s[1] || (s[1] = (e) => r(c).name = e),
               label: r(p)("connect.referral.editReferralTierSheet.name"),
-              schema: r(M).typeAtPath(r(S), "name")
+              schema: r(N).typeAtPath(r(x), "name")
             }, null, 8, ["modelValue", "label", "schema"]),
             s[11] || (s[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
-            d(y, {
+            i(R, {
               "model-value": r(c).type,
               label: "Verify status",
-              "onUpdate:modelValue": T
+              "onUpdate:modelValue": L
             }, {
-              default: k(() => [
-                d(l, {
+              default: I(() => [
+                i(l, {
                   value: "AUTO",
                   label: "Auto",
                   sublabel: "Verify based on rule configuration"
                 }),
-                d(l, {
+                i(l, {
                   value: "MANUAL",
                   label: "Manual",
                   sublabel: "Verify based on manual inspection"
@@ -441,21 +448,21 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
               ]),
               _: 1
             }, 8, ["model-value"]),
-            r(c).type == "AUTO" ? (C(), B(H, { key: 0 }, [
+            r(c).type == "AUTO" ? (C(), E(z, { key: 0 }, [
               s[8] || (s[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
               s[9] || (s[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
-              d(Ke, {
+              i(Ke, {
                 "model-value": r(c).event.type,
                 "onUpdate:modelValue": s[2] || (s[2] = (e) => r(c).event.type = e)
               }, null, 8, ["model-value"]),
-              r(c).event.type == r(ye).enum.BILL_COMPLETED ? (C(), B("div", Xe, [
+              r(c).event.type == r(ye).enum.BILL_COMPLETED ? (C(), E("div", Xe, [
                 s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
-                d(Fe, {
+                i(Fe, {
                   "model-value": r(c).event.rule,
                   "onUpdate:modelValue": s[3] || (s[3] = (e) => r(c).event.rule = e)
                 }, null, 8, ["model-value"])
-              ])) : Z("", !0)
-            ], 64)) : Z("", !0)
+              ])) : q("", !0)
+            ], 64)) : q("", !0)
           ])
         ]),
         _: 1
@@ -463,8 +470,8 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
     };
   }
 });
-function fe() {
-  const R = x(!1), f = Ce();
+function pe() {
+  const F = S(!1), f = Re();
   return {
     confirmUpdateReferralRecord: async () => {
       await new Promise((p) => {
@@ -474,50 +481,50 @@ function fe() {
           primaryActions: { text: "Update all", close: !0 },
           secondaryActions: { text: "Update future only", close: !0 }
         }).onPrimary(async () => {
-          R.value = !0, p();
+          F.value = !0, p();
         }).onSecondary(async () => {
-          R.value = !1, p();
+          F.value = !1, p();
         });
       });
     },
-    updateReferralRecord: R
+    updateReferralRecord: F
   };
 }
 const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex justify-between items-center" }, at = /* @__PURE__ */ Y({
   __name: "ManageCriteriaSheet",
-  setup(R, { expose: f }) {
-    const { t: $ } = W(), { minor: p } = de, { confirmUpdateReferralRecord: g, updateReferralRecord: m } = fe(), n = x(!1), c = x({}), u = Q(), S = x(
+  setup(F, { expose: f }) {
+    const { t: V } = K(), { minor: p } = ce, { confirmUpdateReferralRecord: g, updateReferralRecord: m } = pe(), n = S(!1), c = S({}), u = Q(), x = S(
       null
-    ), V = D(() => {
+    ), A = G(() => {
       var o;
       return (o = u.referralProgram) == null ? void 0 : o.criteria;
     });
-    async function P(o) {
+    async function T(o) {
       await g(), await p(async () => {
-        await me.update({
+        await fe.update({
           ...o,
           updateReferralRecord: m.value
         }), await u.readReferralProgram();
       });
     }
-    async function G(o, l) {
+    async function M(o, l) {
       var e, t;
-      const y = o == -1 ? ((e = u.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = N(u.referralProgram);
-      h.criteria[y] = l, await P(h), (t = S.value) == null || t.showSheet(!1);
+      const R = o == -1 ? ((e = u.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = H(u.referralProgram);
+      h.criteria[R] = l, await T(h), (t = x.value) == null || t.showSheet(!1);
     }
-    async function O(o) {
+    async function D(o) {
       var h, e;
-      if (!await K.remove(
+      if (!await Z.remove(
         "Are you sure to remove criteria",
         "Remove criteria",
-        $("connect.prompt.confirm"),
-        $("connect.prompt.cancel")
+        V("connect.prompt.confirm"),
+        V("connect.prompt.cancel")
       ))
         return;
-      const l = o == -1 ? ((h = u.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, y = N(u.referralProgram);
-      y.criteria.splice(l, 1), await P(y), (e = S.value) == null || e.showSheet(!1);
+      const l = o == -1 ? ((h = u.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, R = H(u.referralProgram);
+      R.criteria.splice(l, 1), await T(R), (e = x.value) == null || e.showSheet(!1);
     }
-    const T = [
+    const L = [
       {
         header: "Criteria title",
         accessorFn: (o) => o.name
@@ -540,68 +547,68 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
               icon: "delete",
               iconColor: "neutral-gray-400",
               onClick: (l) => {
-                l.stopPropagation(), O(o.row.index);
+                l.stopPropagation(), D(o.row.index);
               }
             })
           ];
         }
       }
     ];
-    function w(o) {
+    function _(o) {
       n.value = o;
     }
     function s() {
       n.value = !1;
     }
     return f({
-      showSheet: w,
+      showSheet: _,
       hideSheet: s,
       data: c
     }), (o, l) => {
-      const y = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
-      return C(), B(H, null, [
-        d(e, {
+      const R = w("FmButton"), h = w("FmTable"), e = w("FmSideSheet");
+      return C(), E(z, null, [
+        i(e, {
           "max-width": 768,
           modelValue: r(n),
-          "onUpdate:modelValue": l[2] || (l[2] = (t) => z(n) ? n.value = t : null),
+          "onUpdate:modelValue": l[2] || (l[2] = (t) => W(n) ? n.value = t : null),
           header: "Manage Criteria"
         }, {
-          default: k(() => [
+          default: I(() => [
             a("div", rt, [
               a("div", ot, [
                 l[3] || (l[3] = a("div", null, [
                   a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria"),
                   a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Set participation rules to start your referral program ")
                 ], -1)),
-                d(y, {
+                i(R, {
                   label: "Add Criteria",
                   icon: "add",
                   variant: "secondary",
                   onClick: l[0] || (l[0] = (t) => {
-                    var i;
-                    return (i = r(S)) == null ? void 0 : i.showSheet(!0);
+                    var d;
+                    return (d = r(x)) == null ? void 0 : d.showSheet(!0);
                   })
                 })
               ]),
-              d(h, {
-                "row-data": r(V),
+              i(h, {
+                "row-data": r(A),
                 "hide-footer": !0,
                 "page-size": 100,
                 "shrink-at": !1,
-                "column-defs": T,
+                "column-defs": L,
                 onRowClick: l[1] || (l[1] = (t) => {
-                  var i;
-                  return (i = r(S)) == null ? void 0 : i.showSheet(!0, t.index);
+                  var d;
+                  return (d = r(x)) == null ? void 0 : d.showSheet(!0, t.index);
                 })
               }, null, 8, ["row-data"])
             ])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        d(tt, {
+        i(tt, {
           ref_key: "editCriteriaSheetRef",
-          ref: S,
-          onUpdate: G
+          ref: x,
+          onUpdate: M
         }, null, 512)
       ], 64);
     };
@@ -609,19 +616,19 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
 }), nt = { class: "flex flex-col space-y-16 pr-12" }, lt = { class: "fm-typo-en-title-sm-800" }, st = { class: "flex items-center gap-8" }, it = /* @__PURE__ */ Y({
   __name: "EditRefereeRewardSheet",
   emits: ["update"],
-  setup(R, { expose: f, emit: $ }) {
-    const { t: p } = W(), g = $, m = x(!1), n = x([]), c = Q();
+  setup(F, { expose: f, emit: V }) {
+    const { t: p } = K(), g = V, m = S(!1), n = S([]), c = Q();
     function u() {
       g("update", n.value);
     }
-    async function S(o) {
-      var l, y;
-      m.value = o, n.value = ((y = (l = c.referralProgram) == null ? void 0 : l.refereeReward) == null ? void 0 : y.map((h) => h.toString())) || [], s.value = T.value.map((h) => n.value.includes(h.id));
+    async function x(o) {
+      var l, R;
+      m.value = o, n.value = ((R = (l = c.referralProgram) == null ? void 0 : l.refereeReward) == null ? void 0 : R.map((h) => h.toString())) || [], s.value = L.value.map((h) => n.value.includes(h.id));
     }
-    function V() {
+    function A() {
       m.value = !1;
     }
-    const P = [
+    const T = [
       {
         header: "Reward title",
         accessorFn: (o) => o.name,
@@ -631,7 +638,7 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
         id: "type",
         header: "Reward type",
         cell(o) {
-          return ue[o.row.original.collectibleConfig.type].chip();
+          return me[o.row.original.collectibleConfig.type].chip();
         }
       },
       {
@@ -643,7 +650,7 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
             return l.description;
         }
       }
-    ], G = ce(), O = x([]), T = D(() => G.rewards.map((o) => {
+    ], M = ue(), D = S([]), L = G(() => M.rewards.map((o) => {
       let l = "No expiry";
       switch (o.option.type) {
         case "VOUCHER":
@@ -661,53 +668,53 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
         description: l
       };
     }));
-    D(() => []);
-    function w() {
-      const o = T.value;
+    G(() => []);
+    function _() {
+      const o = L.value;
       for (let l = 0; l < o.length; l++) {
-        const y = o[l], h = s.value[l];
-        h && !n.value.includes(y.id) && n.value.push(y.id), !h && n.value.includes(y.id) && (n.value = n.value.filter((e) => e != y.id));
+        const R = o[l], h = s.value[l];
+        h && !n.value.includes(R.id) && n.value.push(R.id), !h && n.value.includes(R.id) && (n.value = n.value.filter((e) => e != R.id));
       }
     }
-    const s = x({});
-    return se(s, w, { deep: !0 }), f({
-      showSheet: S,
-      hideSheet: V,
+    const s = S({});
+    return se(s, _, { deep: !0 }), f({
+      showSheet: x,
+      hideSheet: A,
       data: n
     }), (o, l) => {
-      const y = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
+      const R = w("FmTable"), h = w("FmButton"), e = w("FmSideSheet");
       return C(), j(e, {
         "max-width": 1e3,
         modelValue: r(m),
-        "onUpdate:modelValue": l[2] || (l[2] = (t) => z(m) ? m.value = t : null),
+        "onUpdate:modelValue": l[2] || (l[2] = (t) => W(m) ? m.value = t : null),
         header: "Referee reward"
       }, {
-        "side-sheet-footer": k(() => [
+        "side-sheet-footer": I(() => [
           a("div", st, [
-            d(h, {
+            i(h, {
               label: r(p)("connect.common.save"),
               onClick: u,
-              disabled: r(q)().isLoading,
-              loading: r(q)().isLoading
+              disabled: r(J)().isLoading,
+              loading: r(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            d(h, {
+            i(h, {
               label: r(p)("connect.common.cancel"),
-              onClick: l[1] || (l[1] = (t) => V()),
+              onClick: l[1] || (l[1] = (t) => A()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: k(() => [
-          d(X, { json: r(n) }, null, 8, ["json"]),
+        default: I(() => [
+          i(X, { json: r(n) }, null, 8, ["json"]),
           a("div", nt, [
-            a("div", lt, E(r(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
-            d(y, {
+            a("div", lt, O(r(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
+            i(R, {
               modelValue: r(s),
-              "onUpdate:modelValue": l[0] || (l[0] = (t) => z(s) ? s.value = t : null),
+              "onUpdate:modelValue": l[0] || (l[0] = (t) => W(s) ? s.value = t : null),
               selection: "multiple",
-              "column-filter": r(O),
-              "column-defs": P,
-              "row-data": r(T),
+              "column-filter": r(D),
+              "column-defs": T,
+              "row-data": r(L),
               "page-size": 10
             }, null, 8, ["modelValue", "column-filter", "row-data"])
           ])
@@ -716,19 +723,19 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
       }, 8, ["modelValue"]);
     };
   }
-}), dt = { class: "fm-typo-en-title-sm-600" }, ct = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, ut = { class: "flex gap-x-8" }, mt = { class: "fm-typo-body-lg-600" }, ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pt = { class: "mb-40" }, ht = {
+}), dt = { class: "fm-typo-en-title-sm-600" }, ct = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, ut = { class: "flex gap-x-8" }, mt = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pt = { class: "mb-40" }, ht = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
 }, vt = { class: "flex flex-col gap-16 text-center" }, gt = { class: "fm-typo-en-title-sm-800" }, wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nt = /* @__PURE__ */ Y({
   __name: "Overview",
-  setup(R) {
-    const { t: f } = W(), { minor: $ } = de, p = $e(), g = Q(), { confirmUpdateReferralRecord: m, updateReferralRecord: n } = fe(), c = D(() => {
+  setup(F) {
+    const { t: f } = K(), { minor: V } = ce, p = $e(), g = Q(), { confirmUpdateReferralRecord: m, updateReferralRecord: n } = pe(), c = G(() => {
       var e;
       return ((e = g.referralProgram) == null ? void 0 : e.reward) ?? [];
-    }), u = x(null);
-    x(null);
-    const S = x(null), V = x(null), P = x(null), G = D(() => {
-      var e, t, i, F;
+    }), u = S(null);
+    S(null);
+    const x = S(null), A = S(null), T = S(null), M = G(() => {
+      var e, t, d, k;
       return [
         {
           label: "connect.referral.how_it_works.generate_link",
@@ -737,89 +744,91 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
         },
         {
           label: "connect.referral.how_it_works.referee_join_reward",
-          sublabel: `${((t = (e = g.referralProgram) == null ? void 0 : e.pf_refereeReward) == null ? void 0 : t.length) || 0} reward(s)`,
+          sublabel: `${((t = (e = g.referralProgram) == null ? void 0 : e.refereeReward) == null ? void 0 : t.length) || 0} reward(s)`,
           action: f("connect.referral.actions.manage_reward"),
           onClick: () => {
-            var b;
-            return (b = P.value) == null ? void 0 : b.showSheet(!0);
+            var y;
+            return (y = T.value) == null ? void 0 : y.showSheet(!0);
           },
+          helperText: "Referee will receive rewards after successfully competing all criteria",
           icon: "group_add"
         },
         {
           label: "connect.referral.how_it_works.referee_meet_criteria",
-          sublabel: `${(i = g.referralProgram) == null ? void 0 : i.criteria.length} criteria`,
+          sublabel: `${(d = g.referralProgram) == null ? void 0 : d.criteria.length} criteria`,
           action: f("connect.referral.actions.manage_criteria"),
           onClick: () => {
-            var b;
-            return (b = V.value) == null ? void 0 : b.showSheet(!0);
+            var y;
+            return (y = A.value) == null ? void 0 : y.showSheet(!0);
           },
           icon: "checklist_rtl"
         },
         {
           label: "connect.referral.how_it_works.referer_get_reward",
-          sublabel: `${(F = g.referralProgram) == null ? void 0 : F.reward.length} configured tier(s)`,
+          sublabel: `${(k = g.referralProgram) == null ? void 0 : k.reward.length} configured tier(s)`,
+          helperText: "Referer will receive rewards after referee completed all criteria",
           icon: "featured_seasonal_and_gifts"
         }
       ];
     });
-    function O(e) {
+    function D(e) {
       var t;
       (t = u.value) == null || t.onManageRewardGroup(e);
     }
-    function T(e) {
+    function L(e) {
       var t;
-      (t = S.value) == null || t.showSheet(!0, {
+      (t = x.value) == null || t.showSheet(!0, {
         groupIndex: e.groupIndex,
         countIndex: e.countIndex
       });
     }
-    async function w(e) {
-      var v, I, L, J;
-      const t = e.countIndex == -1 ? ((I = (v = g.referralProgram) == null ? void 0 : v.reward[e.groupIndex]) == null ? void 0 : I.rewards.length) || 0 : e.countIndex || 0, i = e.referralCount, F = N(
+    async function _(e) {
+      var P, b, v, B;
+      const t = e.countIndex == -1 ? ((b = (P = g.referralProgram) == null ? void 0 : P.reward[e.groupIndex]) == null ? void 0 : b.rewards.length) || 0 : e.countIndex || 0, d = e.referralCount, k = H(
         g.referralProgram
-      ), b = F.reward[e.groupIndex];
-      b.rewards[t] = e.referralCount;
-      const U = b.rewards[t - 1], A = b.rewards[t + 1];
-      if (U && U.threshold.to != i.threshold.from - 1) {
-        if (!await K.confirm(
+      ), y = k.reward[e.groupIndex];
+      y.rewards[t] = e.referralCount;
+      const $ = y.rewards[t - 1], U = y.rewards[t + 1];
+      if ($ && $.threshold.to != d.threshold.from - 1) {
+        if (!await Z.confirm(
           f("connect.program.tier.update.range_discontinuous.previous", {
-            name: U.threshold.from,
-            from: U.threshold.from ?? 0,
-            to: U.threshold.to ?? 1 / 0,
-            newTo: i.threshold.from - 1
+            name: $.threshold.from,
+            from: $.threshold.from ?? 0,
+            to: $.threshold.to ?? 1 / 0,
+            newTo: d.threshold.from - 1
           }),
           f("connect.program.tier.title"),
           f("connect.program.tier.remove.next_range")
         ))
           return;
-        U.threshold.to = i.threshold.from - 1;
+        $.threshold.to = d.threshold.from - 1;
       }
-      if (A && A.threshold.from - 1 != i.threshold.to) {
-        if (!await K.confirm(
+      if (U && U.threshold.from - 1 != d.threshold.to) {
+        if (!await Z.confirm(
           f("connect.program.tier.update.range_discontinuous.next", {
-            name: A.threshold.from,
-            from: A.threshold.from ?? 0,
-            to: A.threshold.to ?? 1 / 0,
-            newFrom: i.threshold.to ?? 1
+            name: U.threshold.from,
+            from: U.threshold.from ?? 0,
+            to: U.threshold.to ?? 1 / 0,
+            newFrom: d.threshold.to ?? 1
           }),
           f("connect.program.tier.title"),
           f("connect.program.tier.remove.next_range"),
           f("connect.prompt.cancel")
         ))
           return;
-        A.threshold.from = (i.threshold.to ?? 0) + 1;
+        U.threshold.from = (d.threshold.to ?? 0) + 1;
       }
-      !A && !((L = i.threshold) != null && L.to) && (i.threshold.to = void 0), await o(F), (J = S.value) == null || J.hideSheet();
+      !U && !((v = d.threshold) != null && v.to) && (d.threshold.to = void 0), await o(k), (B = x.value) == null || B.hideSheet();
     }
     async function s(e) {
-      var i;
-      const t = N(g.referralProgram);
-      t.refereeReward = e, await o(t), (i = P.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 m(), await $(
+      await m(), await V(
         async () => {
-          await me.update({
+          await fe.update({
             ...e,
             updateReferralRecord: n.value
           }), await g.readReferralProgram();
@@ -831,26 +840,26 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
       );
     }
     async function l(e) {
-      if (!await K.remove(
+      if (!await Z.remove(
         "Are you sure to remove referral tier",
         "Remove referral tier",
         f("connect.prompt.confirm"),
         f("connect.prompt.cancel")
       ))
         return;
-      const t = N(g.referralProgram);
+      const t = H(g.referralProgram);
       t.reward.splice(e, 1), await o(t);
     }
-    async function y(e, t) {
-      if (!await K.remove(
+    async function R(e, t) {
+      if (!await Z.remove(
         "Are you sure to remove referral count",
         "Remove referral tier",
         f("connect.prompt.confirm"),
         f("connect.prompt.cancel")
       ))
         return;
-      const i = N(g.referralProgram);
-      i.reward[e].rewards.splice(t, 1), await o(i);
+      const d = H(g.referralProgram);
+      d.reward[e].rewards.splice(t, 1), await o(d);
     }
     const h = [
       {
@@ -877,7 +886,7 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
             iconColor: "neutral-gray-400",
             class: "ml-auto",
             onClick: (t) => {
-              t.stopPropagation(), console.log(e.row), y(e.row.original.groupIndex, e.row.index);
+              t.stopPropagation(), console.log(e.row), R(e.row.original.groupIndex, e.row.index);
             }
           });
         }
@@ -886,37 +895,52 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
     return ve(async () => {
       await g.readReferralProgram();
     }), (e, t) => {
-      const i = _("FmCard"), F = _("FmIcon"), b = _("FmButton"), U = _("FmTable"), A = _("FmList");
-      return C(), B(H, null, [
-        Z("", !0),
-        d(i, {
+      const d = w("FmCard"), k = w("FmIcon"), y = w("FmTooltip"), $ = w("FmButton"), U = w("FmTable"), P = w("FmList");
+      return C(), E(z, null, [
+        q("", !0),
+        i(d, {
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
-          default: k(() => [
-            a("div", dt, E(r(f)("connect.referral.how_it_works.title")), 1),
+          default: I(() => [
+            a("div", dt, O(r(f)("connect.referral.how_it_works.title")), 1),
             a("div", ct, [
-              (C(!0), B(H, null, te(r(G), (v, I) => (C(), B("div", {
-                key: I,
-                class: ie(["px-8", { "xs:!border-r": I % 2 == 0 }])
+              (C(!0), E(z, null, te(r(M), (b, v) => (C(), E("div", {
+                key: v,
+                class: ie(["px-8", { "xs:!border-r": v % 2 == 0 }])
               }, [
                 a("div", ut, [
-                  d(F, {
-                    name: v.icon,
+                  i(k, {
+                    name: b.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", mt, E(r(f)(v.label)), 1),
-                    a("div", ft, E(v.sublabel), 1),
-                    v.action ? (C(), j(b, {
+                    a("div", mt, [
+                      de(O(r(f)(b.label)) + " ", 1),
+                      b.helperText ? (C(), j(y, {
+                        key: 0,
+                        content: b.helperText
+                      }, {
+                        default: I(() => [
+                          i(k, {
+                            name: "help",
+                            size: "sm",
+                            outline: !0
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])) : q("", !0)
+                    ]),
+                    a("div", ft, O(b.sublabel), 1),
+                    b.action ? (C(), j($, {
                       key: 0,
                       variant: "plain",
-                      label: v.action,
+                      label: b.action,
                       disabled: !r(p).isPremium,
                       class: "fm-typo-en-body-md-400 !p-0",
-                      onClick: v.onClick
-                    }, null, 8, ["label", "disabled", "onClick"])) : Z("", !0)
+                      onClick: b.onClick
+                    }, null, 8, ["label", "disabled", "onClick"])) : q("", !0)
                   ])
                 ])
               ], 2))), 128))
@@ -924,44 +948,44 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
           ]),
           _: 1
         }),
-        r(c) && r(c).length > 0 ? (C(), j(i, {
+        r(c) && r(c).length > 0 ? (C(), j(d, {
           key: 1,
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
-          default: k(() => [
-            d(A, { separator: !0 }, {
-              default: k(() => [
-                (C(!0), B(H, null, te(r(c), (v, I) => (C(), j(De, {
-                  key: I,
-                  "reward-group": v,
-                  level: I,
-                  onEdit: (L) => O(I),
-                  onRemove: (L) => l(I),
-                  onAddCount: t[0] || (t[0] = (L) => {
-                    T({ groupIndex: L, countIndex: -1 });
+          default: I(() => [
+            i(P, { separator: !0 }, {
+              default: I(() => [
+                (C(!0), E(z, null, te(r(c), (b, v) => (C(), j(De, {
+                  key: v,
+                  "reward-group": b,
+                  level: v,
+                  onEdit: (B) => D(v),
+                  onRemove: (B) => l(v),
+                  onAddCount: t[0] || (t[0] = (B) => {
+                    L({ groupIndex: B, countIndex: -1 });
                   })
                 }, {
-                  default: k(() => [
+                  default: I(() => [
                     a("div", pt, [
-                      d(U, {
-                        "row-data": v.rewards.map((L) => ({ ...L, groupIndex: I })),
+                      i(U, {
+                        "row-data": b.rewards.map((B) => ({ ...B, groupIndex: v })),
                         "column-defs": h,
                         "hide-footer": !0,
                         "page-size": 50,
-                        onRowClick: (L) => T({ groupIndex: I, countIndex: L.index })
+                        onRowClick: (B) => L({ groupIndex: v, countIndex: B.index })
                       }, null, 8, ["row-data", "onRowClick"])
                     ]),
-                    v.rewards.length ? Z("", !0) : (C(), B("div", ht, [
+                    b.rewards.length ? q("", !0) : (C(), E("div", ht, [
                       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(b, {
+                      i($, {
                         variant: "secondary",
                         label: "Add count",
                         icon: "add",
-                        onClick: (L) => T({ groupIndex: I, countIndex: -1 })
+                        onClick: (B) => L({ groupIndex: v, countIndex: -1 })
                       }, null, 8, ["onClick"])
                     ]))
                   ]),
@@ -972,46 +996,46 @@ const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex just
             })
           ]),
           _: 1
-        })) : (C(), j(i, {
+        })) : (C(), j(d, {
           key: 2,
           variant: "outlined",
           class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
         }, {
-          default: k(() => [
+          default: I(() => [
             t[4] || (t[4] = a("img", {
               src: ge,
               class: "aspect-square w-[150px]"
             }, null, -1)),
             a("div", vt, [
-              a("div", gt, E(r(f)("connect.referral.referral_tier_title")), 1),
-              a("div", wt, E(r(f)("connect.referral.referral_tier_description")), 1)
+              a("div", gt, O(r(f)("connect.referral.referral_tier_title")), 1),
+              a("div", wt, O(r(f)("connect.referral.referral_tier_description")), 1)
             ]),
-            d(b, {
+            i($, {
               variant: "primary",
               label: r(f)("connect.referral.add_referral_tier"),
               icon: "add",
               disabled: !r(p).isPremium,
-              onClick: t[1] || (t[1] = (v) => O(-1))
+              onClick: t[1] || (t[1] = (b) => D(-1))
             }, null, 8, ["label", "disabled"])
           ]),
           _: 1
         })),
-        d(_e, {
+        i(_e, {
           ref_key: "rewardGroupRef",
           ref: u
         }, null, 512),
-        d(Ye, {
+        i(ze, {
           ref_key: "editReferralCountSheetRef",
-          ref: S,
-          onUpdate: w
+          ref: x,
+          onUpdate: _
         }, null, 512),
-        d(at, {
+        i(at, {
           ref_key: "manageCriteriaSheetRef",
-          ref: V
+          ref: A
         }, null, 512),
-        d(it, {
+        i(it, {
           ref_key: "editRefereeRewardSheetRef",
-          ref: P,
+          ref: T,
           onUpdate: s
         }, null, 512)
       ], 64);