@feedmepos/mf-connect 0.1.79-prod → 0.1.80-prod

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-BsYFvVTh.js → EffectSheet.vue_vue_type_style_index_0_lang-B-W8N3ay.js}

@@ -1,11 +1,11 @@
 import { defineComponent as B, ref as P, onMounted as Q, computed as q, resolveComponent as V, openBlock as d, createElementBlock as F, renderSlot as W, toDisplayString as b, createCommentVNode as f, createBlock as u, unref as e, isRef as G, createVNode as g, normalizeClass as Z, watch as X, withCtx as w, resolveDynamicComponent as R, Fragment as _, createElementVNode as C, createTextVNode as ee } from "vue";
-import { z as te } from "./app-C3qRhqNx.js";
-import { Z as m } from "./zod-BuOqR5ox.js";
-import { f as le, g as oe } from "./index-DYcSI0zj.js";
-import { u as T } from "./vue-i18n-DDHeOQeE.js";
-import { s as O } from "./effect-BtYewRXj.js";
-import { p as ae } from "./plugins-D3oZ1ayL.js";
-import { e as ne } from "./app-C7D4OBMR.js";
+import { z as te } from "./app-bljpeKtJ.js";
+import { Z as m } from "./zod-Bgj7XO9e.js";
+import { f as le, g as oe } from "./index-BG_lmUVZ.js";
+import { u as T } from "./vue-i18n-DMTw1SSj.js";
+import { s as O } from "./effect-Dh5nBpkW.js";
+import { p as ae } from "./plugins-e1lQuPVO.js";
+import { e as ne } from "./app-BR-pWYj_.js";
 const ie = { class: "flex flex-col gap-8" }, de = {
   key: 0,
   class: "fm-typo-en-body-lg-600"

package/dist/{Experience-BXnCtSRV.js → Experience-Bg2zeFR8.js}

@@ -1,18 +1,18 @@
-import { defineComponent as E, ref as S, computed as U, onMounted as j, resolveComponent as m, openBlock as p, createElementBlock as _, Fragment as x, createVNode as c, unref as o, createElementVNode as a, withCtx as h, renderList as M, createBlock as w, resolveDynamicComponent as H, toDisplayString as u, h as q } from "vue";
+import { defineComponent as E, ref as S, computed as U, onMounted as j, resolveComponent as m, openBlock as p, createElementBlock as _, Fragment as h, createVNode as i, unref as o, createElementVNode as n, withCtx as x, renderList as M, createBlock as w, resolveDynamicComponent as H, toDisplayString as g, h as q } from "vue";
 import { _ as z } from "./campaign-CpzFl8Vr.js";
 import { useDialog as G, components as J } from "@feedmepos/ui-library";
-import { p as Q } from "./plugins-D3oZ1ayL.js";
-import { u as W } from "./loading-CqvrinH-.js";
-import { u as X } from "./business-DFHwuClX.js";
-import { u as Y, c as g } from "./campaign-DZ-NFu_a.js";
-import { a as L, b as V, g as Z } from "./campaign-Cs-5YZ24.js";
-import { u as ee } from "./vue-i18n-DDHeOQeE.js";
+import { p as Q } from "./plugins-e1lQuPVO.js";
+import { u as W } from "./loading-BeZIBas-.js";
+import { u as X } from "./business-CI7RS8Vk.js";
+import { u as Y, c as y } from "./campaign-CRIIhMp2.js";
+import { a as L, b as V, g as Z } from "./campaign-BVPLt3Ab.js";
+import { u as ee } from "./vue-i18n-DMTw1SSj.js";
 import { _ as te } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { _ as oe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DFVTCINV.js";
-import { u as ne } from "./template-CsgyjozJ.js";
-const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, ie = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ E({
+import { _ as oe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DuF8tYV_.js";
+import { u as ae } from "./template-BQst2DPF.js";
+const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ie = { class: "space-y-8" }, ce = { class: "flex w-full gap-4 items-center" }, le = { class: "space-y-4" }, me = { class: "fm-typo-en-body-lg-600" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "flex flex-col gap-16 text-center" }, ue = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = /* @__PURE__ */ E({
   __name: "Experience",
-  setup(_e) {
+  setup(ge) {
     const { t: r } = ee(), P = {
       label: r("connect.program.common.actions.create", {
         type: r("connect.program.experience.title").toLowerCase()
@@ -20,18 +20,18 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, B = ne("POINT", G()), I = X(), d = Y(), { global: T, minor: v } = W, s = S({
+    }, B = ae("POINT", G()), I = X(), d = Y(), { global: T, minor: b } = W, s = S({
       searchKey: "",
       location: []
     });
     function $(e) {
       const t = s.value.location;
       return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((l) => {
-        var i;
-        return (i = e == null ? void 0 : e.targetLocation) == null ? void 0 : i.includes(l);
+        var c;
+        return (c = e == null ? void 0 : e.targetLocation) == null ? void 0 : c.includes(l);
       }) : e.targetLocation.includes(t);
     }
-    const f = U(
+    const u = U(
       () => d.campaigns.experience.filter((e) => $(e))
     ), K = [
       {
@@ -58,16 +58,16 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
             icon: "delete",
             iconColor: "neutral-gray-400",
             onClick: (t) => {
-              t.stopPropagation(), C(e.row.original);
+              t.stopPropagation(), v(e.row.original);
             }
           });
         }
       }
-    ], b = S();
-    async function C(e) {
-      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await v(
+    ], C = S();
+    async function v(e) {
+      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await b(
         async () => {
-          await g.delete(e._id), await d.read("POINT");
+          await y.delete(e._id), await d.read("POINT");
         },
         {
           message: `Removing ${e.name}`,
@@ -75,24 +75,24 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
         }
       );
     }
-    async function y(e) {
+    async function f(e) {
       e ? await t() : B.open(async (l) => {
         await t(l);
       });
       async function t(l) {
-        var i;
-        (i = b.value) == null || i.showSheet(
+        var c;
+        (c = C.value) == null || c.showSheet(
           !0,
           "POINT",
-          e ? await g.readById(e._id) : void 0,
+          e ? await y.readById(e._id) : void 0,
           l
         );
       }
     }
     async function N(e) {
-      await v(
+      await b(
         async () => {
-          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await d.read("POINT");
+          e.campaign._id ? await y.update(e.campaign._id, e) : await y.create(e), await d.read("POINT");
         },
         {
           message: r("connect.program.common.update.updating", {
@@ -110,79 +110,75 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
         await d.read("POINT");
       });
     }), (e, t) => {
-      const l = m("FmPageHead"), i = m("FmSearch"), R = m("FmTable"), F = m("FmButton"), A = m("FmListItem"), O = m("FmList"), D = m("FmCard");
-      return p(), _(x, null, [
-        c(l, {
+      const l = m("FmPageHead"), c = m("FmSearch"), A = m("FmTable"), F = m("FmButton"), O = m("FmListItem"), R = m("FmList"), D = m("FmCard");
+      return p(), _(h, null, [
+        i(l, {
           title: o(r)("connect.program.experience.title"),
-          actions: o(f).length > 0 ? [P] : [],
-          "onClick:action": t[0] || (t[0] = () => y())
+          actions: o(u).length > 0 ? [P] : [],
+          "onClick:action": t[0] || (t[0] = () => f())
         }, null, 8, ["title", "actions"]),
-        a("div", ae, [
-          c(i, {
+        n("div", ne, [
+          i(c, {
             modelValue: o(s).searchKey,
-            "onUpdate:modelValue": t[1] || (t[1] = (n) => o(s).searchKey = n),
-            class: "hidden xs:!block border-b-2 border-fm-color-neutral-gray-100",
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(s).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
             placeholder: o(r)("connect.program.common.search"),
             collapsible: ""
           }, null, 8, ["modelValue", "placeholder"]),
-          o(d).campaigns.experience && o(d).campaigns.experience.length > 0 ? (p(), _(x, { key: 0 }, [
-            a("div", re, [
-              a("div", se, [
-                c(te, {
+          o(d).campaigns.experience && o(d).campaigns.experience.length > 0 ? (p(), _(h, { key: 0 }, [
+            n("div", re, [
+              n("div", se, [
+                i(te, {
                   label: `${o(r)("connect.common.location")}: `,
                   "right-icon": "keyboard_arrow_down",
                   modelValue: o(s).location,
-                  "onUpdate:modelValue": t[2] || (t[2] = (n) => o(s).location = n),
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(s).location = a),
                   icon: "storefront",
                   "show-item-label": !0,
                   items: o(I).locationOptions
                 }, null, 8, ["label", "modelValue", "items"])
               ]),
-              c(i, {
+              i(c, {
                 modelValue: o(s).searchKey,
-                "onUpdate:modelValue": t[3] || (t[3] = (n) => o(s).searchKey = n),
-                class: "xs:hidden",
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(s).searchKey = a),
+                class: "xs:hidden sm:hidden",
                 placeholder: "search",
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            c(R, {
-              class: "xs:hidden",
-              "row-data": o(f),
+            i(A, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(u),
               "column-defs": K,
               "search-value": o(s).searchKey,
               "column-filter": [],
-              onRowClick: t[4] || (t[4] = (n) => y(n.original)),
-              "hide-footer": o(f).length < 10
+              onRowClick: t[4] || (t[4] = (a) => f(a.original)),
+              "hide-footer": o(u).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            c(O, { class: "hidden xs:!flex flex-col mx-[-24px]" }, {
-              default: h(() => [
-                (p(!0), _(x, null, M(o(f).filter(
-                  (n) => n.name.toLowerCase().includes(o(s).searchKey.toLowerCase())
-                ), (n) => (p(), w(A, {
-                  key: n._id.toString(),
-                  onClick: (k) => y(n),
+            i(R, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: x(() => [
+                (p(!0), _(h, null, M(o(u).filter(
+                  (a) => a.name.toLowerCase().includes(o(s).searchKey.toLowerCase())
+                ), (a) => (p(), w(O, {
+                  key: a._id.toString(),
+                  onClick: (k) => f(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
-                  default: h(() => [
-                    a("div", ce, [
-                      a("div", ie, [
-                        (p(), w(H(o(L)(n)))),
-                        a("div", le, u(n.currentReceive ?? 0) + " used ", 1)
+                  default: x(() => [
+                    n("div", ie, [
+                      n("div", ce, [
+                        (p(), w(H(o(L)(a))))
                       ]),
-                      a("div", me, [
-                        a("div", de, u(n.name), 1),
-                        a("div", pe, u(o(V)(n)), 1)
-                      ]),
-                      a("div", ue, u(o(r)("connect.program.experience.received", {
-                        count: n.currentReceive ?? 0
-                      })), 1)
+                      n("div", le, [
+                        n("div", me, g(a.name), 1),
+                        n("div", de, g(o(V)(a)), 1)
+                      ])
                     ]),
-                    c(F, {
+                    i(F, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: (k) => (k.stopPropagation(), C(n))
+                      onClick: (k) => (k.stopPropagation(), v(a))
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -195,27 +191,27 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
-            default: h(() => [
-              t[6] || (t[6] = a("img", {
+            default: x(() => [
+              t[6] || (t[6] = n("img", {
                 src: z,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              a("div", fe, [
-                a("div", ye, u(o(r)("connect.program.experience.empty_state.title")), 1),
-                a("div", ge, u(o(r)("connect.program.experience.empty_state.description")), 1)
+              n("div", pe, [
+                n("div", ue, g(o(r)("connect.program.experience.empty_state.title")), 1),
+                n("div", fe, g(o(r)("connect.program.experience.empty_state.description")), 1)
               ]),
-              c(F, {
+              i(F, {
                 variant: "primary",
                 label: "Create experience program",
                 icon: "add",
-                onClick: t[5] || (t[5] = (n) => y())
+                onClick: t[5] || (t[5] = (a) => f())
               })
             ]),
             _: 1
           })),
-          c(oe, {
+          i(oe, {
             ref_key: "sheetRef",
-            ref: b,
+            ref: C,
             "onSubmit:modelValue": N
           }, null, 512)
         ])
@@ -224,5 +220,5 @@ const ae = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
   }
 });
 export {
-  Be as default
+  Ve as default
 };

package/dist/{Game-zCiezXmk.js → Game-CzYGAhas.js}

@@ -1,27 +1,27 @@
-import { defineComponent as q, ref as b, computed as z, onMounted as W, resolveComponent as c, openBlock as g, createElementBlock as k, Fragment as F, createVNode as s, unref as o, withCtx as w, createElementVNode as n, toDisplayString as u, renderList as J, createBlock as S, resolveDynamicComponent as Q, h as m } from "vue";
-import { _ as X } from "./campaign-CpzFl8Vr.js";
-import { useDialog as Y, components as x } from "@feedmepos/ui-library";
-import { a as Z, p as ee } from "./plugins-D3oZ1ayL.js";
-import { u as te } from "./loading-CqvrinH-.js";
-import { u as oe } from "./business-DFHwuClX.js";
-import { u as ae, c as C } from "./campaign-DZ-NFu_a.js";
-import { a as E, b as K, g as ne } from "./campaign-Cs-5YZ24.js";
-import { _ as se } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { _ as ie } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DFVTCINV.js";
-import { u as re } from "./template-CsgyjozJ.js";
-import { u as le } from "./vue-i18n-DDHeOQeE.js";
-import { _ as ce } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-DeCFVR31.js";
-const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, ue = { class: "px-24 flex flex-col gap-y-16" }, pe = { 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" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ve = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ q({
+import { defineComponent as z, ref as k, computed as W, onMounted as J, resolveComponent as c, openBlock as f, createElementBlock as F, Fragment as S, createVNode as s, unref as o, withCtx as w, createElementVNode as n, toDisplayString as g, renderList as Q, createBlock as P, resolveDynamicComponent as X, h as m } from "vue";
+import { _ as Y } from "./campaign-CpzFl8Vr.js";
+import { useDialog as Z, components as x } from "@feedmepos/ui-library";
+import { a as ee, p as te } from "./plugins-e1lQuPVO.js";
+import { u as oe } from "./loading-BeZIBas-.js";
+import { u as ae } from "./business-CI7RS8Vk.js";
+import { u as ne, c as C } from "./campaign-CRIIhMp2.js";
+import { a as E, b as K, g as se } from "./campaign-BVPLt3Ab.js";
+import { _ as ie } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as re } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DuF8tYV_.js";
+import { u as le } from "./template-BQst2DPF.js";
+import { u as ce } from "./vue-i18n-DMTw1SSj.js";
+import { _ as me } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-DR_64X0q.js";
+const de = { class: "flex items-center" }, ue = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, pe = { class: "px-24 flex flex-col gap-y-16" }, fe = { class: "flex items-center justify-between w-full" }, ge = { class: "flex gap-8 overflow-x-auto" }, ye = { class: "space-y-8" }, _e = { class: "flex w-full gap-4 items-center" }, he = { class: "space-y-4" }, we = { class: "fm-typo-en-body-lg-600" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ve = { class: "flex flex-col gap-16 text-center" }, be = { class: "fm-typo-en-title-sm-800" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ z({
   __name: "Game",
   setup(Fe) {
-    const { t: d } = le(), M = {
+    const { t: d } = ce(), M = {
       label: d("connect.program.common.actions.create", {
         type: d("connect.program.game.title").toLowerCase()
       }),
       value: "create",
       isPrimary: !0,
       prependIcon: "add"
-    }, P = Y(), U = re("GAME", P), y = oe(), p = ae(), { global: G, minor: V } = te, l = b({
+    }, V = Z(), U = le("GAME", V), y = ae(), u = ne(), { global: G, minor: L } = oe, l = k({
       searchKey: "",
       location: []
     });
@@ -32,8 +32,8 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
         return (r = e == null ? void 0 : e.targetLocation) == null ? void 0 : r.includes(i);
       }) : e.targetLocation.includes(t);
     }
-    const _ = z(
-      () => p.campaigns.token.filter((e) => T(e))
+    const _ = W(
+      () => u.campaigns.token.filter((e) => T(e))
     ), I = [
       {
         header: "Program title",
@@ -47,7 +47,7 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
                 {
                   content: e.row.original._id,
                   onClick: (t) => {
-                    t.stopPropagation(), Z(e.row.original._id);
+                    t.stopPropagation(), ee(e.row.original._id);
                   }
                 },
                 [
@@ -65,7 +65,7 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
       },
       {
         header: "Status",
-        accessorFn: (e) => ne(e),
+        accessorFn: (e) => se(e),
         cell(e) {
           return E(e.row.original);
         }
@@ -99,17 +99,17 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
               icon: "delete",
               iconColor: "neutral-gray-400",
               onClick: (t) => {
-                t.stopPropagation(), R(e.row.original);
+                t.stopPropagation(), B(e.row.original);
               }
             })
           ]);
         }
       }
-    ], L = b(), A = b();
-    async function R(e) {
-      await ee.remove(`Are you sure you want to remove ${e.name}?`) && await V(
+    ], A = k(), R = k();
+    async function B(e) {
+      await te.remove(`Are you sure you want to remove ${e.name}?`) && await L(
         async () => {
-          await C.delete(e._id), await p.read("GAME");
+          await C.delete(e._id), await u.read("GAME");
         },
         {
           message: `Removing ${e.name}`,
@@ -123,7 +123,7 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
       });
       async function t(i) {
         var r;
-        (r = L.value) == null || r.showSheet(
+        (r = A.value) == null || r.showSheet(
           !0,
           "GAME",
           e ? await C.readById(e._id) : void 0,
@@ -134,21 +134,21 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
     async function D(e) {
       var t, i, r;
       e.campaign._id && ((r = (i = (t = e.campaign) == null ? void 0 : t.game) == null ? void 0 : i.rewards) != null && r.some(
-        (f) => f.type === "VOUCHER"
-      )) && await new Promise((f) => {
-        P.open({
+        (p) => p.type === "VOUCHER"
+      )) && await new Promise((p) => {
+        V.open({
           title: "Confirmation",
           message: "This will change all future vouchers? Would you like to update previous claimed vouchers expiry date and discount?",
           primaryActions: { text: "Update all", close: !0 },
           secondaryActions: { text: "Update future only", close: !0 }
         }).onPrimary(async () => {
-          e.updateCollections = !0, f();
+          e.updateCollections = !0, p();
         }).onSecondary(async () => {
-          f();
+          p();
         });
-      }), await V(
+      }), await L(
         async () => {
-          e.campaign._id ? await C.update(e.campaign._id, e) : await C.create(e), await p.read("GAME");
+          e.campaign._id ? await C.update(e.campaign._id, e) : await C.create(e), await u.read("GAME");
         },
         {
           message: `${e.campaign._id ? "Updating" : "Creating"} game program`,
@@ -158,41 +158,41 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
     }
     function j(e) {
       var t;
-      (t = A.value) == null || t.showSheet({
+      (t = R.value) == null || t.showSheet({
         campaign: e
       });
     }
-    return W(async () => {
+    return J(async () => {
       await G(async () => {
-        await p.read("GAME"), await y.readPremium();
+        await u.read("GAME"), await y.readPremium();
       });
     }), (e, t) => {
-      const i = c("FmPill"), r = c("FmPageHead"), v = c("FmSearch"), f = c("FmTable"), B = c("FmButton"), H = c("FmListItem"), N = c("FmList"), O = c("FmCard");
-      return g(), k(F, null, [
+      const i = c("FmPill"), r = c("FmPageHead"), v = c("FmSearch"), p = c("FmTable"), $ = c("FmButton"), H = c("FmListItem"), N = c("FmList"), O = c("FmCard");
+      return f(), F(S, null, [
         s(r, {
           actions: o(_).length > 0 && o(y).isPremium ? [M] : [],
           "onClick:action": t[0] || (t[0] = () => h())
         }, {
           title: w(() => [
-            n("div", me, [
-              n("span", de, u(o(d)("connect.program.game.title")), 1),
+            n("div", de, [
+              n("span", ue, g(o(d)("connect.program.game.title")), 1),
               s(i, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["actions"]),
-        n("div", ue, [
+        n("div", pe, [
           s(v, {
             modelValue: o(l).searchKey,
             "onUpdate:modelValue": t[1] || (t[1] = (a) => o(l).searchKey = a),
-            class: "hidden xs:!block border-b-2 border-fm-color-neutral-gray-100",
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
             placeholder: "search",
             collapsible: ""
           }, null, 8, ["modelValue"]),
-          o(p).campaigns.token && o(p).campaigns.token.length > 0 ? (g(), k(F, { key: 0 }, [
-            n("div", pe, [
-              n("div", fe, [
-                s(se, {
+          o(u).campaigns.token && o(u).campaigns.token.length > 0 ? (f(), F(S, { key: 0 }, [
+            n("div", fe, [
+              n("div", ge, [
+                s(ie, {
                   label: `${o(d)("connect.common.location")}: `,
                   "right-icon": "keyboard_arrow_down",
                   modelValue: o(l).location,
@@ -205,13 +205,13 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
               s(v, {
                 modelValue: o(l).searchKey,
                 "onUpdate:modelValue": t[3] || (t[3] = (a) => o(l).searchKey = a),
-                class: "xs:hidden",
+                class: "xs:hidden sm:hidden",
                 placeholder: "search",
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            s(f, {
-              class: "xs:hidden",
+            s(p, {
+              class: "xs:hidden sm:hidden",
               "row-data": o(_),
               "column-defs": I,
               "search-value": o(l).searchKey,
@@ -219,56 +219,58 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
               onRowClick: t[4] || (t[4] = (a) => h(a.original)),
               "hide-footer": o(_).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            s(N, { class: "hidden xs:!flex flex-col mx-[-24px]" }, {
+            s(N, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
               default: w(() => [
-                (g(!0), k(F, null, J(o(_).filter(
+                (f(!0), F(S, null, Q(o(_).filter(
                   (a) => a.name.toLowerCase().includes(o(l).searchKey.toLowerCase())
-                ), (a) => (g(), S(H, {
+                ), (a) => (f(), P(H, {
                   key: a._id.toString(),
-                  onClick: ($) => h(a),
+                  onClick: (b) => h(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
-                  default: w(() => [
-                    n("div", ge, [
+                  default: w(() => {
+                    var b;
+                    return [
                       n("div", ye, [
-                        (g(), S(Q(o(E)(a)))),
-                        n("div", _e, u(a.currentReceive ?? 0) + " used ", 1)
+                        n("div", _e, [
+                          (f(), P(X(o(E)(a))))
+                        ]),
+                        n("div", he, [
+                          n("div", we, g(a.name), 1),
+                          n("div", xe, g(o(K)(a)), 1)
+                        ]),
+                        n("div", Ce, g(o(d)("connect.program.game.token_received", {
+                          count: ((b = e.pf_collectible) == null ? void 0 : b.currentReceive) ?? 0
+                        })), 1)
                       ]),
-                      n("div", he, [
-                        n("div", we, u(a.name), 1),
-                        n("div", xe, u(o(K)(a)), 1)
-                      ]),
-                      n("div", Ce, u(o(d)("connect.program.game.token_received", {
-                        count: a.currentReceive ?? 0
-                      })), 1)
-                    ]),
-                    s(B, {
-                      icon: "delete",
-                      "icon-color": "neutral-gray-400",
-                      variant: "tertiary",
-                      onClick: ($) => ($.stopPropagation(), R(a))
-                    }, null, 8, ["onClick"])
-                  ]),
+                      s($, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (q) => (q.stopPropagation(), B(a))
+                      }, null, 8, ["onClick"])
+                    ];
+                  }),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
               ]),
               _: 1
             })
-          ], 64)) : (g(), S(O, {
+          ], 64)) : (f(), P(O, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: w(() => [
               t[6] || (t[6] = n("img", {
-                src: X,
+                src: Y,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
               n("div", ve, [
-                n("div", be, u(o(d)("connect.program.game.empty_state.title")), 1),
-                n("div", ke, u(o(d)("connect.program.game.empty_state.description")), 1)
+                n("div", be, g(o(d)("connect.program.game.empty_state.title")), 1),
+                n("div", ke, g(o(d)("connect.program.game.empty_state.description")), 1)
               ]),
-              s(B, {
+              s($, {
                 variant: "primary",
                 label: "Create game program",
                 icon: "add",
@@ -278,14 +280,14 @@ const me = { class: "flex items-center" }, de = { class: "fm-typo-en-title-md-60
             ]),
             _: 1
           })),
-          s(ie, {
+          s(re, {
             ref_key: "sheetRef",
-            ref: L,
+            ref: A,
             "onSubmit:modelValue": D
           }, null, 512),
-          s(ce, {
+          s(me, {
             ref_key: "sendCollectionSheetRef",
-            ref: A
+            ref: R
           }, null, 512)
         ])
       ], 64);

package/dist/{ImageInput.vue_vue_type_script_setup_true_lang-BdLnuVWB.js → ImageInput.vue_vue_type_script_setup_true_lang-BcbGnJBq.js}

@@ -1,5 +1,5 @@
 import { openBlock as l, createElementBlock as o, createElementVNode as r, defineComponent as $, ref as b, onMounted as I, resolveComponent as f, renderSlot as x, toDisplayString as s, createCommentVNode as h, normalizeStyle as V, unref as i, Fragment as w, createVNode as F, withCtx as g, createTextVNode as p, normalizeClass as z, createBlock as k } from "vue";
-import { u as R } from "./vue-i18n-DDHeOQeE.js";
+import { u as R } from "./vue-i18n-DMTw1SSj.js";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = {}, D = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" };
 function L(e, d) {

package/dist/{Index-CKtP_PmV.js → Index-DzLILpRq.js}

@@ -1,16 +1,16 @@
 import { defineComponent as U, ref as g, watch as O, onMounted as I, resolveComponent as m, openBlock as b, createBlock as j, withCtx as P, createTextVNode as z, toDisplayString as B, createElementVNode as c, createVNode as o, unref as e, createElementBlock as F, createCommentVNode as W, normalizeClass as G, computed as L, Fragment as q, isRef as J } from "vue";
-import { u as H } from "./vue-i18n-DDHeOQeE.js";
-import "./index-V05BSEA1.js";
+import { u as H } from "./vue-i18n-DMTw1SSj.js";
+import "./index-BDe_iGE8.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-CqvrinH-.js";
-import { f as V, p as X } from "./plugins-D3oZ1ayL.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CGdBnD5E.js";
+import { u as Q } from "./loading-BeZIBas-.js";
+import { f as V, p as X } from "./plugins-e1lQuPVO.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-BeF7ihok.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-DUFFgALz.js";
-import { u as ae } from "./reward-D0Q_mk4n.js";
-import { u as oe } from "./business-DFHwuClX.js";
-import { u as te } from "./membership-DkHjl8wI.js";
-import { R as $ } from "./app-C3qRhqNx.js";
+import { r as N } from "./index-D7HTsvQE.js";
+import { u as ae } from "./reward-B6cHTuVY.js";
+import { u as oe } from "./business-CI7RS8Vk.js";
+import { u as te } from "./membership-4qhmKVK-.js";
+import { R as $ } from "./app-bljpeKtJ.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([