@feedmepos/mf-connect 0.0.16-beta.1 → 0.0.16-beta.11

package/dist/{EffectSheet.vue_vue_type_style_index_0_lang-AhWnHG02.js → EffectSheet.vue_vue_type_style_index_0_lang-DPgu45MD.js}

@@ -1,10 +1,10 @@
-import { defineComponent as O, ref as R, onMounted as J, computed as z, resolveComponent as y, openBlock as s, createElementBlock as x, renderSlot as K, toDisplayString as S, createCommentVNode as f, createBlock as p, unref as e, isRef as H, createVNode as b, normalizeClass as q, watch as Q, withCtx as F, resolveDynamicComponent as k, Fragment as W, createElementVNode as A, createTextVNode as X } from "vue";
-import { z as _ } from "./app-DkI7dYRN.js";
+import { defineComponent as O, ref as R, onMounted as J, computed as z, resolveComponent as y, openBlock as s, createElementBlock as x, renderSlot as K, toDisplayString as A, createCommentVNode as f, createBlock as p, unref as e, isRef as H, createVNode as b, normalizeClass as q, watch as Q, withCtx as F, resolveDynamicComponent as k, Fragment as W, createElementVNode as h, createTextVNode as X } from "vue";
+import { z as _ } from "./app-Bd19eW7X.js";
 import { Z as d } from "./zod-W_PvIofQ.js";
