@feedmepos/mf-connect 0.1.0-beta.22 → 0.1.0-beta.24

package/dist/{Overview-VCBBU1YW.js → Overview-BumR0wKz.js}

@@ -1,29 +1,29 @@
-import { defineComponent as Y, resolveComponent as _, openBlock as S, createElementBlock as B, Fragment as H, createVNode as i, withCtx as $, createElementVNode as a, toDisplayString as E, unref as r, renderSlot as pe, ref as x, computed as j, watch as ne, createBlock as M, isRef as z, resolveDynamicComponent as oe, renderList as te, normalizeClass as le, createTextVNode as he, createCommentVNode as Q, h as se, onMounted as ve } from "vue";
+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 { _ as ge } from "./campaign-CpzFl8Vr.js";
-import { u as W } from "./vue-i18n-C6HFQh05.js";
-import { p as K, u as ie } from "./loading-DH_Oslj_.js";
+import { u as W } from "./vue-i18n-Tmy5Z8fL.js";
+import { c as we, p as K, u as de } from "./loading-5TfQs5SR.js";
 import { J as X } from "./JsonViewer-v8_C7l5N.js";
-import { Z as G } from "./zod-Bg2FbC-D.js";
+import { Z as M } from "./zod-Bg2FbC-D.js";
 import { u as q } from "./app-wDQR6dpb.js";
-import { u as Z, _ as we } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CDC9p6LD.js";
-import { u as de } from "./reward-CS8GA2Em.js";
-import "./index-0rGwpvFu.js";
-import "./index-CSUgytuI.js";
-import { l as ae, m as _e } from "./index-a-RJ9mPY.js";
-import "./index-CA3ry7KV.js";
-import { a as ye, b as be } from "./index-DVmX1XKB.js";
-import "./index-BFKji6uM.js";
-import "./index-DuhwB_77.js";
-import { C as ce } from "./membership-DvGibVw8.js";
-import { t as ee } from "./helper-Dqgn8m_C.js";
+import { u as Q, _ as _e } from "./RewardGroup.vue_vue_type_script_setup_true_lang-BVayF0UI.js";
+import { u as ce } from "./reward-DjXyYMBi.js";
+import "./index-Dmuja8kq.js";
+import "./index-D1veosa1.js";
+import { l as le, m as ye } from "./index-DTk6tgu3.js";
+import "./index-CHAxmOpZ.js";
+import { a as be, b as xe } from "./index-DDnotVHT.js";
+import "./index-YxGM0sYn.js";
+import "./index-DHK1GNFS.js";
+import { C as ue } from "./membership-BCMMOGZz.js";
+import { t as ee } from "./helper-CUflThOf.js";
 import { c as N } from "./object-qECH92oz.js";
