@feedmepos/mf-connect 0.1.110-prod → 0.1.112-prod

package/dist/{Bin-B6PDvhj7.js → Bin-DaqUNsSV.js}

@@ -1,15 +1,15 @@
 import { defineComponent as C, ref as c, h as s, onMounted as x, resolveComponent as d, openBlock as S, createElementBlock as B, Fragment as M, createVNode as l, unref as o, createElementVNode as u } from "vue";
 import { components as p } from "@feedmepos/ui-library";
-import { u as K } from "./loading-DO3WUS3q.js";
-import { u as R } from "./business-B-PlsFIY.js";
-import { C as A } from "./campaign-GkMET7FI.js";
-import { _ as P } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C06_qwVx.js";
+import { u as K } from "./loading-BkJ3h_4U.js";
+import { u as R } from "./business-Bla8vvZH.js";
+import { C as A } from "./campaign-DYqAyRCY.js";
+import { _ as P } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bn-lauCv.js";
 import { _ as U } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as Y } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-fHX_ftax.js";
-import { u as D } from "./vue-i18n-Cy0bIZpQ.js";
+import { _ as Y } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BbEX2h2u.js";
+import { u as D } from "./vue-i18n-BQmB8Ex1.js";
 import { h as E } from "./moment-D7p2TMB-.js";
