@feedmepos/mf-connect 0.1.0-beta.42 → 0.1.0-beta.43

package/dist/{Overview-BGunrEfp.js → Overview-B03G9nki.js}

@@ -1,27 +1,27 @@
-import { defineComponent as Y, resolveComponent as _, openBlock as S, createElementBlock as E, Fragment as z, createVNode as d, withCtx as V, createElementVNode as a, toDisplayString as O, unref as t, renderSlot as he, ref as F, computed as G, watch as se, createBlock as j, isRef as J, resolveDynamicComponent as ne, renderList as re, normalizeClass as ie, createTextVNode as de, createCommentVNode as W, h as te, onMounted as ve } from "vue";
-import { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as Z } from "./vue-i18n-FdWz2LOJ.js";
-import { c as we, p as q, u as ce } from "./loading-DKKULV_E.js";
+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-B0cMT7bz.js";
+import { c as _e, p as K, u as ue } from "./loading-DX2ksaO4.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
 import { Z as N } from "./zod-Bg2FbC-D.js";
-import { u as K } from "./app-wDQR6dpb.js";
-import { u as Q, _ as _e } from "./RewardGroup.vue_vue_type_script_setup_true_lang-DhOM3_he.js";
-import { u as ue } from "./reward-BvR9i8X2.js";
-import { q as le, r as ye } from "./index-CBAYvtxq.js";
-import "./index-Cu-LW6MM.js";
-import { a as be, b as xe } from "./index-CyvoNwdF.js";
-import "./index-CZJLR-Ml.js";
-import "./index-Cp6SSFau.js";
-import { C as me } from "./membership-BXV1XXY4.js";
-import { t as ee } from "./helper-DnxUEmd_.js";
+import { u as J } from "./app-wDQR6dpb.js";
+import { u as Q, _ as ye } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CofAUniA.js";
+import { u as me } from "./reward-DHf6gXlt.js";
+import { q as le, r as se } from "./index-BESZjmTQ.js";
+import "./index-BpbCfX7D.js";
+import { a as be, b as xe } from "./index-BPGSpiqh.js";
+import "./index-BCtdvht8.js";
+import "./index-B0ypBnG-.js";
+import { C as fe } from "./membership-DIxJebgN.js";
+import { t as ee } from "./helper-Dct_VSQa.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-D5EZSfkp.js";
-import { a as Se, _ as Fe } from "./trigger-S-z5eyHz.js";
-import { O as ke } from "./objectid-DJhAHBgC.js";
-import { r as fe } from "./index-B_u8s4Lf.js";
-import { u as $e } from "./business-Do5pRKw2.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 { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-DKeylO9L.js";
+import { b as Se, _ as Fe, a as ke } from "./trigger-B_qCtHOV.js";
+import { O as $e } from "./objectid-BYuSHnQg.js";
+import { r as pe } from "./index-AXhOH9d3.js";
+import { u as Pe } from "./business-CznE6Svn.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({
   __name: "ReferralRewadGroupCard",
   props: {
     rewardGroup: {
@@ -37,23 +37,23 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
   setup(k, { emit: m }) {
     const { t: I } = Z(), p = m;
     return (w, f) => {
-      const n = _("FmButton"), c = _("FmListItem");
-      return S(), E(z, null, [
+      const l = _("FmButton"), c = _("FmListItem");
+      return R(), B(Y, null, [
         d(c, {
           onClick: f[4] || (f[4] = (u) => p("edit", k.level)),
           class: "!p-0"
         }, {
           default: V(() => [
-            a("div", Pe, [
-              a("div", Ve, [
-                a("div", Ie, [
-                  a("div", Te, [
-                    a("div", Ue, O(k.rewardGroup.name), 1)
+            a("div", Ve, [
+              a("div", Ie, [
+                a("div", Te, [
+                  a("div", Ue, [
+                    a("div", Ae, O(k.rewardGroup.name), 1)
                   ])
                 ])
               ]),
-              a("div", Ae, [
-                d(n, {
+              a("div", Le, [
+                d(l, {
                   variant: "secondary",
                   label: t(I)("connect.referral.reward.add_count"),
                   icon: "add",
@@ -61,7 +61,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                     u.stopPropagation(), p("addCount", k.level);
                   })
                 }, null, 8, ["label"]),
-                d(n, {
+                d(l, {
                   icon: "delete",
                   onClick: f[1] || (f[1] = (u) => {
                     u.stopPropagation(), p("remove", k.level);
@@ -70,22 +70,22 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                 })
               ])
             ]),
-            a("div", Le, [
+            a("div", Ee, [
               a("div", Be, [
-                a("div", Ee, [
-                  a("div", Oe, [
+                a("div", Oe, [
+                  a("div", De, [
                     a("div", null, [
                       a("div", je, O(k.rewardGroup.name), 1)
                     ])
                   ])
                 ]),
-                d(n, {
+                d(l, {
                   variant: "tertiary",
                   icon: "delete",
                   onClick: f[2] || (f[2] = (u) => (u.stopPropagation(), p("remove", k.level)))
                 })
               ]),
-              d(n, {
+              d(l, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Add count",
@@ -97,17 +97,17 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
           ]),
           _: 1
         }),
-        he(w.$slots, "default")
+        ve(w.$slots, "default")
       ], 64);
     };
   }
-}), Ge = { class: "flex flex-col space-y-16 pr-12" }, Me = { class: "flex gap-16 items-center" }, Ne = { class: "fm-typo-en-title-sm-800" }, He = { class: "flex items-center gap-8" }, ze = /* @__PURE__ */ Y({
+}), 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({
   __name: "EditReferralCountSheet",
   emits: ["update"],
   setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), n = F({}), c = F(-1), u = F(-1), R = Q(), A = be.superRefine((e, r) => {
-      var $, U, P, x, v, B, ae;
-      const i = u.value == -1 ? ((P = (U = ($ = R.referralProgram) == null ? void 0 : $.reward[c.value]) == null ? void 0 : U.rewards) == null ? void 0 : P.length) || 0 : u.value, g = (v = (x = R.referralProgram) == null ? void 0 : x.reward[c.value]) == null ? void 0 : v.rewards[i - 1], b = (ae = (B = R.referralProgram) == null ? void 0 : B.reward[c.value]) == null ? void 0 : ae.rewards[i + 1];
+    const { t: p } = Z(), w = I, f = F(!1), l = F({}), c = F(-1), u = F(-1), C = Q(), A = be.superRefine((e, r) => {
+      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({
         code: "custom",
         message: `The min referral must be at least ${g.threshold.from + 1}`,
@@ -118,27 +118,27 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
         path: ["option"]
       });
     }), T = G(() => {
-      const e = A.safeParse(n.value);
+      const e = A.safeParse(l.value);
       return e.success ? [] : e.error.errors;
     });
     function M() {
-      const e = A.safeParse(n.value);
+      const e = A.safeParse(l.value);
       e.success && w("update", {
         groupIndex: c.value,
         countIndex: u.value,
         referralCount: e.data
       });
     }
-    async function D(e, r) {
+    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, n.value = H(
-          (i = R.referralProgram) == null ? void 0 : i.reward[r.groupIndex].rewards[r.countIndex]
+        c.value = r.groupIndex, u.value = r.countIndex, l.value = H(
+          (i = C.referralProgram) == null ? void 0 : i.reward[r.groupIndex].rewards[r.countIndex]
         );
       else {
         c.value = r.groupIndex, u.value = -1;
-        const x = u.value == -1 ? (($ = (b = (g = R.referralProgram) == null ? void 0 : g.reward[c.value]) == null ? void 0 : b.rewards) == null ? void 0 : $.length) || 0 : u.value, v = (P = (U = R.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : P.rewards[x - 1];
-        n.value = {
+        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 = {
           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
@@ -146,8 +146,8 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
           rewards: []
         };
       }
-      h.value = [], h.value = l.value.map(
-        (x) => n.value.rewards.includes(x.id)
+      h.value = [], h.value = s.value.map(
+        (x) => l.value.rewards.includes(x.id)
       );
     }
     function L() {
@@ -163,7 +163,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
         id: "type",
         header: "Reward type",
         cell(e) {
-          return me[e.row.original.collectibleConfig.type].chip();
+          return fe[e.row.original.collectibleConfig.type].chip();
         }
       },
       {
@@ -175,7 +175,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
             return r.description;
         }
       }
-    ], s = ue(), o = F([]), l = G(() => s.rewards.map((e) => {
+    ], n = me(), o = F([]), s = G(() => n.rewards.map((e) => {
       let r = "No expiry";
       switch (e.option.type) {
         case "VOUCHER":
@@ -194,35 +194,35 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       };
     }));
     G(() => []);
-    function C() {
-      const e = l.value;
+    function S() {
+      const e = s.value;
       for (let r = 0; r < e.length; r++) {
         const i = e[r], g = h.value[r];
-        g && !n.value.rewards.includes(i.id) && n.value.rewards.push(i.id), !g && n.value.rewards.includes(i.id) && (n.value.rewards = n.value.rewards.filter(
+        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 h = F({});
-    return se(h, C, { deep: !0 }), m({
-      showSheet: D,
+    return ie(h, S, { deep: !0 }), m({
+      showSheet: j,
       hideSheet: L,
-      data: n
+      data: l
     }), (e, r) => {
       const i = _("FmStepperField"), g = _("FmHelperText"), b = _("FmTable"), $ = _("FmButton"), U = _("FmSideSheet");
-      return S(), j(U, {
+      return R(), D(U, {
         "max-width": 1e3,
         modelValue: t(f),
-        "onUpdate:modelValue": r[4] || (r[4] = (P) => J(f) ? f.value = P : null),
+        "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")}`
       }, {
         "side-sheet-footer": V(() => [
-          a("div", He, [
+          a("div", ze, [
             d($, {
               label: t(p)("connect.editTierSheet.submit"),
               onClick: M,
-              disabled: t(T).length > 0 || t(K)().isLoading,
-              loading: t(K)().isLoading
+              disabled: t(T).length > 0 || t(J)().isLoading,
+              loading: t(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
             d($, {
               label: t(p)("connect.editTierSheet.cancel"),
@@ -232,19 +232,19 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
           ])
         ]),
         default: V(() => [
-          d(X, { json: t(n) }, null, 8, ["json"]),
+          d(X, { json: t(l) }, null, 8, ["json"]),
           d(X, { json: t(T) }, null, 8, ["json"]),
-          a("div", Ge, [
+          a("div", Me, [
             a("div", null, [
-              a("div", Me, [
+              a("div", Ne, [
                 d(i, {
-                  modelValue: t(n).threshold.from,
-                  "onUpdate:modelValue": r[0] || (r[0] = (P) => t(n).threshold.from = P),
+                  modelValue: t(l).threshold.from,
+                  "onUpdate:modelValue": r[0] || (r[0] = (P) => t(l).threshold.from = P),
                   "show-steppers": !1,
                   rules: [t(N).ruleAtPath(t(A), "threshold.from")]
                 }, {
                   label: V(() => [
-                    (S(), j(ne(
+                    (R(), D(ne(
                       t(N).toInputLabel(
                         t(N).typeAtPath(t(A), "threshold.from"),
                         t(p)(
@@ -256,13 +256,13 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
                   _: 1
                 }, 8, ["modelValue", "rules"]),
                 d(i, {
-                  modelValue: t(n).threshold.to,
-                  "onUpdate:modelValue": r[1] || (r[1] = (P) => t(n).threshold.to = P),
+                  modelValue: t(l).threshold.to,
+                  "onUpdate:modelValue": r[1] || (r[1] = (P) => t(l).threshold.to = P),
                   "show-steppers": !1,
                   rules: [t(N).ruleAtPath(t(A), "threshold.to")]
                 }, {
                   label: V(() => [
-                    (S(), j(ne(
+                    (R(), D(ne(
                       t(N).toInputLabel(
                         t(N).typeAtPath(t(A), "threshold.to"),
                         t(p)(
@@ -280,14 +280,14 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
               }, null, 8, ["text", "state"]),
               r[5] || (r[5] = a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " When max. referral count is not set, it will default unlimited ", -1))
             ]),
-            a("div", Ne, O(t(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
+            a("div", He, O(t(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
             d(b, {
               modelValue: t(h),
-              "onUpdate:modelValue": r[2] || (r[2] = (P) => J(h) ? h.value = P : null),
+              "onUpdate:modelValue": r[2] || (r[2] = (P) => W(h) ? h.value = P : null),
               selection: "multiple",
               "column-filter": t(o),
               "column-defs": y,
-              "row-data": t(l),
+              "row-data": t(s),
               "page-size": 10
             }, null, 8, ["modelValue", "column-filter", "row-data"])
           ])
@@ -296,7 +296,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       }, 8, ["modelValue", "header"]);
     };
   }
-}), Ye = { class: "space-y-16" }, qe = { class: "grid grid-cols-3 gap-16" }, We = { class: "fm-typo-en-title-sm-800" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ke = /* @__PURE__ */ Y({
+}), 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({
   __name: "CriteriaTriggerInput",
   props: {
     modelValue: {
@@ -313,16 +313,16 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       le.enum.BILL_COMPLETED,
       le.enum.FEEDBACK
     ].map((f) => Se[f]));
-    return (f, n) => {
+    return (f, l) => {
       const c = _("FmCard");
-      return S(), E("div", Ye, [
-        n[0] || (n[0] = a("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, " Define the conditions that must be met to activate a reward. ", -1)),
-        a("div", qe, [
-          (S(!0), E(z, null, re(t(w), (u) => (S(), j(c, {
+      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,
             variant: "outlined",
             disabled: I.disabled,
-            class: ie(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+            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
@@ -341,31 +341,34 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       ]);
     };
   }
-}), Ze = { class: "flex items-center gap-x-8" }, Qe = { class: "flex flex-col space-y-16 pr-12" }, Xe = {
+}), Qe = { class: "flex items-center gap-x-8" }, Xe = { class: "flex flex-col space-y-16 pr-12" }, er = {
   key: 0,
   class: "space-y-16"
-}, er = { class: "flex items-center gap-8" }, rr = /* @__PURE__ */ Y({
+}, rr = {
+  key: 1,
+  class: "space-y-16"
+}, tr = { class: "flex items-center gap-8" }, or = /* @__PURE__ */ q({
   __name: "EditCriteriaSheet",
   emits: ["update"],
   setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), n = F(-1), c = F({}), u = Q(), R = xe.superRefine((y, s) => {
-      y.name.length >= 50 && s.addIssue({
+    const { t: p } = Z(), w = I, f = F(!1), l = F(-1), c = F({}), u = Q(), C = xe.superRefine((y, n) => {
+      y.name.length >= 50 && n.addIssue({
         code: "custom",
         message: "Name must be less than 50 characters"
-      }), y.name.length < 1 && s.addIssue({
+      }), y.name.length < 1 && n.addIssue({
         code: "custom",
         message: "Name is required"
       });
     }), A = G(() => {
-      const y = R.safeParse(c.value);
+      const y = C.safeParse(c.value);
       return y.success ? [] : y.error.errors;
     });
-    function T(y, s) {
+    function T(y, n) {
       var o;
-      f.value = y, y && typeof s == "number" && s >= 0 ? (n.value = s, c.value = H(
-        (o = u.referralProgram) == null ? void 0 : o.criteria[s]
-      )) : (n.value = -1, c.value = {
-        _id: new ke().toString(),
+      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 = {
+        _id: new $e().toString(),
         name: "",
         type: "AUTO",
         event: { type: "BILL_COMPLETED" }
@@ -374,9 +377,9 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
     function M() {
       f.value = !1;
     }
-    function D() {
-      const y = R.safeParse(c.value);
-      y.success && w("update", n.value, y.data);
+    function j() {
+      const y = C.safeParse(c.value);
+      y.success && w("update", l.value, y.data);
     }
     function L(y) {
       c.value.type = y, y == "AUTO" ? c.value.event = { type: "BILL_COMPLETED" } : c.value.event = void 0;
@@ -385,61 +388,61 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
       showSheet: T,
       hideSheet: M,
       data: c
-    }), (y, s) => {
-      const o = _("FmButton"), l = _("FmRadio"), C = _("FmRadioGroup"), h = _("FmSideSheet");
-      return S(), j(h, {
+    }), (y, n) => {
+      const o = _("FmButton"), s = _("FmRadio"), S = _("FmRadioGroup"), h = _("FmSideSheet");
+      return R(), D(h, {
         "max-width": 768,
         modelValue: t(f),
-        "onUpdate:modelValue": s[5] || (s[5] = (e) => J(f) ? f.value = e : null)
+        "onUpdate:modelValue": n[6] || (n[6] = (e) => W(f) ? f.value = e : null)
       }, {
         "side-sheet-header": V(() => [
-          a("div", Ze, [
+          a("div", Qe, [
             d(o, {
               icon: "arrow_back",
               variant: "tertiary",
-              onClick: s[0] || (s[0] = (e) => T(!1))
+              onClick: n[0] || (n[0] = (e) => T(!1))
             }),
-            s[6] || (s[6] = de("Add Criteria "))
+            n[7] || (n[7] = ce("Add Criteria "))
           ])
         ]),
         "side-sheet-footer": V(() => [
-          a("div", er, [
+          a("div", tr, [
             d(o, {
               label: t(p)("connect.editTierSheet.submit"),
-              onClick: D,
-              disabled: t(A).length > 0 || t(K)().isLoading,
-              loading: t(K)().isLoading
+              onClick: j,
+              disabled: t(A).length > 0 || t(J)().isLoading,
+              loading: t(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
             d(o, {
               label: t(p)("connect.editTierSheet.cancel"),
-              onClick: s[4] || (s[4] = (e) => T(!1)),
+              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", Qe, [
-            s[10] || (s[10] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
+          a("div", Xe, [
+            n[12] || (n[12] = a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria", -1)),
             d(Ce, {
               modelValue: t(c).name,
-              "onUpdate:modelValue": s[1] || (s[1] = (e) => t(c).name = e),
+              "onUpdate:modelValue": n[1] || (n[1] = (e) => t(c).name = e),
               label: t(p)("connect.referral.editReferralTierSheet.name"),
-              schema: t(N).typeAtPath(t(R), "name")
+              schema: t(N).typeAtPath(t(C), "name")
             }, null, 8, ["modelValue", "label", "schema"]),
-            s[11] || (s[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
-            d(C, {
+            n[13] || (n[13] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
+            d(S, {
               "model-value": t(c).type,
               label: "Verify status",
               "onUpdate:modelValue": L
             }, {
               default: V(() => [
-                d(l, {
+                d(s, {
                   value: "AUTO",
                   label: "Auto",
                   sublabel: "Verify based on rule configuration"
                 }),
-                d(l, {
+                d(s, {
                   value: "MANUAL",
                   label: "Manual",
                   sublabel: "Verify based on manual inspection"
@@ -447,21 +450,28 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
               ]),
               _: 1
             }, 8, ["model-value"]),
-            t(c).type == "AUTO" ? (S(), E(z, { key: 0 }, [
-              s[8] || (s[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
-              s[9] || (s[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
-              d(Ke, {
+            t(c).type == "AUTO" ? (R(), 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": s[2] || (s[2] = (e) => t(c).event.type = e)
+                "onUpdate:modelValue": n[2] || (n[2] = (e) => t(c).event.type = e)
               }, null, 8, ["model-value"]),
-              t(c).event.type == t(ye).enum.BILL_COMPLETED ? (S(), E("div", Xe, [
-                s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
+              t(c).event.type == t(se).enum.BILL_COMPLETED ? (R(), B("div", er, [
+                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": s[3] || (s[3] = (e) => t(c).event.rule = e)
+                  "onUpdate:modelValue": n[3] || (n[3] = (e) => t(c).event.rule = e)
                 }, null, 8, ["model-value"])
-              ])) : W("", !0)
-            ], 64)) : W("", !0)
+              ])) : z("", !0),
+              t(c).event.type == t(se).enum.FEEDBACK ? (R(), B("div", rr, [
+                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)
+                }, null, 8, ["model-value"])
+              ])) : z("", !0)
+            ], 64)) : z("", !0)
           ])
         ]),
         _: 1
@@ -469,7 +479,7 @@ const Pe = { class: "flex items-center justify-between flex-1 xs:hidden" }, Ve =
     };
   }
 });
-function pe() {
+function he() {
   const k = F(!1), m = Re();
   return {
     confirmUpdateReferralRecord: async () => {
@@ -489,10 +499,10 @@ function pe() {
     updateReferralRecord: k
   };
 }
-const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex justify-between items-center" }, ar = /* @__PURE__ */ Y({
+const ar = { class: "flex flex-col space-y-16 mt-24" }, nr = { class: "flex justify-between items-center" }, lr = /* @__PURE__ */ q({
   __name: "ManageCriteriaSheet",
   setup(k, { expose: m }) {
-    const { t: I } = Z(), { minor: p } = ce, { confirmUpdateReferralRecord: w, updateReferralRecord: f } = pe(), n = F(!1), c = F({}), u = Q(), R = F(
+    const { t: I } = Z(), { minor: p } = ue, { confirmUpdateReferralRecord: w, updateReferralRecord: f } = he(), l = F(!1), c = F({}), u = Q(), C = F(
       null
     ), A = G(() => {
       var o;
@@ -500,28 +510,28 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
     });
     async function T(o) {
       await w(), await p(async () => {
-        await fe.update({
+        await pe.update({
           ...o,
           updateReferralRecord: f.value
         }), await u.readReferralProgram();
       });
     }
-    async function M(o, l) {
+    async function M(o, s) {
       var e, r;
-      const C = o == -1 ? ((e = u.referralProgram) == null ? void 0 : e.criteria.length) || 0 : o, h = H(u.referralProgram);
-      h.criteria[C] = l, await T(h), (r = R.value) == null || r.showSheet(!1);
+      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 D(o) {
+    async function j(o) {
       var h, e;
-      if (!await q.remove(
+      if (!await K.remove(
         "Are you sure to remove criteria",
         "Remove criteria",
         I("connect.prompt.confirm"),
         I("connect.prompt.cancel")
       ))
         return;
-      const l = o == -1 ? ((h = u.referralProgram) == null ? void 0 : h.criteria.length) || 0 : o, C = H(u.referralProgram);
-      C.criteria.splice(l, 1), await T(C), (e = R.value) == null || e.showSheet(!1);
+      const 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 L = [
       {
@@ -532,7 +542,7 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         header: "Validity method",
         cell(o) {
           return te(oe.FmChip, {
-            label: we.title(o.row.original.type),
+            label: _e.title(o.row.original.type),
             variant: "plain"
           });
         }
@@ -545,8 +555,8 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
               variant: "tertiary",
               icon: "delete",
               iconColor: "neutral-gray-400",
-              onClick: (l) => {
-                l.stopPropagation(), D(o.row.index);
+              onClick: (s) => {
+                s.stopPropagation(), j(o.row.index);
               }
             })
           ];
@@ -554,38 +564,38 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
       }
     ];
     function y(o) {
-      n.value = o;
+      l.value = o;
     }
-    function s() {
-      n.value = !1;
+    function n() {
+      l.value = !1;
     }
     return m({
       showSheet: y,
-      hideSheet: s,
+      hideSheet: n,
       data: c
-    }), (o, l) => {
-      const C = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
-      return S(), E(z, null, [
+    }), (o, s) => {
+      const S = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
+      return R(), B(Y, null, [
         d(e, {
           "max-width": 768,
-          modelValue: t(n),
-          "onUpdate:modelValue": l[2] || (l[2] = (r) => J(n) ? n.value = r : null),
+          modelValue: t(l),
+          "onUpdate:modelValue": s[2] || (s[2] = (r) => W(l) ? l.value = r : null),
           header: "Manage Criteria"
         }, {
           default: V(() => [
-            a("div", tr, [
-              a("div", or, [
-                l[3] || (l[3] = a("div", null, [
+            a("div", ar, [
+              a("div", nr, [
+                s[3] || (s[3] = a("div", null, [
                   a("div", { class: "fm-typo-en-title-sm-600" }, "Program Criteria"),
                   a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Set participation rules to start your referral program ")
                 ], -1)),
-                d(C, {
+                d(S, {
                   label: "Add Criteria",
                   icon: "add",
                   variant: "secondary",
-                  onClick: l[0] || (l[0] = (r) => {
+                  onClick: s[0] || (s[0] = (r) => {
                     var i;
-                    return (i = t(R)) == null ? void 0 : i.showSheet(!0);
+                    return (i = t(C)) == null ? void 0 : i.showSheet(!0);
                   })
                 })
               ]),
@@ -595,34 +605,34 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
                 "page-size": 100,
                 "shrink-at": !1,
                 "column-defs": L,
-                onRowClick: l[1] || (l[1] = (r) => {
+                onRowClick: s[1] || (s[1] = (r) => {
                   var i;
-                  return (i = t(R)) == null ? void 0 : i.showSheet(!0, r.index);
+                  return (i = t(C)) == null ? void 0 : i.showSheet(!0, r.index);
                 })
               }, null, 8, ["row-data"])
             ])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        d(rr, {
+        d(or, {
           ref_key: "editCriteriaSheetRef",
-          ref: R,
+          ref: C,
           onUpdate: M
         }, null, 512)
       ], 64);
     };
   }
-}), nr = { class: "flex flex-col space-y-16 pr-12" }, lr = { class: "fm-typo-en-title-sm-800" }, sr = { class: "flex items-center gap-8" }, ir = /* @__PURE__ */ Y({
+}), 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({
   __name: "EditRefereeRewardSheet",
   emits: ["update"],
   setup(k, { expose: m, emit: I }) {
-    const { t: p } = Z(), w = I, f = F(!1), n = F([]), c = Q();
+    const { t: p } = Z(), w = I, f = F(!1), l = F([]), c = Q();
     function u() {
-      w("update", n.value);
+      w("update", l.value);
     }
-    async function R(o) {
-      var l, C;
-      f.value = o, n.value = ((C = (l = c.referralProgram) == null ? void 0 : l.refereeReward) == null ? void 0 : C.map((h) => h.toString())) || [], s.value = L.value.map((h) => n.value.includes(h.id));
+    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));
     }
     function A() {
       f.value = !1;
@@ -637,26 +647,26 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         id: "type",
         header: "Reward type",
         cell(o) {
-          return me[o.row.original.collectibleConfig.type].chip();
+          return fe[o.row.original.collectibleConfig.type].chip();
         }
       },
       {
         header: "Description",
         accessorFn: (o) => o.description,
         cell(o) {
-          const l = o.row.original;
-          if (l.collectible.type == "VOUCHER" || l.selectedReward == null)
-            return l.description;
+          const s = o.row.original;
+          if (s.collectible.type == "VOUCHER" || s.selectedReward == null)
+            return s.description;
         }
       }
-    ], M = ue(), D = F([]), L = G(() => M.rewards.map((o) => {
-      let l = "No expiry";
+    ], M = me(), j = F([]), L = G(() => M.rewards.map((o) => {
+      let s = "No expiry";
       switch (o.option.type) {
         case "VOUCHER":
-          l = `${o.option.collectibleConfig.options.maxUse} use(s), ${ee(o.option.collectibleConfig.options.validityOption || {})}`;
+          s = `${o.option.collectibleConfig.options.maxUse} use(s), ${ee(o.option.collectibleConfig.options.validityOption || {})}`;
           break;
         case "LOYALTY":
-          l = `${o.option.earningOption.amount}, ${ee(o.option.validityOption || {})}`;
+          s = `${o.option.earningOption.amount}, ${ee(o.option.validityOption || {})}`;
           break;
       }
       return {
@@ -664,54 +674,54 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         name: o.name,
         collectible: o.option,
         collectibleConfig: o.collectibleConfig,
-        description: l
+        description: s
       };
     }));
     G(() => []);
     function y() {
       const o = L.value;
-      for (let l = 0; l < o.length; l++) {
-        const C = o[l], h = s.value[l];
-        h && !n.value.includes(C.id) && n.value.push(C.id), !h && n.value.includes(C.id) && (n.value = n.value.filter((e) => e != C.id));
+      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));
       }
     }
-    const s = F({});
-    return se(s, y, { deep: !0 }), m({
-      showSheet: R,
+    const n = F({});
+    return ie(n, y, { deep: !0 }), m({
+      showSheet: C,
       hideSheet: A,
-      data: n
-    }), (o, l) => {
-      const C = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
-      return S(), j(e, {
+      data: l
+    }), (o, s) => {
+      const S = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
+      return R(), D(e, {
         "max-width": 1e3,
         modelValue: t(f),
-        "onUpdate:modelValue": l[2] || (l[2] = (r) => J(f) ? f.value = r : null),
+        "onUpdate:modelValue": s[2] || (s[2] = (r) => W(f) ? f.value = r : null),
         header: "Referee reward"
       }, {
         "side-sheet-footer": V(() => [
-          a("div", sr, [
+          a("div", dr, [
             d(h, {
               label: t(p)("connect.common.save"),
               onClick: u,
-              disabled: t(K)().isLoading,
-              loading: t(K)().isLoading
+              disabled: t(J)().isLoading,
+              loading: t(J)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
             d(h, {
               label: t(p)("connect.common.cancel"),
-              onClick: l[1] || (l[1] = (r) => A()),
+              onClick: s[1] || (s[1] = (r) => A()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
         default: V(() => [
-          d(X, { json: t(n) }, null, 8, ["json"]),
-          a("div", nr, [
-            a("div", lr, O(t(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
-            d(C, {
-              modelValue: t(s),
-              "onUpdate:modelValue": l[0] || (l[0] = (r) => J(s) ? s.value = r : null),
+          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),
               selection: "multiple",
-              "column-filter": t(D),
+              "column-filter": t(j),
               "column-defs": T,
               "row-data": t(L),
               "page-size": 10
@@ -722,18 +732,18 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
       }, 8, ["modelValue"]);
     };
   }
-}), dr = { class: "fm-typo-en-title-sm-600" }, cr = { class: "grid grid-cols-4 xs:grid-cols-1 gap-4 divide-x xs:divide-x-0" }, ur = { class: "flex gap-x-8" }, mr = { class: "fm-typo-body-lg-600 flex items-center gap-x-4" }, fr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pr = { class: "mb-40" }, hr = {
+}), 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 = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, vr = { class: "flex flex-col gap-16 text-center" }, gr = { class: "fm-typo-en-title-sm-800" }, wr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mr = /* @__PURE__ */ Y({
+}, 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" }, Hr = /* @__PURE__ */ q({
   __name: "Overview",
   setup(k) {
-    const { t: m } = Z(), { minor: I } = ce, p = $e(), w = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: n } = pe(), c = G(() => {
+    const { t: m } = Z(), { minor: I } = ue, p = Pe(), w = Q(), { confirmUpdateReferralRecord: f, updateReferralRecord: l } = he(), c = G(() => {
       var e;
       return ((e = w.referralProgram) == null ? void 0 : e.reward) ?? [];
     }), u = F(null);
     F(null);
-    const R = F(null), A = F(null), T = F(null), M = G(() => {
+    const C = F(null), A = F(null), T = F(null), M = G(() => {
       var e, r, i, g;
       return [
         {
@@ -770,26 +780,26 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         }
       ];
     });
-    function D(e) {
+    function j(e) {
       var r;
       (r = u.value) == null || r.onManageRewardGroup(e);
     }
     function L(e) {
       var r;
-      (r = R.value) == null || r.showSheet(!0, {
+      (r = C.value) == null || r.showSheet(!0, {
         groupIndex: e.groupIndex,
         countIndex: e.countIndex
       });
     }
     async function y(e) {
-      var P, x, v, B;
+      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) {
-        if (!await q.confirm(
+        if (!await K.confirm(
           m(
             "connect.referral.referral_count.update.range_discontinuous.previous",
             {
@@ -806,7 +816,7 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         $.threshold.to = i.threshold.from - 1;
       }
       if (U && U.threshold.from - 1 != i.threshold.to) {
-        if (!await q.confirm(
+        if (!await K.confirm(
           m("connect.program.tier.update.range_discontinuous.next", {
             name: U.threshold.from,
             from: U.threshold.from ?? 0,
@@ -820,9 +830,9 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
           return;
         U.threshold.from = (i.threshold.to ?? 0) + 1;
       }
-      !U && !((v = i.threshold) != null && v.to) && (i.threshold.to = void 0), await o(g), (B = R.value) == null || B.hideSheet();
+      !U && !((v = i.threshold) != null && v.to) && (i.threshold.to = void 0), await o(g), (E = C.value) == null || E.hideSheet();
     }
-    async function s(e) {
+    async function n(e) {
       var i;
       const r = H(w.referralProgram);
       r.refereeReward = e, await o(r), (i = T.value) == null || i.hideSheet();
@@ -830,9 +840,9 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
     async function o(e) {
       await f(), await I(
         async () => {
-          await fe.update({
+          await pe.update({
             ...e,
-            updateReferralRecord: n.value
+            updateReferralRecord: l.value
           }), await w.readReferralProgram();
         },
         {
@@ -841,8 +851,8 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         }
       );
     }
-    async function l(e) {
-      if (!await q.remove(
+    async function s(e) {
+      if (!await K.remove(
         "Are you sure to remove referral tier",
         "Remove referral tier",
         m("connect.prompt.confirm"),
@@ -852,8 +862,8 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
       const r = H(w.referralProgram);
       r.reward.splice(e, 1), await o(r);
     }
-    async function C(e, r) {
-      if (!await q.remove(
+    async function S(e, r) {
+      if (!await K.remove(
         "Are you sure to remove referral count",
         "Remove referral tier",
         m("connect.prompt.confirm"),
@@ -862,7 +872,7 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
         return;
       const i = H(w.referralProgram), g = i.reward[e].rewards[r + 1];
       if (g) {
-        if (!await q.confirm(
+        if (!await K.confirm(
           m("connect.referral.referral_count.update.range_discontinuous.next", {
             from: g.threshold.from ?? 0,
             to: g.threshold.to ?? 1 / 0,
@@ -902,39 +912,39 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
             iconColor: "neutral-gray-400",
             class: "ml-auto",
             onClick: (r) => {
-              r.stopPropagation(), console.log(e.row), C(e.row.original.groupIndex, e.row.index);
+              r.stopPropagation(), console.log(e.row), S(e.row.original.groupIndex, e.row.index);
             }
           });
         }
       }
     ];
-    return ve(async () => {
+    return ge(async () => {
       await w.readReferralProgram();
     }), (e, r) => {
       const i = _("FmCard"), g = _("FmIcon"), b = _("FmTooltip"), $ = _("FmButton"), U = _("FmTable"), P = _("FmList");
-      return S(), E(z, null, [
-        W("", !0),
+      return R(), B(Y, null, [
+        z("", !0),
         d(i, {
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
           default: V(() => [
-            a("div", dr, O(t(m)("connect.referral.how_it_works.title")), 1),
-            a("div", cr, [
-              (S(!0), E(z, null, re(t(M), (x, v) => (S(), E("div", {
+            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", {
                 key: v,
-                class: ie(["px-8", { "xs:!border-r": v % 2 == 0 }])
+                class: de(["px-8", { "xs:!border-r": v % 2 == 0 }])
               }, [
-                a("div", ur, [
+                a("div", fr, [
                   d(g, {
                     name: x.icon,
                     color: "primary",
                     class: "bg-fm-color-system-warning-100 p-8 fm-corner-radius-md max-h-40 max-w-40"
                   }, null, 8, ["name"]),
                   a("div", null, [
-                    a("div", mr, [
-                      de(O(t(m)(x.label)) + " ", 1),
-                      x.helperText ? (S(), j(b, {
+                    a("div", pr, [
+                      ce(O(t(m)(x.label)) + " ", 1),
+                      x.helperText ? (R(), D(b, {
                         key: 0,
                         content: x.helperText
                       }, {
@@ -946,17 +956,17 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
                           })
                         ]),
                         _: 2
-                      }, 1032, ["content"])) : W("", !0)
+                      }, 1032, ["content"])) : z("", !0)
                     ]),
-                    a("div", fr, O(x.sublabel), 1),
-                    x.action ? (S(), j($, {
+                    a("div", hr, O(x.sublabel), 1),
+                    x.action ? (R(), D($, {
                       key: 0,
                       variant: "plain",
                       label: x.action,
                       disabled: !t(p).isPremium,
                       class: "fm-typo-en-body-md-400 !p-0",
                       onClick: x.onClick
-                    }, null, 8, ["label", "disabled", "onClick"])) : W("", !0)
+                    }, null, 8, ["label", "disabled", "onClick"])) : z("", !0)
                   ])
                 ])
               ], 2))), 128))
@@ -964,7 +974,7 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
           ]),
           _: 1
         }),
-        t(c) && t(c).length > 0 ? (S(), j(i, {
+        t(c) && t(c).length > 0 ? (R(), D(i, {
           key: 1,
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
@@ -972,27 +982,27 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
           default: V(() => [
             d(P, { separator: !0 }, {
               default: V(() => [
-                (S(!0), E(z, null, re(t(c), (x, v) => (S(), j(De, {
+                (R(!0), B(Y, null, re(t(c), (x, v) => (R(), D(Ge, {
                   key: v,
                   "reward-group": x,
                   level: v,
-                  onEdit: (B) => D(v),
-                  onRemove: (B) => l(v),
-                  onAddCount: r[0] || (r[0] = (B) => {
-                    L({ groupIndex: B, countIndex: -1 });
+                  onEdit: (E) => j(v),
+                  onRemove: (E) => s(v),
+                  onAddCount: r[0] || (r[0] = (E) => {
+                    L({ groupIndex: E, countIndex: -1 });
                   })
                 }, {
                   default: V(() => [
-                    a("div", pr, [
+                    a("div", vr, [
                       d(U, {
-                        "row-data": x.rewards.map((B) => ({ ...B, groupIndex: v })),
+                        "row-data": x.rewards.map((E) => ({ ...E, groupIndex: v })),
                         "column-defs": h,
                         "hide-footer": !0,
                         "page-size": 50,
-                        onRowClick: (B) => L({ groupIndex: v, countIndex: B.index })
+                        onRowClick: (E) => L({ groupIndex: v, countIndex: E.index })
                       }, null, 8, ["row-data", "onRowClick"])
                     ]),
-                    x.rewards.length ? W("", !0) : (S(), E("div", hr, [
+                    x.rewards.length ? z("", !0) : (R(), B("div", gr, [
                       r[3] || (r[3] = a("div", { class: "flex flex-col gap-16 text-center" }, [
                         a("div", { class: "fm-typo-en-title-sm-800" }, "Create progressive reward"),
                         a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Add referral count to configure progression reward to the referral program ")
@@ -1001,7 +1011,7 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
                         variant: "secondary",
                         label: "Add count",
                         icon: "add",
-                        onClick: (B) => L({ groupIndex: v, countIndex: -1 })
+                        onClick: (E) => L({ groupIndex: v, countIndex: -1 })
                       }, null, 8, ["onClick"])
                     ]))
                   ]),
@@ -1012,52 +1022,52 @@ const tr = { class: "flex flex-col space-y-16 mt-24" }, or = { class: "flex just
             })
           ]),
           _: 1
-        })) : (S(), j(i, {
+        })) : (R(), D(i, {
           key: 2,
           variant: "outlined",
           class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
         }, {
           default: V(() => [
             r[4] || (r[4] = a("img", {
-              src: ge,
+              src: we,
               class: "aspect-square w-[150px]"
             }, null, -1)),
-            a("div", vr, [
-              a("div", gr, O(t(m)("connect.referral.referral_tier_title")), 1),
-              a("div", wr, O(t(m)("connect.referral.referral_tier_description")), 1)
+            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)
             ]),
             d($, {
               variant: "primary",
               label: t(m)("connect.referral.add_referral_tier"),
               icon: "add",
               disabled: !t(p).isPremium,
-              onClick: r[1] || (r[1] = (x) => D(-1))
+              onClick: r[1] || (r[1] = (x) => j(-1))
             }, null, 8, ["label", "disabled"])
           ]),
           _: 1
         })),
-        d(_e, {
+        d(ye, {
           ref_key: "rewardGroupRef",
           ref: u
         }, null, 512),
-        d(ze, {
+        d(Ye, {
           ref_key: "editReferralCountSheetRef",
-          ref: R,
+          ref: C,
           onUpdate: y
         }, null, 512),
-        d(ar, {
+        d(lr, {
           ref_key: "manageCriteriaSheetRef",
           ref: A
         }, null, 512),
-        d(ir, {
+        d(cr, {
           ref_key: "editRefereeRewardSheetRef",
           ref: T,
-          onUpdate: s
+          onUpdate: n
         }, null, 512)
       ], 64);
     };
   }
 });
 export {
-  Mr as default
+  Hr as default
 };