-import { useDialog as xe, components as ue } from "@feedmepos/ui-library";
-import { _ as Ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-Bpiq2H6-.js";
-import { a as Re, _ as Se } from "./trigger-BdN5rF98.js";
-import { O as Fe } from "./objectid-BXCxmWH8.js";
-import { r as me } from "./index-D2PJeTZN.js";
-import { u as $e } from "./business-olDfFU8_.js";
-const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ve = { class: "flex-1" }, Ie = { class: "flex items-center gap-8" }, Te = { class: "fm-typo-en-title-sm-800" }, Ue = { class: "flex gap-8 items-center" }, Ae = { class: "space-y-4 hidden xs:block border-b border-fm-color-neutral-gray-100 px-16 flex-1" }, Le = { class: "flex items-center justify-between" }, Be = { class: "flex items-center gap-x-24 h-[80px] p-8 flex-1" }, Ee = { class: "flex-1 space-y-4" }, Oe = { class: "fm-typo-en-body-lg-600" }, je = /* @__PURE__ */ Y({
+import { useDialog as Ce, components as oe } from "@feedmepos/ui-library";
+import { _ as Re } from "./ZodTextField.vue_vue_type_script_setup_true_lang-Cx1NSSCO.js";
+import { a as Se, _ as Fe } from "./trigger-BdDXyHZg.js";
+import { O as ke } from "./objectid-C40r-rFp.js";
+import { r as me } from "./index-C9s5LGWo.js";
+import { u as $e } from "./business-Dk0g0MTT.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({
   __name: "ReferralRewadGroupCard",
   props: {
     rewardGroup: {
@@ -36,64 +36,64 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
     }
   },
   emits: ["edit", "addCount", "remove"],
-  setup(C, { emit: f }) {
-    const { t: k } = W(), p = f;
+  setup(R, { emit: f }) {
+    const { t: $ } = W(), p = f;
     return (g, m) => {
       const n = _("FmButton"), c = _("FmListItem");
-      return S(), B(H, null, [
-        i(c, {
-          onClick: m[4] || (m[4] = (u) => p("edit", C.level)),
+      return C(), B(H, null, [
+        d(c, {
+          onClick: m[4] || (m[4] = (u) => p("edit", R.level)),
           class: "!p-0"
         }, {
-          default: $(() => [
-            a("div", ke, [
-              a("div", Pe, [
-                a("div", Ve, [
-                  a("div", Ie, [
-                    a("div", Te, E(C.rewardGroup.name), 1)
+          default: k(() => [
+            a("div", Pe, [
+              a("div", Ve, [
+                a("div", Ie, [
+                  a("div", Te, [
+                    a("div", Ue, E(R.rewardGroup.name), 1)
                   ])
                 ])
               ]),
-              a("div", Ue, [
-                i(n, {
+              a("div", Ae, [
+                d(n, {
                   variant: "secondary",
-                  label: r(k)("connect.referral.reward.add_count"),
+                  label: r($)("connect.referral.reward.add_count"),
                   icon: "add",
                   onClick: m[0] || (m[0] = (u) => {
-                    u.stopPropagation(), p("addCount", C.level);
+                    u.stopPropagation(), p("addCount", R.level);
                   })
                 }, null, 8, ["label"]),
-                i(n, {
+                d(n, {
                   icon: "delete",
                   onClick: m[1] || (m[1] = (u) => {
-                    u.stopPropagation(), p("remove", C.level);
+                    u.stopPropagation(), p("remove", R.level);
                   }),
                   variant: "tertiary"
                 })
               ])
             ]),
-            a("div", Ae, [
-              a("div", Le, [
-                a("div", Be, [
-                  a("div", Ee, [
+            a("div", Le, [
+              a("div", Be, [
+                a("div", Ee, [
+                  a("div", Oe, [
                     a("div", null, [
-                      a("div", Oe, E(C.rewardGroup.name), 1)
+                      a("div", je, E(R.rewardGroup.name), 1)
                     ])
                   ])
                 ]),
-                i(n, {
+                d(n, {
                   variant: "tertiary",
                   icon: "delete",
-                  onClick: m[2] || (m[2] = (u) => (u.stopPropagation(), p("remove", C.level)))
+                  onClick: m[2] || (m[2] = (u) => (u.stopPropagation(), p("remove", R.level)))
                 })
               ]),
-              i(n, {
+              d(n, {
                 class: "w-full",
                 variant: "secondary",
                 label: "Add count",
                 disabled: !0,
                 icon: "add",
-                onClick: m[3] || (m[3] = (u) => (u.stopPropagation(), p("addCount", C.level)))
+                onClick: m[3] || (m[3] = (u) => (u.stopPropagation(), p("addCount", R.level)))
               })
             ])
           ]),
@@ -103,13 +103,13 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
       ], 64);
     };
   }
-}), De = { class: "flex flex-col space-y-16 pr-12" }, Ge = { class: "flex gap-16 items-center" }, Me = { class: "fm-typo-en-title-sm-800" }, Ne = { class: "flex items-center gap-8" }, He = /* @__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" }, Ye = /* @__PURE__ */ Y({
   __name: "EditReferralCountSheet",
   emits: ["update"],
-  setup(C, { expose: f, emit: k }) {
-    const { t: p } = W(), g = k, m = x(!1), n = x({}), c = x(-1), u = x(-1), R = Z(), V = ye.superRefine((e, t) => {
-      var U, A, v, I, L, J, re;
-      const d = u.value == -1 ? ((v = (A = (U = R.referralProgram) == null ? void 0 : U.reward[c.value]) == null ? void 0 : A.rewards) == null ? void 0 : v.length) || 0 : u.value, F = (L = (I = R.referralProgram) == null ? void 0 : I.reward[c.value]) == null ? void 0 : L.rewards[d - 1], b = (re = (J = R.referralProgram) == null ? void 0 : J.reward[c.value]) == null ? void 0 : re.rewards[d + 1];
+  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({
         code: "custom",
         message: `The min referral must be at least ${F.threshold.from + 1}`,
@@ -119,11 +119,11 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
         message: `The max referral must be at most ${b.threshold.to - 2}`,
         path: ["option"]
       });
-    }), P = j(() => {
+    }), P = D(() => {
       const e = V.safeParse(n.value);
       return e.success ? [] : e.error.errors;
     });
-    function D() {
+    function G() {
       const e = V.safeParse(n.value);
       e.success && g("update", {
         groupIndex: c.value,
@@ -132,9 +132,9 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
       });
     }
     async function O(e, t) {
-      var d;
+      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(
-        (d = R.referralProgram) == null ? void 0 : d.reward[t.groupIndex].rewards[t.countIndex]
+        (i = S.referralProgram) == null ? void 0 : i.reward[t.groupIndex].rewards[t.countIndex]
       )) : (c.value = t.groupIndex, u.value = -1, n.value = {
         threshold: {
           from: 0,
@@ -158,7 +158,7 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
         id: "type",
         header: "Reward type",
         cell(e) {
-          return ce[e.row.original.collectibleConfig.type].chip();
+          return ue[e.row.original.collectibleConfig.type].chip();
         }
       },
       {
@@ -170,7 +170,7 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
             return t.description;
         }
       }
-    ], s = de(), o = x([]), l = j(() => s.rewards.map((e) => {
+    ], s = ce(), o = x([]), l = D(() => s.rewards.map((e) => {
       let t = "No expiry";
       switch (e.option.type) {
         case "VOUCHER":
@@ -188,60 +188,60 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
         description: t
       };
     }));
-    j(() => []);
+    D(() => []);
     function y() {
       const e = l.value;
       for (let t = 0; t < e.length; t++) {
-        const d = e[t], F = h.value[t];
-        F && !n.value.rewards.includes(d.id) && n.value.rewards.push(d.id), !F && n.value.rewards.includes(d.id) && (n.value.rewards = n.value.rewards.filter(
-          (b) => b != d.id
+        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 h = x({});
-    return ne(h, y, { deep: !0 }), f({
+    return se(h, y, { deep: !0 }), f({
       showSheet: O,
       hideSheet: T,
       data: n
     }), (e, t) => {
-      const d = _("FmStepperField"), F = _("FmHelperText"), b = _("FmTable"), U = _("FmButton"), A = _("FmSideSheet");
-      return S(), M(A, {
+      const i = _("FmStepperField"), F = _("FmHelperText"), b = _("FmTable"), U = _("FmButton"), A = _("FmSideSheet");
+      return C(), j(A, {
         "max-width": 1e3,
         modelValue: r(m),
         "onUpdate:modelValue": t[4] || (t[4] = (v) => z(m) ? m.value = v : null),
         header: `${r(u) == -1 ? r(p)("connect.referral.editReferralCountSheet.add") : r(p)("connect.referral.editReferralCountSheet.edit")}`
       }, {
-        "side-sheet-footer": $(() => [
-          a("div", Ne, [
-            i(U, {
+        "side-sheet-footer": k(() => [
+          a("div", He, [
+            d(U, {
               label: r(p)("connect.editTierSheet.submit"),
-              onClick: D,
+              onClick: G,
               disabled: r(P).length > 0 || r(q)().isLoading,
               loading: r(q)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            i(U, {
+            d(U, {
               label: r(p)("connect.editTierSheet.cancel"),
               onClick: t[3] || (t[3] = (v) => T()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: $(() => [
-          i(X, { json: r(n) }, null, 8, ["json"]),
-          i(X, { json: r(P) }, null, 8, ["json"]),
-          a("div", De, [
+        default: k(() => [
+          d(X, { json: r(n) }, null, 8, ["json"]),
+          d(X, { json: r(P) }, null, 8, ["json"]),
+          a("div", Ge, [
             a("div", null, [
-              a("div", Ge, [
-                i(d, {
+              a("div", Me, [
+                d(i, {
                   modelValue: r(n).threshold.from,
                   "onUpdate:modelValue": t[0] || (t[0] = (v) => r(n).threshold.from = v),
                   "show-steppers": !1,
-                  rules: [r(G).ruleAtPath(r(V), "threshold.from")]
+                  rules: [r(M).ruleAtPath(r(V), "threshold.from")]
                 }, {
-                  label: $(() => [
-                    (S(), M(oe(
-                      r(G).toInputLabel(
-                        r(G).typeAtPath(r(V), "threshold.from"),
+                  label: k(() => [
+                    (C(), j(ne(
+                      r(M).toInputLabel(
+                        r(M).typeAtPath(r(V), "threshold.from"),
                         r(p)(
                           "connect.referral.editReferralCountSheet.min_referral_count"
                         )
@@ -250,16 +250,16 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
                   ]),
                   _: 1
                 }, 8, ["modelValue", "rules"]),
-                i(d, {
+                d(i, {
                   modelValue: r(n).threshold.to,
                   "onUpdate:modelValue": t[1] || (t[1] = (v) => r(n).threshold.to = v),
                   "show-steppers": !1,
-                  rules: [r(G).ruleAtPath(r(V), "threshold.to")]
+                  rules: [r(M).ruleAtPath(r(V), "threshold.to")]
                 }, {
-                  label: $(() => [
-                    (S(), M(oe(
-                      r(G).toInputLabel(
-                        r(G).typeAtPath(r(V), "threshold.to"),
+                  label: k(() => [
+                    (C(), j(ne(
+                      r(M).toInputLabel(
+                        r(M).typeAtPath(r(V), "threshold.to"),
                         r(p)(
                           "connect.referral.editReferralCountSheet.max_referral_count"
                         )
@@ -269,14 +269,14 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
                   _: 1
                 }, 8, ["modelValue", "rules"])
               ]),
-              i(F, {
-                text: r(G).helperText(r(P), "option"),
-                state: r(G).helperState(r(P), "option")
+              d(F, {
+                text: r(M).helperText(r(P), "option"),
+                state: r(M).helperState(r(P), "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", Me, E(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
-            i(b, {
+            a("div", Ne, E(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
+            d(b, {
               modelValue: r(h),
               "onUpdate:modelValue": t[2] || (t[2] = (v) => z(h) ? h.value = v : null),
               selection: "multiple",
@@ -291,7 +291,7 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
       }, 8, ["modelValue", "header"]);
     };
   }
-}), Ye = { class: "space-y-16" }, ze = { class: "grid grid-cols-3 gap-16" }, qe = { class: "fm-typo-en-title-sm-800" }, We = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Je = /* @__PURE__ */ Y({
+}), 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({
   __name: "CriteriaTriggerInput",
   props: {
     modelValue: {
@@ -303,32 +303,32 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
     }
   },
   emits: ["update:model-value"],
-  setup(C, { emit: f }) {
-    const k = C, p = f, g = j(() => [
-      ae.enum.BILL_COMPLETED,
-      ae.enum.FEEDBACK
-    ].map((m) => Re[m]));
+  setup(R, { emit: f }) {
+    const $ = R, p = f, g = D(() => [
+      le.enum.BILL_COMPLETED,
+      le.enum.FEEDBACK
+    ].map((m) => Se[m]));
     return (m, n) => {
       const c = _("FmCard");
-      return S(), B("div", Ye, [
+      return C(), B("div", ze, [
         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", ze, [
-          (S(!0), B(H, null, te(r(g), (u) => (S(), M(c, {
+        a("div", qe, [
+          (C(!0), B(H, null, te(r(g), (u) => (C(), j(c, {
             key: u.name,
             variant: "outlined",
-            disabled: k.disabled,
-            class: le(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-3", {
+            disabled: $.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)]": C.modelValue == u.value,
-              "hover:bg-fm-color-opacity-sm": C.modelValue != u.value
+              "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
             }]),
             onClick: () => {
-              k.modelValue != u.value && !k.disabled && p("update:model-value", u.value);
+              $.modelValue != u.value && !$.disabled && p("update:model-value", u.value);
             }
           }, {
-            default: $(() => [
-              a("div", qe, E(u.name), 1),
-              a("div", We, E(u.description), 1)
+            default: k(() => [
+              a("div", We, E(u.name), 1),
+              a("div", Je, E(u.description), 1)
             ]),
             _: 2
           }, 1032, ["disabled", "class", "onClick"]))), 128))
@@ -336,14 +336,14 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
       ]);
     };
   }
-}), Ke = { class: "flex items-center gap-x-8" }, Ze = { class: "flex flex-col space-y-16 pr-12" }, Qe = {
+}), Ze = { class: "flex items-center gap-x-8" }, Qe = { class: "flex flex-col space-y-16 pr-12" }, Xe = {
   key: 0,
   class: "space-y-16"
-}, Xe = { class: "flex items-center gap-8" }, et = /* @__PURE__ */ Y({
+}, et = { class: "flex items-center gap-8" }, tt = /* @__PURE__ */ Y({
   __name: "EditCriteriaSheet",
   emits: ["update"],
-  setup(C, { expose: f, emit: k }) {
-    const { t: p } = W(), g = k, m = x(!1), n = x(-1), c = x({}), u = Z(), R = be.superRefine((w, s) => {
+  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({
         code: "custom",
         message: "Name must be less than 50 characters"
@@ -351,8 +351,8 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
         code: "custom",
         message: "Name is required"
       });
-    }), V = j(() => {
-      const w = R.safeParse(c.value);
+    }), V = D(() => {
+      const w = S.safeParse(c.value);
       return w.success ? [] : w.error.errors;
     });
     function P(w, s) {
@@ -360,17 +360,17 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
       m.value = w, w && typeof s == "number" && s >= 0 ? (n.value = s, c.value = N(
         (o = u.referralProgram) == null ? void 0 : o.criteria[s]
       )) : (n.value = -1, c.value = {
-        _id: new Fe().toString(),
+        _id: new ke().toString(),
         name: "",
         type: "AUTO",
         event: { type: "BILL_COMPLETED" }
       });
     }
-    function D() {
+    function G() {
       m.value = !1;
     }
     function O() {
-      const w = R.safeParse(c.value);
+      const w = S.safeParse(c.value);
       w.success && g("update", n.value, w.data);
     }
     function T(w) {
@@ -378,18 +378,18 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
     }
     return f({
       showSheet: P,
-      hideSheet: D,
+      hideSheet: G,
       data: c
     }), (w, s) => {
       const o = _("FmButton"), l = _("FmRadio"), y = _("FmRadioGroup"), h = _("FmSideSheet");
-      return S(), M(h, {
+      return C(), j(h, {
         "max-width": 768,
         modelValue: r(m),
         "onUpdate:modelValue": s[5] || (s[5] = (e) => z(m) ? m.value = e : null)
       }, {
-        "side-sheet-header": $(() => [
-          a("div", Ke, [
-            i(o, {
+        "side-sheet-header": k(() => [
+          a("div", Ze, [
+            d(o, {
               icon: "arrow_back",
               variant: "tertiary",
               onClick: s[0] || (s[0] = (e) => P(!1))
@@ -397,44 +397,44 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
             s[6] || (s[6] = he("Add Criteria "))
           ])
         ]),
-        "side-sheet-footer": $(() => [
-          a("div", Xe, [
-            i(o, {
+        "side-sheet-footer": k(() => [
+          a("div", et, [
+            d(o, {
               label: r(p)("connect.editTierSheet.submit"),
               onClick: O,
               disabled: r(V).length > 0 || r(q)().isLoading,
               loading: r(q)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            i(o, {
+            d(o, {
               label: r(p)("connect.editTierSheet.cancel"),
               onClick: s[4] || (s[4] = (e) => P(!1)),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: $(() => [
-          i(X, { json: r(c) }, null, 8, ["json"]),
-          a("div", Ze, [
+        default: k(() => [
+          d(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)),
-            i(Ce, {
+            d(Re, {
               modelValue: r(c).name,
               "onUpdate:modelValue": s[1] || (s[1] = (e) => r(c).name = e),
               label: r(p)("connect.referral.editReferralTierSheet.name"),
-              schema: r(G).typeAtPath(r(R), "name")
+              schema: r(M).typeAtPath(r(S), "name")
             }, null, 8, ["modelValue", "label", "schema"]),
             s[11] || (s[11] = a("div", { class: "fm-typo-en-title-sm-600" }, "Configuration", -1)),
-            i(y, {
+            d(y, {
               "model-value": r(c).type,
               label: "Verify status",
               "onUpdate:modelValue": T
             }, {
-              default: $(() => [
-                i(l, {
+              default: k(() => [
+                d(l, {
                   value: "AUTO",
                   label: "Auto",
                   sublabel: "Verify based on rule configuration"
                 }),
-                i(l, {
+                d(l, {
                   value: "MANUAL",
                   label: "Manual",
                   sublabel: "Verify based on manual inspection"
@@ -442,21 +442,21 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
               ]),
               _: 1
             }, 8, ["model-value"]),
-            r(c).type == "AUTO" ? (S(), B(H, { key: 0 }, [
+            r(c).type == "AUTO" ? (C(), B(H, { key: 0 }, [
               s[8] || (s[8] = a("div", { class: "fm-typo-en-title-sm-600" }, "Trigger", -1)),
               s[9] || (s[9] = a("div", null, " Select trigger what referee need to complete in order for referral to earn reward ", -1)),
-              i(Je, {
+              d(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(_e).enum.BILL_COMPLETED ? (S(), B("div", Qe, [
+              r(c).event.type == r(ye).enum.BILL_COMPLETED ? (C(), B("div", Xe, [
                 s[7] || (s[7] = a("div", { class: "fm-typo-en-title-sm-600" }, "Spending Criteria", -1)),
-                i(Se, {
+                d(Fe, {
                   "model-value": r(c).event.rule,
                   "onUpdate:modelValue": s[3] || (s[3] = (e) => r(c).event.rule = e)
                 }, null, 8, ["model-value"])
-              ])) : Q("", !0)
-            ], 64)) : Q("", !0)
+              ])) : Z("", !0)
+            ], 64)) : Z("", !0)
           ])
         ]),
         _: 1
@@ -465,7 +465,7 @@ const ke = { class: "flex items-center justify-between flex-1 xs:hidden" }, Pe =
   }
 });
 function fe() {
-  const C = x(!1), f = xe();
+  const R = x(!1), f = Ce();
   return {
     confirmUpdateReferralRecord: async () => {
       await new Promise((p) => {
@@ -475,21 +475,21 @@ function fe() {
           primaryActions: { text: "Update all", close: !0 },
           secondaryActions: { text: "Update future only", close: !0 }
         }).onPrimary(async () => {
-          C.value = !0, p();
+          R.value = !0, p();
         }).onSecondary(async () => {
-          C.value = !1, p();
+          R.value = !1, p();
         });
       });
     },
-    updateReferralRecord: C
+    updateReferralRecord: R
   };
 }
-const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex justify-between items-center" }, ot = /* @__PURE__ */ Y({
+const rt = { class: "flex flex-col space-y-16 mt-24" }, ot = { class: "flex justify-between items-center" }, at = /* @__PURE__ */ Y({
   __name: "ManageCriteriaSheet",
-  setup(C, { expose: f }) {
-    const { t: k } = W(), { minor: p } = ie, { confirmUpdateReferralRecord: g, updateReferralRecord: m } = fe(), n = x(!1), c = x({}), u = Z(), R = x(
+  setup(R, { expose: f }) {
+    const { t: $ } = W(), { minor: p } = de, { confirmUpdateReferralRecord: g, updateReferralRecord: m } = fe(), n = x(!1), c = x({}), u = Q(), S = x(
       null
-    ), V = j(() => {
+    ), V = D(() => {
       var o;
       return (o = u.referralProgram) == null ? void 0 : o.criteria;
     });
@@ -501,22 +501,22 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         }), await u.readReferralProgram();
       });
     }
-    async function D(o, l) {
+    async function G(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 = R.value) == null || t.showSheet(!1);
+      h.criteria[y] = l, await P(h), (t = S.value) == null || t.showSheet(!1);
     }
     async function O(o) {
       var h, e;
       if (!await K.remove(
         "Are you sure to remove criteria",
         "Remove criteria",
-        k("connect.prompt.confirm"),
-        k("connect.prompt.cancel")
+        $("connect.prompt.confirm"),
+        $("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 = R.value) == null || e.showSheet(!1);
+      y.criteria.splice(l, 1), await P(y), (e = S.value) == null || e.showSheet(!1);
     }
     const T = [
       {
@@ -525,13 +525,18 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
       },
       {
         header: "Validity method",
-        accessorFn: (o) => o.type
+        cell(o) {
+          return re(oe.FmChip, {
+            label: we.title(o.row.original.type),
+            variant: "plain"
+          });
+        }
       },
       {
         header: "Actions",
         cell(o) {
           return [
-            se(ue.FmButton, {
+            re(oe.FmButton, {
               variant: "tertiary",
               icon: "delete",
               iconColor: "neutral-gray-400",
@@ -555,61 +560,62 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
       data: c
     }), (o, l) => {
       const y = _("FmButton"), h = _("FmTable"), e = _("FmSideSheet");
-      return S(), B(H, null, [
-        i(e, {
+      return C(), B(H, null, [
+        d(e, {
           "max-width": 768,
           modelValue: r(n),
           "onUpdate:modelValue": l[2] || (l[2] = (t) => z(n) ? n.value = t : null),
           header: "Manage Criteria"
         }, {
-          default: $(() => [
-            a("div", tt, [
-              a("div", rt, [
+          default: k(() => [
+            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)),
-                i(y, {
+                d(y, {
                   label: "Add Criteria",
                   icon: "add",
                   variant: "secondary",
                   onClick: l[0] || (l[0] = (t) => {
-                    var d;
-                    return (d = r(R)) == null ? void 0 : d.showSheet(!0);
+                    var i;
+                    return (i = r(S)) == null ? void 0 : i.showSheet(!0);
                   })
                 })
               ]),
-              i(h, {
+              d(h, {
                 "row-data": r(V),
                 "hide-footer": !0,
                 "page-size": 100,
+                "shrink-at": !1,
                 "column-defs": T,
                 onRowClick: l[1] || (l[1] = (t) => {
-                  var d;
-                  return (d = r(R)) == null ? void 0 : d.showSheet(!0, t.index);
+                  var i;
+                  return (i = r(S)) == null ? void 0 : i.showSheet(!0, t.index);
                 })
               }, null, 8, ["row-data"])
             ])
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        i(et, {
+        d(tt, {
           ref_key: "editCriteriaSheetRef",
-          ref: R,
-          onUpdate: D
+          ref: S,
+          onUpdate: G
         }, null, 512)
       ], 64);
     };
   }
-}), at = { class: "flex flex-col space-y-16 pr-12" }, nt = { class: "fm-typo-en-title-sm-800" }, lt = { class: "flex items-center gap-8" }, st = /* @__PURE__ */ Y({
+}), 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(C, { expose: f, emit: k }) {
-    const { t: p } = W(), g = k, m = x(!1), n = x([]), c = Z();
+  setup(R, { expose: f, emit: $ }) {
+    const { t: p } = W(), g = $, m = x(!1), n = x([]), c = Q();
     function u() {
       g("update", n.value);
     }
-    async function R(o) {
+    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));
     }
@@ -626,7 +632,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         id: "type",
         header: "Reward type",
         cell(o) {
-          return ce[o.row.original.collectibleConfig.type].chip();
+          return ue[o.row.original.collectibleConfig.type].chip();
         }
       },
       {
@@ -638,7 +644,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
             return l.description;
         }
       }
-    ], D = de(), O = x([]), T = j(() => D.rewards.map((o) => {
+    ], G = ce(), O = x([]), T = D(() => G.rewards.map((o) => {
       let l = "No expiry";
       switch (o.option.type) {
         case "VOUCHER":
@@ -656,7 +662,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         description: l
       };
     }));
-    j(() => []);
+    D(() => []);
     function w() {
       const o = T.value;
       for (let l = 0; l < o.length; l++) {
@@ -665,38 +671,38 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
       }
     }
     const s = x({});
-    return ne(s, w, { deep: !0 }), f({
-      showSheet: R,
+    return se(s, w, { deep: !0 }), f({
+      showSheet: S,
       hideSheet: V,
       data: n
     }), (o, l) => {
       const y = _("FmTable"), h = _("FmButton"), e = _("FmSideSheet");
-      return S(), M(e, {
+      return C(), j(e, {
         "max-width": 1e3,
         modelValue: r(m),
         "onUpdate:modelValue": l[2] || (l[2] = (t) => z(m) ? m.value = t : null),
         header: "Referee reward"
       }, {
-        "side-sheet-footer": $(() => [
-          a("div", lt, [
-            i(h, {
-              label: r(p)("connect.editTierSheet.submit"),
+        "side-sheet-footer": k(() => [
+          a("div", st, [
+            d(h, {
+              label: r(p)("connect.common.save"),
               onClick: u,
               disabled: r(q)().isLoading,
               loading: r(q)().isLoading
             }, null, 8, ["label", "disabled", "loading"]),
-            i(h, {
-              label: r(p)("connect.editTierSheet.cancel"),
+            d(h, {
+              label: r(p)("connect.common.cancel"),
               onClick: l[1] || (l[1] = (t) => V()),
               variant: "tertiary"
             }, null, 8, ["label"])
           ])
         ]),
-        default: $(() => [
-          i(X, { json: r(n) }, null, 8, ["json"]),
-          a("div", at, [
-            a("div", nt, E(r(p)("connect.referral.editReferralCountSheet.referrer_reward")), 1),
-            i(y, {
+        default: k(() => [
+          d(X, { json: r(n) }, null, 8, ["json"]),
+          a("div", nt, [
+            a("div", lt, E(r(p)("connect.referral.refereeRewardSheet.referee_reward")), 1),
+            d(y, {
               modelValue: r(s),
               "onUpdate:modelValue": l[0] || (l[0] = (t) => z(s) ? s.value = t : null),
               selection: "multiple",
@@ -711,19 +717,19 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
       }, 8, ["modelValue"]);
     };
   }
-}), it = { class: "fm-typo-en-title-sm-600" }, dt = { class: "grid grid-cols-4 xs:grid-cols-2 gap-4 divide-x xs:divide-x-0" }, ct = { class: "flex gap-x-8" }, ut = { class: "fm-typo-body-lg-600" }, mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ft = { class: "mb-40" }, pt = {
+}), 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 = {
   key: 0,
   class: "flex flex-col items-center justify-center gap-y-16 p-24"
-}, ht = { class: "flex flex-col gap-16 text-center" }, vt = { class: "fm-typo-en-title-sm-800" }, gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nt = /* @__PURE__ */ Y({
+}, 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" }, Ht = /* @__PURE__ */ Y({
   __name: "Overview",
-  setup(C) {
-    const { t: f } = W(), { minor: k } = ie, p = $e(), g = Z(), { confirmUpdateReferralRecord: m, updateReferralRecord: n } = fe(), c = j(() => {
+  setup(R) {
+    const { t: f } = W(), { minor: $ } = de, p = $e(), g = Q(), { confirmUpdateReferralRecord: m, updateReferralRecord: n } = fe(), c = D(() => {
       var e;
       return ((e = g.referralProgram) == null ? void 0 : e.reward) ?? [];
     }), u = x(null);
     x(null);
-    const R = x(null), V = x(null), P = x(null), D = j(() => {
-      var e, t, d, F;
+    const S = x(null), V = x(null), P = x(null), G = D(() => {
+      var e, t, i, F;
       return [
         {
           label: "connect.referral.how_it_works.generate_link",
@@ -732,7 +738,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         },
         {
           label: "connect.referral.how_it_works.referee_join_reward",
-          sublabel: `${((t = (e = g.referralProgram) == null ? void 0 : e.refereeReward) == null ? void 0 : t.length) || 0} reward(s)`,
+          sublabel: `${((t = (e = g.referralProgram) == null ? void 0 : e.pf_refereeReward) == null ? void 0 : t.length) || 0} reward(s)`,
           action: f("connect.referral.actions.manage_reward"),
           onClick: () => {
             var b;
@@ -742,7 +748,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         },
         {
           label: "connect.referral.how_it_works.referee_meet_criteria",
-          sublabel: `${(d = g.referralProgram) == null ? void 0 : d.criteria.length} criteria`,
+          sublabel: `${(i = g.referralProgram) == null ? void 0 : i.criteria.length} criteria`,
           action: f("connect.referral.actions.manage_criteria"),
           onClick: () => {
             var b;
@@ -763,56 +769,56 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
     }
     function T(e) {
       var t;
-      (t = R.value) == null || t.showSheet(!0, {
+      (t = S.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, d = e.referralCount, F = N(
+      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(
         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 != d.threshold.from - 1) {
+      if (U && U.threshold.to != i.threshold.from - 1) {
         if (!await K.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: d.threshold.from - 1
+            newTo: i.threshold.from - 1
           }),
           f("connect.program.tier.title"),
           f("connect.program.tier.remove.next_range")
         ))
           return;
-        U.threshold.to = d.threshold.from - 1;
+        U.threshold.to = i.threshold.from - 1;
       }
-      if (A && A.threshold.from - 1 != d.threshold.to) {
+      if (A && A.threshold.from - 1 != i.threshold.to) {
         if (!await K.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: d.threshold.to ?? 1
+            newFrom: i.threshold.to ?? 1
           }),
           f("connect.program.tier.title"),
           f("connect.program.tier.remove.next_range"),
           f("connect.prompt.cancel")
         ))
           return;
-        A.threshold.from = (d.threshold.to ?? 0) + 1;
+        A.threshold.from = (i.threshold.to ?? 0) + 1;
       }
-      !A && !((L = d.threshold) != null && L.to) && (d.threshold.to = void 0), await o(F), (J = R.value) == null || J.hideSheet();
+      !A && !((L = i.threshold) != null && L.to) && (i.threshold.to = void 0), await o(F), (J = S.value) == null || J.hideSheet();
     }
     async function s(e) {
-      var d;
+      var i;
       const t = N(g.referralProgram);
-      t.refereeReward = e, await o(t), (d = P.value) == null || d.hideSheet();
+      t.refereeReward = e, await o(t), (i = P.value) == null || i.hideSheet();
     }
     async function o(e) {
-      await m(), await k(
+      await m(), await $(
         async () => {
           await me.update({
             ...e,
@@ -844,8 +850,8 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
         f("connect.prompt.cancel")
       ))
         return;
-      const d = N(g.referralProgram);
-      d.reward[e].rewards.splice(t, 1), await o(d);
+      const i = N(g.referralProgram);
+      i.reward[e].rewards.splice(t, 1), await o(i);
     }
     const h = [
       {
@@ -855,7 +861,10 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
       {
         header: "Rewards",
         accessorKey: "type",
-        accessorFn: (e) => `${e.rewards.length} reward(s)`
+        accessorFn: (e) => {
+          var t;
+          return `${((t = e.pf_reward) == null ? void 0 : t.length) || 0} reward(s)`;
+        }
       },
       {
         id: "actions",
@@ -863,7 +872,7 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
           textAlign: "right"
         },
         cell(e) {
-          return se(ue.FmButton, {
+          return re(oe.FmButton, {
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
@@ -878,36 +887,37 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
     return ve(async () => {
       await g.readReferralProgram();
     }), (e, t) => {
-      const d = _("FmCard"), F = _("FmIcon"), b = _("FmButton"), U = _("FmTable"), A = _("FmList");
-      return S(), B(H, null, [
-        Q("", !0),
-        i(d, {
+      const i = _("FmCard"), F = _("FmIcon"), b = _("FmButton"), U = _("FmTable"), A = _("FmList");
+      return C(), B(H, null, [
+        Z("", !0),
+        d(i, {
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
-          default: $(() => [
-            a("div", it, E(r(f)("connect.referral.how_it_works.title")), 1),
-            a("div", dt, [
-              (S(!0), B(H, null, te(r(D), (v, I) => (S(), B("div", {
+          default: k(() => [
+            a("div", dt, E(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: le(["px-8", { "xs:!border-r": I % 2 == 0 }])
+                class: ie(["px-8", { "xs:!border-r": I % 2 == 0 }])
               }, [
-                a("div", ct, [
-                  i(F, {
+                a("div", ut, [
+                  d(F, {
                     name: v.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", ut, E(r(f)(v.label)), 1),
-                    a("div", mt, E(v.sublabel), 1),
-                    i(b, {
+                    a("div", mt, E(r(f)(v.label)), 1),
+                    a("div", ft, E(v.sublabel), 1),
+                    v.action ? (C(), j(b, {
+                      key: 0,
                       variant: "plain",
                       label: v.action,
                       disabled: !r(p).isPremium,
                       class: "fm-typo-en-body-md-400 !p-0",
                       onClick: v.onClick
-                    }, null, 8, ["label", "disabled", "onClick"])
+                    }, null, 8, ["label", "disabled", "onClick"])) : Z("", !0)
                   ])
                 ])
               ], 2))), 128))
@@ -915,15 +925,15 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
           ]),
           _: 1
         }),
-        r(c) && r(c).length > 0 ? (S(), M(d, {
+        r(c) && r(c).length > 0 ? (C(), j(i, {
           key: 1,
           variant: "outlined",
           class: "flex flex-col gap-16 p-16"
         }, {
-          default: $(() => [
-            i(A, { separator: !0 }, {
-              default: $(() => [
-                (S(!0), B(H, null, te(r(c), (v, I) => (S(), M(je, {
+          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,
@@ -933,9 +943,9 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
                     T({ groupIndex: L, countIndex: -1 });
                   })
                 }, {
-                  default: $(() => [
-                    a("div", ft, [
-                      i(U, {
+                  default: k(() => [
+                    a("div", pt, [
+                      d(U, {
                         "row-data": v.rewards.map((L) => ({ ...L, groupIndex: I })),
                         "column-defs": h,
                         "hide-footer": !0,
@@ -943,12 +953,12 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
                         onRowClick: (L) => T({ groupIndex: I, countIndex: L.index })
                       }, null, 8, ["row-data", "onRowClick"])
                     ]),
-                    v.rewards.length ? Q("", !0) : (S(), B("div", pt, [
+                    v.rewards.length ? Z("", !0) : (C(), B("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)),
-                      i(b, {
+                      d(b, {
                         variant: "secondary",
                         label: "Add count",
                         icon: "add",
@@ -963,21 +973,21 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
             })
           ]),
           _: 1
-        })) : (S(), M(d, {
+        })) : (C(), j(i, {
           key: 2,
           variant: "outlined",
           class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
         }, {
-          default: $(() => [
+          default: k(() => [
             t[4] || (t[4] = a("img", {
               src: ge,
               class: "aspect-square w-[150px]"
             }, null, -1)),
-            a("div", ht, [
-              a("div", vt, E(r(f)("connect.referral.referral_tier_title")), 1),
-              a("div", gt, E(r(f)("connect.referral.referral_tier_description")), 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)
             ]),
-            i(b, {
+            d(b, {
               variant: "primary",
               label: r(f)("connect.referral.add_referral_tier"),
               icon: "add",
@@ -987,20 +997,20 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
           ]),
           _: 1
         })),
-        i(we, {
+        d(_e, {
           ref_key: "rewardGroupRef",
           ref: u
         }, null, 512),
-        i(He, {
+        d(Ye, {
           ref_key: "editReferralCountSheetRef",
-          ref: R,
+          ref: S,
           onUpdate: w
         }, null, 512),
-        i(ot, {
+        d(at, {
           ref_key: "manageCriteriaSheetRef",
           ref: V
         }, null, 512),
-        i(st, {
+        d(it, {
           ref_key: "editRefereeRewardSheetRef",
           ref: P,
           onUpdate: s
@@ -1010,5 +1020,5 @@ const tt = { class: "flex flex-col space-y-16 pr-12" }, rt = { class: "flex just
   }
 });
 export {
-  Nt as default
+  Ht as default
 };