-import { p as I } from "./plugins-BLcKp-ww.js";
-import { c as g } from "./index-BHYKmUkc.js";
+import { p as I } from "./plugins-3_mD58dh.js";
+import { c as g } from "./index-C67-z1uf.js";
 const T = { class: "px-24 flex flex-col gap-y-16" }, $ = { class: "flex items-center justify-between w-full" }, j = { class: "flex gap-8 overflow-x-auto" }, oe = /* @__PURE__ */ C({
   __name: "Bin",
   setup(H) {

package/dist/{Broadcast-BsUYu9Kq.js → Broadcast-CdAN6JCa.js}

@@ -1,26 +1,27 @@
-import { defineComponent as H, ref as C, computed as q, onMounted as z, resolveComponent as m, openBlock as d, createElementBlock as h, Fragment as v, createVNode as i, unref as a, createElementVNode as n, withCtx as x, renderList as G, createBlock as S, resolveDynamicComponent as J, toDisplayString as u, createCommentVNode as Q, h as k } from "vue";
-import { _ as W } from "./campaign-CpzFl8Vr.js";
-import { useDialog as X, components as L } from "@feedmepos/ui-library";
-import { p as Y } from "./plugins-BLcKp-ww.js";
-import { u as Z } from "./loading-DO3WUS3q.js";
-import { u as ee } from "./business-B-PlsFIY.js";
-import { u as te } from "./campaign-yUUxyk0R.js";
-import { a as V, b as R, g as ae } from "./campaign-GkMET7FI.js";
-import { u as oe, c as ne, p as se } from "./template-DuuTNfO4.js";
-import { u as ce } from "./vue-i18n-Cy0bIZpQ.js";
-import { _ as ie } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
-import { _ as re } from "./MessageInput.vue_vue_type_script_setup_true_lang-CDzQ0rnK.js";
-import { _ as le } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-C06_qwVx.js";
-import { c as f } from "./index-BHYKmUkc.js";
-const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-center justify-between w-full" }, pe = { class: "flex gap-8 overflow-x-auto" }, ue = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "space-y-4" }, _e = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "flex items-center gap-8" }, be = { key: 0 }, Ce = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, ve = { class: "flex flex-col gap-16 text-center" }, xe = { class: "fm-typo-en-title-sm-800" }, Se = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = /* @__PURE__ */ H({
+import { defineComponent as q, ref as C, computed as z, onMounted as G, resolveComponent as m, openBlock as d, createElementBlock as w, Fragment as v, createVNode as i, unref as a, createElementVNode as n, withCtx as S, renderList as J, createBlock as x, resolveDynamicComponent as Q, toDisplayString as u, createCommentVNode as W, h as k } from "vue";
+import { _ as X } from "./campaign-CpzFl8Vr.js";
+import { useDialog as Y, components as R } from "@feedmepos/ui-library";
+import { p as Z } from "./plugins-3_mD58dh.js";
+import { u as ee } from "./loading-BkJ3h_4U.js";
+import { u as te } from "./business-Bla8vvZH.js";
+import { u as ae } from "./campaign-BIPNFBY5.js";
+import { a as L, b as O, g as oe } from "./campaign-DYqAyRCY.js";
+import { u as ne, c as se, p as ce } from "./template-fImyGLa7.js";
+import { u as ie } from "./vue-i18n-BQmB8Ex1.js";
+import { _ as re } from "./FilterChip.vue_vue_type_script_setup_true_lang-3bH-tZAm.js";
+import { _ as le } from "./MessageInput.vue_vue_type_script_setup_true_lang-N8PCSKBx.js";
+import { _ as me } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bn-lauCv.js";
+import { u as de } from "./onboardingSetup-BLmLAgIV.js";
+import { c as f } from "./index-C67-z1uf.js";
+const pe = { class: "px-24 flex flex-col gap-y-16" }, ue = { class: "flex items-center justify-between w-full" }, fe = { class: "flex gap-8 overflow-x-auto" }, ge = { class: "space-y-8" }, ye = { class: "flex w-full gap-4 items-center" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "flex items-center gap-8" }, ve = { key: 0 }, Se = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, xe = { class: "flex flex-col gap-16 text-center" }, ke = { class: "fm-typo-en-title-sm-800" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ee = /* @__PURE__ */ q({
   __name: "Broadcast",
-  setup(ke) {
-    const { t: s } = ce(), O = {
+  setup(Be) {
+    const { t: s } = ie(), V = {
       label: s("connect.campaign.common.createCampaign"),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, T = oe("BROADCAST", X()), I = ee(), p = te(), { global: K, minor: F } = Z, B = C((/* @__PURE__ */ new Date()).toISOString()), r = C({
+    }, T = ne("BROADCAST", Y()), I = te(), p = ae(), { global: K, minor: A } = ee, B = C((/* @__PURE__ */ new Date()).toISOString()), r = C({
       searchKey: "",
       location: []
     });
@@ -31,7 +32,7 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
         return (c = e == null ? void 0 : e.targetLocation) == null ? void 0 : c.includes(l);
       }) : e.targetLocation.includes(t);
     }
-    const g = q(
+    const g = z(
       () => p.campaigns.broadcast.filter((e) => P(e))
     ), $ = [
       {
@@ -40,14 +41,14 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
       },
       {
         header: "Status",
-        accessorFn: (e) => ae(e),
+        accessorFn: (e) => oe(e),
         cell(e) {
-          return V(e.row.original);
+          return L(e.row.original);
         }
       },
       {
         header: "Summary",
-        accessorFn: (e) => R(e)
+        accessorFn: (e) => O(e)
       },
       {
         header: "Message sent",
@@ -57,7 +58,7 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
         header: "Actions",
         cell(e) {
           return k("div", { class: "flex items-center gap-8 justify-end" }, [
-            k(L.FmButton, {
+            k(R.FmButton, {
               variant: "tertiary",
               icon: "content_copy",
               iconColor: "neutral-gray-400",
@@ -65,22 +66,22 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
                 t.stopPropagation(), await D(e.row.original);
               }
             }),
-            k(L.FmButton, {
+            k(R.FmButton, {
               variant: "tertiary",
               icon: "delete",
               iconColor: "neutral-gray-400",
               onClick: (t) => {
-                t.stopPropagation(), A(e.row.original);
+                t.stopPropagation(), F(e.row.original);
               }
             })
           ]);
         }
       }
-    ], w = C();
-    async function A(e) {
-      await Y.remove(
+    ], y = C();
+    async function F(e) {
+      await Z.remove(
         s("connect.campaign.common.remove.confirm", { name: e.name })
-      ) && await F(
+      ) && await A(
         async () => {
           await f.delete(e._id), await p.read("BROADCAST");
         },
@@ -92,13 +93,13 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
         }
       );
     }
-    async function y(e) {
+    async function _(e) {
       B.value = (/* @__PURE__ */ new Date()).toISOString(), e ? await t() : T.open(async (l) => {
         await t(l);
       });
       async function t(l) {
         var c;
-        (c = w.value) == null || c.showSheet(
+        (c = y.value) == null || c.showSheet(
           !0,
           "BROADCAST",
           e ? await f.readById(e._id) : void 0,
@@ -108,11 +109,11 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
     }
     async function D(e) {
       var c;
-      if (!await ne(e.name))
+      if (!await se(e.name))
         return;
       B.value = (/* @__PURE__ */ new Date()).toISOString();
-      const t = await f.readById(e._id), l = se(t);
-      (c = w.value) == null || c.showSheet(
+      const t = await f.readById(e._id), l = ce(t);
+      (c = y.value) == null || c.showSheet(
         !0,
         "BROADCAST",
         l,
@@ -120,7 +121,7 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
       );
     }
     async function j(e) {
-      await F(
+      await A(
         async () => {
           e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("BROADCAST");
         },
@@ -134,20 +135,22 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
         }
       );
     }
-    return z(async () => {
+    const M = de();
+    return G(async () => {
+      var e;
       await K(async () => {
         await p.read("BROADCAST");
-      });
+      }), await M.consume() === "BROADCAST" && ((e = y.value) == null || e.showSheet(!0, "BROADCAST"));
     }), (e, t) => {
-      const l = m("FmPageHead"), c = m("FmSearch"), M = m("FmTable"), b = m("FmButton"), N = m("FmListItem"), U = m("FmList"), E = m("FmCard");
-      return d(), h(v, null, [
+      const l = m("FmPageHead"), c = m("FmSearch"), N = m("FmTable"), b = m("FmButton"), U = m("FmListItem"), E = m("FmList"), H = m("FmCard");
+      return d(), w(v, null, [
         i(l, {
           title: a(s)("connect.campaign.broadcast.title"),
-          actions: a(g).length > 0 ? [O] : [],
-          "onClick:action": t[0] || (t[0] = () => y())
+          actions: a(g).length > 0 ? [V] : [],
+          "onClick:action": t[0] || (t[0] = () => _())
         }, null, 8, ["title", "actions"]),
-        n("div", me, [
-          i(re),
+        n("div", pe, [
+          i(le),
           i(c, {
             modelValue: a(r).searchKey,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => a(r).searchKey = o),
@@ -155,10 +158,10 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
             placeholder: a(s)("connect.campaign.common.search"),
             collapsible: ""
           }, null, 8, ["modelValue", "placeholder"]),
-          a(p).campaigns.broadcast && a(p).campaigns.broadcast.length > 0 ? (d(), h(v, { key: 0 }, [
-            n("div", de, [
-              n("div", pe, [
-                i(ie, {
+          a(p).campaigns.broadcast && a(p).campaigns.broadcast.length > 0 ? (d(), w(v, { key: 0 }, [
+            n("div", ue, [
+              n("div", fe, [
+                i(re, {
                   label: `${a(s)("connect.campaign.common.location")}: `,
                   "right-icon": "keyboard_arrow_down",
                   modelValue: a(r).location,
@@ -176,49 +179,49 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            i(M, {
+            i(N, {
               class: "xs:hidden sm:hidden",
               "row-data": a(g),
               "column-defs": $,
               "search-value": a(r).searchKey,
               "column-filter": [],
-              onRowClick: t[4] || (t[4] = (o) => y(o.original)),
+              onRowClick: t[4] || (t[4] = (o) => _(o.original)),
               "hide-footer": !0
             }, null, 8, ["row-data", "search-value"]),
-            i(U, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
-              default: x(() => [
-                (d(!0), h(v, null, G(a(g).filter(
+            i(E, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: S(() => [
+                (d(!0), w(v, null, J(a(g).filter(
                   (o) => o.name.toLowerCase().includes(a(r).searchKey.toLowerCase())
-                ), (o) => (d(), S(N, {
+                ), (o) => (d(), x(U, {
                   key: o._id.toString(),
-                  onClick: (_) => y(o),
+                  onClick: (h) => _(o),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
-                  default: x(() => [
-                    n("div", ue, [
-                      n("div", fe, [
-                        (d(), S(J(a(V)(o)))),
-                        n("div", ge, u(o.currentReceive ?? 0) + " sent ", 1)
-                      ]),
+                  default: S(() => [
+                    n("div", ge, [
                       n("div", ye, [
-                        n("div", _e, u(o.name), 1),
-                        n("div", he, u(a(R)(o)), 1)
+                        (d(), x(Q(a(L)(o)))),
+                        n("div", _e, u(o.currentReceive ?? 0) + " sent ", 1)
+                      ]),
+                      n("div", he, [
+                        n("div", we, u(o.name), 1),
+                        n("div", be, u(a(O)(o)), 1)
                       ])
                     ]),
-                    n("div", we, [
+                    n("div", Ce, [
                       i(b, {
                         icon: "content_copy",
                         "icon-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: async (_) => {
-                          _.stopPropagation(), await D(o);
+                        onClick: async (h) => {
+                          h.stopPropagation(), await D(o);
                         }
                       }, null, 8, ["onClick"]),
                       i(b, {
                         icon: "delete",
                         "icon-color": "neutral-gray-400",
                         variant: "tertiary",
-                        onClick: (_) => (_.stopPropagation(), A(o))
+                        onClick: (h) => (h.stopPropagation(), F(o))
                       }, null, 8, ["onClick"])
                     ])
                   ]),
@@ -227,35 +230,35 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
               ]),
               _: 1
             }),
-            a(g).length == 0 ? (d(), h("div", be, [
-              n("div", Ce, u(a(s)("connect.campaign.common.noResults")), 1)
-            ])) : Q("", !0)
-          ], 64)) : (d(), S(E, {
+            a(g).length == 0 ? (d(), w("div", ve, [
+              n("div", Se, u(a(s)("connect.campaign.common.noResults")), 1)
+            ])) : W("", !0)
+          ], 64)) : (d(), x(H, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
-            default: x(() => [
+            default: S(() => [
               t[6] || (t[6] = n("img", {
-                src: W,
+                src: X,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              n("div", ve, [
-                n("div", xe, u(a(s)("connect.campaign.broadcast.create.title")), 1),
-                n("div", Se, u(a(s)("connect.campaign.broadcast.create.description")), 1)
+              n("div", xe, [
+                n("div", ke, u(a(s)("connect.campaign.broadcast.create.title")), 1),
+                n("div", Ae, u(a(s)("connect.campaign.broadcast.create.description")), 1)
               ]),
               i(b, {
                 variant: "primary",
                 label: a(s)("connect.campaign.broadcast.create.button"),
                 icon: "add",
-                onClick: t[5] || (t[5] = (o) => y())
+                onClick: t[5] || (t[5] = (o) => _())
               }, null, 8, ["label"])
             ]),
             _: 1
           })),
-          i(le, {
+          i(me, {
             ref_key: "sheetRef",
-            ref: w,
+            ref: y,
             "onSubmit:modelValue": j
           }, null, 512)
         ])
@@ -264,5 +267,5 @@ const me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-
   }
 });
 export {
-  Me as default
+  Ee as default
 };

package/dist/{CampaignAnalytic-D0_Kh2Sv.js → CampaignAnalytic-CpP7lgTX.js}

@@ -1,14 +1,14 @@
 import { defineComponent as z, computed as P, resolveComponent as S, openBlock as r, createBlock as x, withCtx as D, createElementBlock as d, createCommentVNode as v, createElementVNode as s, toDisplayString as u, normalizeClass as K, unref as o, Fragment as L, normalizeStyle as ye, createTextVNode as xe, renderList as ee, createVNode as $, ref as Q, onMounted as ke } from "vue";
-import { u as he } from "./vue-i18n-Cy0bIZpQ.js";
+import { u as he } from "./vue-i18n-BQmB8Ex1.js";
 import { useCoreStore as we } from "@feedmepos/mf-common";
-import { c as U } from "./index-BHYKmUkc.js";
-import { u as Re } from "./loading-DO3WUS3q.js";
-import { s as Me, g as _e } from "./campaign-GkMET7FI.js";
-import { C as be } from "./timezone-nMBfnPp_.js";
+import { c as U } from "./index-C67-z1uf.js";
+import { u as Re } from "./loading-BkJ3h_4U.js";
+import { s as Me, g as _e } from "./campaign-DYqAyRCY.js";
+import { C as be } from "./timezone-DQ7TNXmV.js";
 import { h as Se } from "./moment-D7p2TMB-.js";
 import { s as Ce } from "./index-CuvNtC_M.js";
-import { T as Ie } from "./transaction.fn-CYC2Uh5Y.js";
-import { _ as te } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-BlhwugZQ.js";
+import { T as Ie } from "./transaction.fn-OT7ucfCB.js";
+import { _ as te } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-_JNdYsBu.js";
 import { useRoute as $e, useRouter as Pe } from "vue-router";
 const Oe = {
   state: "populated",

package/dist/{CampaignTypeDialog.vue_vue_type_script_setup_true_lang-bfMr_7XS.js → CampaignTypeDialog.vue_vue_type_script_setup_true_lang-BQiQVQBN.js}

@@ -1,11 +1,14 @@
-import { R as RuleOperator, _ } from "./index-MtVkfI7s.js";
-import { i as isRuleGroup } from "./rule-builder-C2z6Ki1X.js";
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createVNode, toDisplayString } from "vue";
+import { R as RuleOperator, _ } from "./index-BqKrePY8.js";
+import { i as isRuleGroup } from "./rule-builder-Co_1uuj4.js";
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, unref, createVNode, toDisplayString, createCommentVNode } from "vue";
 import { useDialog } from "@feedmepos/ui-library";
-import { a as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-v3DTwO9s.js";
-import "./index-DKZEN-aI.js";
-import "./index-Duqxyi9L.js";
-import "./index-De9f7Fwe.js";
+import "./index-B6x6s8mu.js";
+import "./index-DvW-3flw.js";
+import { F as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-CZqwIQXi.js";
+import "./index-D6RDVy95.js";
+import "./index-Dalmv1m4.js";
+import "./index-otcusTFM.js";
+import { u as useBusinessStore } from "./business-Bla8vvZH.js";
 function validateRule(data, r, date) {
   const rules = new RuleOperator(date ?? /* @__PURE__ */ new Date());
   function meetConditions(e) {
@@ -20,11 +23,11 @@ function validateRule(data, r, date) {
             equator: t
             // raw: data,
           }), o;
-        const i = rules[n](
+        const a = rules[n](
           l,
           t
         );
-        return o && i;
+        return o && a;
       },
       !0
     );
@@ -43,7 +46,7 @@ function validateRule(data, r, date) {
   }
   return isRuleGroup(r) ? evaluateRuleResult(getRuleResults(r), r.logic) : meetConditions(r);
 }
-const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = { class: "fm-typo-en-title-sm-600" }, _hoisted_3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = ["disabled", "onClick"], _hoisted_3 = { class: "flex items-center gap-8" }, _hoisted_4 = { class: "fm-typo-en-title-sm-600" }, _hoisted_5 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CampaignTypeDialog",
   props: {
     onSelect: {
@@ -52,7 +55,7 @@ const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = {
     }
   },
   setup(e) {
-    const o = e, n = useDialog(), t = [
+    const o = e, n = useDialog(), t = useBusinessStore(), l = [
       {
         title: "Promotion",
         description: "Special offers or deals made available for a limited time",
@@ -71,12 +74,14 @@ const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = {
       {
         title: "Point",
         description: "Points allow customers to purchase bundle items.",
-        value: F_RUNNABLE_CAMPAIGN_TYPE.enum.COIN
+        value: F_RUNNABLE_CAMPAIGN_TYPE.enum.COIN,
+        premium: !0
       },
       {
         title: "Game",
         description: "The game feature adds a fun and encourage customers to engage more.",
-        value: F_RUNNABLE_CAMPAIGN_TYPE.enum.GAME
+        value: F_RUNNABLE_CAMPAIGN_TYPE.enum.GAME,
+        premium: !0
       },
       {
         title: "Credit",
@@ -84,30 +89,43 @@ const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = {
         value: F_RUNNABLE_CAMPAIGN_TYPE.enum.CREDIT
       }
     ];
-    function l(i) {
-      n.close(), o.onSelect(i);
+    function a(u) {
+      var s;
+      (s = l.find((c) => c.value === u)) != null && s.premium && !t.isPremium || (n.close(), o.onSelect(u));
     }
-    return (i, a) => {
-      const c = resolveComponent("FmCard");
-      return openBlock(), createBlock(c, { class: "p-24 space-y-16" }, {
+    return (u, s) => {
+      const c = resolveComponent("FmPill"), m = resolveComponent("FmCard");
+      return openBlock(), createBlock(m, { class: "p-24 space-y-16" }, {
         default: withCtx(() => [
-          a[0] || (a[0] = createElementVNode("div", { class: "" }, [
+          s[0] || (s[0] = createElementVNode("div", { class: "" }, [
             createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Add benefit"),
             createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Select the benefit type that you want to reward the selected tier. ")
           ], -1)),
           createElementVNode("div", _hoisted_1, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(t, (s) => createVNode(c, {
-              variant: "outlined",
-              key: s.value,
-              onClick: (u) => l(s.value),
-              class: "p-16 space-y-8 cursor-pointer"
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, toDisplayString(s.title), 1),
-                createElementVNode("div", _hoisted_3, toDisplayString(s.description), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])), 64))
+            (openBlock(), createElementBlock(Fragment, null, renderList(l, (i) => createElementVNode("button", {
+              key: i.value,
+              type: "button",
+              disabled: i.premium && !unref(t).isPremium,
+              onClick: (d) => a(i.value),
+              class: "w-full text-left disabled:cursor-not-allowed disabled:opacity-50"
+            }, [
+              createVNode(m, {
+                variant: "outlined",
+                class: "p-16 space-y-8"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, toDisplayString(i.title), 1),
+                    i.premium ? (openBlock(), createBlock(c, {
+                      key: 0,
+                      variant: "premium"
+                    })) : createCommentVNode("", !0)
+                  ]),
+                  createElementVNode("div", _hoisted_5, toDisplayString(i.description), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], 8, _hoisted_2)), 64))
           ])
         ]),
         _: 1