-import { g as ee, h as te } from "./index-CWf0mh3a.js";
-import { s as C } from "./effect-B8kmnKvY.js";
-import { p as le } from "./loading-BzV5acUX.js";
-import { E as oe } from "./app-B2ImSO3V.js";
+import { g as ee, h as te } from "./index-DYDhH9bi.js";
+import { s as C } from "./effect-C2jCStXO.js";
+import { p as le } from "./loading-D_AN6p24.js";
+import { s as oe } from "./app-CfS25Z66.js";
 const ae = { class: "flex flex-col gap-8" }, ne = {
   key: 0,
   class: "fm-typo-en-body-lg-600"
@@ -38,9 +38,9 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
-    var g, P;
-    const n = t, c = h, a = [
+  setup(t, { emit: g }) {
+    var S, P;
+    const n = t, c = g, a = [
       { label: "Date Range", value: "range" },
       { label: "Custom", value: "custom" }
     ], u = R(!1);
@@ -50,7 +50,7 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
       ).length > 0;
     });
     const l = R(
-      n.type ? a.find((r) => r.value === n.type) : (g = n.modelValue) != null && g.validBefore || (P = n.modelValue) != null && P.validAfter ? a[0] : a[1]
+      n.type ? a.find((r) => r.value === n.type) : (S = n.modelValue) != null && S.validBefore || (P = n.modelValue) != null && P.validAfter ? a[0] : a[1]
     ), w = z(
       () => n.forCredit ? ee : te
     ), v = z(() => {
@@ -78,7 +78,7 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
       const D = y("FmButtonGroup"), G = y("FmSimpleDateRangePicker"), Z = y("FmSwitch"), Y = y("FmStepperField"), B = y("FmHelperText");
       return s(), x("div", ae, [
         K(r.$slots, "label", {}, () => [
-          t.label ? (s(), x("div", ne, S(t.label), 1)) : f("", !0)
+          t.label ? (s(), x("div", ne, A(t.label), 1)) : f("", !0)
         ]),
         t.type ? f("", !0) : (s(), p(D, {
           key: 0,
@@ -149,7 +149,7 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
       ]);
     };
   }
-}), re = { class: "space-y-8" }, he = /* @__PURE__ */ O({
+}), re = { class: "space-y-8" }, we = /* @__PURE__ */ O({
   __name: "CollectibleOptionInput",
   props: {
     modelValue: {
@@ -168,8 +168,8 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
-    const n = t, c = h, a = R(n.modelValue ?? {});
+  setup(t, { emit: g }) {
+    const n = t, c = g, a = R(n.modelValue ?? {});
     return Q(a, () => c("update:model-value", a.value)), (u, l) => {
       const w = y("FmSwitch"), v = y("FmStepperField");
       return s(), x("div", re, [
@@ -263,10 +263,10 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
       ]);
     };
   }
-}), ue = { class: "space-y-8" }, me = /* @__PURE__ */ A("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1), pe = {
+}), ue = { class: "space-y-8" }, me = {
   key: 1,
   class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
-}, ce = { class: "fm-typo-en-body-lg-400" }, fe = { class: "text-fm-color-typo-secondary" }, ge = /* @__PURE__ */ O({
+}, pe = { class: "fm-typo-en-body-lg-400" }, ce = { class: "text-fm-color-typo-secondary" }, ge = /* @__PURE__ */ O({
   __name: "EffectSheet",
   props: {
     modelValue: { type: Object },
@@ -275,8 +275,8 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
     }
   },
   emits: ["update:model-value"],
-  setup(t, { emit: h }) {
-    const n = h, c = R(!1);
+  setup(t, { emit: g }) {
+    const n = g, c = R(!1);
     async function a(u) {
       u.stopPropagation(), await le.remove("Are you sure you want to remove this effect?") && n("update:model-value", null);
     }
@@ -292,14 +292,14 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
         ]
       }, {
         "side-sheet-button": F(() => {
-          var o, U, g;
+          var o, U, S;
           return [
-            A("div", ue, [
-              me,
-              t.modelValue ? (s(), x("div", pe, [
-                A("div", ce, [
-                  A("div", null, S((o = e(C)(t.modelValue)) == null ? void 0 : o.type), 1),
-                  A("div", fe, S((U = e(C)(t.modelValue)) == null ? void 0 : U.adjustment) + " with " + S((g = e(C)(t.modelValue)) == null ? void 0 : g.requirements), 1)
+            h("div", ue, [
+              l[4] || (l[4] = h("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1)),
+              t.modelValue ? (s(), x("div", me, [
+                h("div", pe, [
+                  h("div", null, A((o = e(C)(t.modelValue)) == null ? void 0 : o.type), 1),
+                  h("div", ce, A((U = e(C)(t.modelValue)) == null ? void 0 : U.adjustment) + " with " + A((S = e(C)(t.modelValue)) == null ? void 0 : S.requirements), 1)
                 ]),
                 b(w, {
                   icon: "delete",
@@ -318,9 +318,9 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
             ])
           ];
         }),
-        "side-sheet-footer": F(() => [
-          X(S(void 0))
-        ]),
+        "side-sheet-footer": F(() => l[5] || (l[5] = [
+          X(A(void 0))
+        ])),
         default: F(() => [
           b(e(oe), {
             class: "fm-effect-sheet",
@@ -339,6 +339,6 @@ const ae = { class: "flex flex-col gap-8" }, ne = {
 });
 export {
   ge as _,
-  he as a,
+  we as a,
   de as b
 };

package/dist/Experience-C2Q-zqV6.js

@@ -0,0 +1,221 @@
+import { defineComponent as D, ref as S, computed as E, onMounted as U, resolveComponent as c, openBlock as m, createElementBlock as _, Fragment as x, createVNode as i, unref as t, createElementVNode as n, withCtx as h, renderList as j, createBlock as w, resolveDynamicComponent as M, toDisplayString as p, h as H } from "vue";
+import { _ as q } from "./campaign-CpzFl8Vr.js";
+import { useDialog as z, components as G } from "@feedmepos/ui-library";
+import { u as J, p as Q } from "./loading-D_AN6p24.js";
+import { u as W } from "./business-dQh3AEot.js";
+import { u as X } from "./campaign-BOl8AgKA.js";
+import { g as L, b as V } from "./dto-B8NfyVPG.js";
+import { u as Y } from "./vue-i18n-BxwiXSkp.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as te } from "./template-clxvNnbF.js";
+import { c as g } from "./index-UTQHDUdW.js";
+const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ce = { class: "space-y-4" }, le = { class: "fm-typo-en-body-lg-600" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { 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__ */ D({
+  __name: "Experience",
+  setup(ye) {
+    const { t: s } = Y(), I = {
+      label: s("connect.program.common.actions.create", {
+        type: s("connect.program.experience.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, P = te("POINT", z()), B = W(), l = X(), { global: T, minor: v } = J, r = S({
+      searchKey: "",
+      location: null
+    }), f = E(
+      () => l.campaigns.experience.filter(
+        (e) => !r.value.location || !e.targetLocation || e.targetLocation.includes(r.value.location)
+      )
+    ), K = [
+      {
+        header: "Program title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return L(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => V(e)
+        //v.effect,
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return H(G.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (o) => {
+              o.stopPropagation(), C(e.row.original);
+            }
+          });
+        }
+      }
+    ], b = S();
+    async function C(e) {
+      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await v(
+        async () => {
+          await g.delete(e._id), await l.read("POINT");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function y(e) {
+      e ? await o() : P.open(async (d) => {
+        await o(d);
+      });
+      async function o(d) {
+        var u;
+        (u = b.value) == null || u.showSheet(
+          !0,
+          "POINT",
+          e ? await g.readById(e._id) : void 0,
+          d
+        );
+      }
+    }
+    async function N(e) {
+      await v(
+        async () => {
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await l.read("POINT");
+        },
+        {
+          message: s("program.common.update.updating", {
+            type: s("connect.program.experience.title")
+          }),
+          successMessage: s("program.common.update.success", {
+            type: s("connect.program.experience.title"),
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    return U(async () => {
+      await T(async () => {
+        await l.read("POINT");
+      });
+    }), (e, o) => {
+      const d = c("FmPageHead"), u = c("FmSearch"), R = c("FmTable"), F = c("FmButton"), $ = c("FmListItem"), O = c("FmList"), A = c("FmCard");
+      return m(), _(x, null, [
+        i(d, {
+          title: t(s)("connect.program.experience.title"),
+          actions: t(f).length > 0 ? [I] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        n("div", oe, [
+          i(u, {
+            modelValue: t(r).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(r).searchKey = a),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(s)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(l).campaigns.experience && t(l).campaigns.experience.length > 0 ? (m(), _(x, { key: 0 }, [
+            n("div", ae, [
+              n("div", ne, [
+                i(Z, {
+                  modelValue: t(r).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(r).location = a),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(B).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              i(u, {
+                modelValue: t(r).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(r).searchKey = a),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(R, {
+              class: "xs:hidden",
+              "row-data": t(f),
+              "column-defs": K,
+              "search-value": t(r).searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (a) => y(a.original)),
+              "hide-footer": t(f).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(O, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (m(!0), _(x, null, j(t(f).filter(
+                  (a) => a.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
+                ), (a) => (m(), w($, {
+                  key: a._id.toString(),
+                  onClick: (k) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: h(() => [
+                    n("div", se, [
+                      n("div", re, [
+                        (m(), w(M(t(L)(a)))),
+                        n("div", ie, p(a.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", ce, [
+                        n("div", le, p(a.name), 1),
+                        n("div", me, p(t(V)(a)), 1)
+                      ]),
+                      n("div", pe, p(t(s)("program.experience.received", {
+                        count: a.currentReceive ?? 0
+                      })), 1)
+                    ]),
+                    i(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), C(a))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (m(), w(A, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              o[6] || (o[6] = n("img", {
+                src: q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", de, [
+                n("div", ue, p(t(s)("connect.program.experience.empty_state.title")), 1),
+                n("div", fe, p(t(s)("connect.program.experience.empty_state.description")), 1)
+              ]),
+              i(F, {
+                variant: "primary",
+                label: "Create experience program",
+                icon: "add",
+                onClick: o[5] || (o[5] = (a) => y())
+              })
+            ]),
+            _: 1
+          })),
+          i(ee, {
+            ref_key: "sheetRef",
+            ref: b,
+            "onSubmit:modelValue": N
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/Game-DU2pZDGk.js

@@ -0,0 +1,255 @@
+import { defineComponent as D, ref as A, computed as H, onMounted as N, resolveComponent as r, openBlock as d, createElementBlock as x, Fragment as b, createVNode as i, unref as o, withCtx as h, createElementVNode as n, toDisplayString as l, renderList as q, createBlock as v, resolveDynamicComponent as z, h as p } from "vue";
+import { _ as J } from "./campaign-CpzFl8Vr.js";
+import { useDialog as O, components as C } from "@feedmepos/ui-library";
+import { u as Q, a as W, p as X } from "./loading-D_AN6p24.js";
+import { u as Y } from "./business-dQh3AEot.js";
+import { u as Z } from "./campaign-BOl8AgKA.js";
+import { g as B, b as $ } from "./dto-B8NfyVPG.js";
+import { _ as ee } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D9VR3P2d.js";
+import { u as oe } from "./template-clxvNnbF.js";
+import { u as ae } from "./vue-i18n-BxwiXSkp.js";
+import { c as w } from "./index-UTQHDUdW.js";
+const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, ie = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, le = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, me = { class: "flex w-full gap-4 items-center" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = { class: "space-y-4" }, ue = { class: "fm-typo-en-body-lg-600" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "flex flex-col gap-16 text-center" }, _e = { class: "fm-typo-en-title-sm-800" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $e = /* @__PURE__ */ D({
+  __name: "Game",
+  setup(we) {
+    const { t: c } = ae(), E = {
+      label: c("connect.program.common.actions.create", {
+        type: c("connect.program.game.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, K = oe("GAME", O()), f = Y(), m = Z(), { global: M, minor: k } = Q, s = A({
+      searchKey: "",
+      location: null
+    }), g = H(
+      () => m.campaigns.token.filter(
+        (e) => !s.value.location || !e.targetLocation || e.targetLocation.includes(s.value.location)
+      )
+    ), R = [
+      {
+        header: "Program title",
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return p("div", { class: "flex items-center justify-between gap-4" }, [
+            p("div", { class: "flex items-center" }, [
+              p(
+                C.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (t) => {
+                    t.stopPropagation(), W(e.row.original._id);
+                  }
+                },
+                [
+                  p(C.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            p("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => $(e)
+        //v.effect,
+      },
+      {
+        header: "Token received",
+        accessorFn: (e) => {
+          var t;
+          return ((t = e == null ? void 0 : e.pf_collectible) == null ? void 0 : t.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return p(C.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (t) => {
+              t.stopPropagation(), S(e.row.original);
+            }
+          });
+        }
+      }
+    ], F = A();
+    async function S(e) {
+      await X.remove(`Are you sure you want to remove ${e.name}?`) && await k(
+        async () => {
+          await w.delete(e._id), await m.read("GAME");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function y(e) {
+      e ? await t() : K.open(async (u) => {
+        await t(u);
+      });
+      async function t(u) {
+        var _;
+        (_ = F.value) == null || _.showSheet(
+          !0,
+          "GAME",
+          e ? await w.readById(e._id) : void 0,
+          u
+        );
+      }
+    }
+    async function G(e) {
+      await k(
+        async () => {
+          e.campaign._id ? await w.update(e.campaign._id, e) : await w.create(e), await m.read("GAME");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} game program`,
+          successMessage: `Game program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return N(async () => {
+      await M(async () => {
+        await m.read("GAME"), await f.readPremium();
+      });
+    }), (e, t) => {
+      const u = r("FmPill"), _ = r("FmPageHead"), L = r("FmSearch"), I = r("FmTable"), P = r("FmButton"), T = r("FmListItem"), U = r("FmList"), j = r("FmCard");
+      return d(), x(b, null, [
+        i(_, {
+          actions: o(g).length > 0 && o(f).isPremium ? [E] : [],
+          "onClick:action": t[0] || (t[0] = () => y())
+        }, {
+          title: h(() => [
+            n("div", ne, [
+              n("span", se, l(o(c)("connect.program.game.title")), 1),
+              i(u, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        n("div", ie, [
+          i(L, {
+            modelValue: o(s).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(s).searchKey = a),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(m).campaigns.token && o(m).campaigns.token.length > 0 ? (d(), x(b, { key: 0 }, [
+            n("div", re, [
+              n("div", le, [
+                i(ee, {
+                  modelValue: o(s).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(s).location = a),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: o(f).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              i(L, {
+                modelValue: o(s).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(s).searchKey = a),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(I, {
+              class: "xs:hidden",
+              "row-data": o(g),
+              "column-defs": R,
+              "search-value": o(s).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
+              "hide-footer": o(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(U, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (d(!0), x(b, null, q(o(g).filter(
+                  (a) => a.name.toLowerCase().includes(o(s).searchKey.toLowerCase())
+                ), (a) => (d(), v(T, {
+                  key: a._id.toString(),
+                  onClick: (V) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: h(() => [
+                    n("div", ce, [
+                      n("div", me, [
+                        (d(), v(z(o(B)(a)))),
+                        n("div", de, l(a.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", pe, [
+                        n("div", ue, l(a.name), 1),
+                        n("div", fe, l(o($)(a)), 1)
+                      ]),
+                      n("div", ge, l(o(c)("program.game.token_received", {
+                        count: a.currentReceive ?? 0
+                      })), 1)
+                    ]),
+                    i(P, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (V) => (V.stopPropagation(), S(a))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (d(), v(j, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              t[6] || (t[6] = n("img", {
+                src: J,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ye, [
+                n("div", _e, l(o(c)("connect.program.game.empty_state.title")), 1),
+                n("div", he, l(o(c)("connect.program.game.empty_state.description")), 1)
+              ]),
+              i(P, {
+                variant: "primary",
+                label: "Create game program",
+                icon: "add",
+                disabled: !o(f).isPremium,
+                onClick: t[5] || (t[5] = (a) => y())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          i(te, {
+            ref_key: "sheetRef",
+            ref: F,
+            "onSubmit:modelValue": G
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  $e as default
+};