@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.2

package/dist/{Game-BuiTygow.js → Game-CKXgXm6Q.js}

@@ -1,23 +1,20 @@
 import { defineComponent as N, ref as v, computed as q, onMounted as z, resolveComponent as r, openBlock as p, createElementBlock as C, Fragment as b, createVNode as s, unref as o, withCtx as h, createElementVNode as n, toDisplayString as c, renderList as J, createBlock as k, resolveDynamicComponent as O, h as l } from "vue";
 import { _ as Q } from "./campaign-CpzFl8Vr.js";
 import { useDialog as W, components as w } from "@feedmepos/ui-library";
-import { a as X, p as Y } from "./plugins-CVes2wzE.js";
-import { u as Z } from "./loading-vUArhX_O.js";
-import { u as ee } from "./business-DMALI7ZO.js";
-import { u as te } from "./campaign-j1c3ou7l.js";
-import { a as $, b as A, g as oe } from "./campaign-Z3l7BoMg.js";
+import { a as X, p as Y } from "./plugins-eQis66QR.js";
+import { u as Z } from "./loading-BWGQSrCB.js";
+import { u as ee } from "./business-CmxV69wT.js";
+import { u as te } from "./campaign-Dq5C_no-.js";
+import { a as $, b as A, g as oe } from "./campaign-CT_cNJEL.js";
 import { _ as ae } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bs8o9n1V.js";
-import { u as se } from "./template-Dh9lDLs_.js";
-import { u as ie } from "./vue-i18n-BWyHnm4m.js";
-import { _ as re } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-B60_8Toi.js";
-import { c as x } from "./index-B3p0hmIV.js";
-const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, 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" }, _e = { class: "space-y-4" }, ye = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = /* @__PURE__ */ n("img", {
-  src: Q,
-  class: "aspect-square w-[150px]"
-}, null, -1), ve = { class: "flex flex-col gap-16 text-center" }, Ce = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Te = /* @__PURE__ */ N({
+import { _ as ne } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-PJ8q72XH.js";
+import { u as se } from "./template-C3UfY0v5.js";
+import { u as ie } from "./vue-i18n-Bz45zC04.js";
+import { _ as re } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-Dnf2oxOG.js";
+import { c as x } from "./index-D5rvMvzx.js";
+const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, 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: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col gap-16 text-center" }, ve = { class: "fm-typo-en-title-sm-800" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ie = /* @__PURE__ */ N({
   __name: "Game",
-  setup(ke) {
+  setup(be) {
     const { t: m } = ie(), E = {
       label: m("connect.program.common.actions.create", {
         type: m("connect.program.game.title").toLowerCase()
@@ -115,13 +112,13 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
         }
       );
     }
-    async function _(e) {
+    async function y(e) {
       e ? await t() : K.open(async (u) => {
         await t(u);
       });
       async function t(u) {
-        var y;
-        (y = S.value) == null || y.showSheet(
+        var _;
+        (_ = S.value) == null || _.showSheet(
           !0,
           "GAME",
           e ? await x.readById(e._id) : void 0,
@@ -151,11 +148,11 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
         await d.read("GAME"), await f.readPremium();
       });
     }), (e, t) => {
-      const u = r("FmPill"), y = r("FmPageHead"), V = r("FmSearch"), U = r("FmTable"), B = r("FmButton"), j = r("FmListItem"), D = r("FmList"), H = r("FmCard");
+      const u = r("FmPill"), _ = r("FmPageHead"), V = r("FmSearch"), U = r("FmTable"), B = r("FmButton"), j = r("FmListItem"), D = r("FmList"), H = r("FmCard");
       return p(), C(b, null, [
-        s(y, {
+        s(_, {
           actions: o(g).length > 0 && o(f).isPremium ? [E] : [],
-          "onClick:action": t[0] || (t[0] = () => _())
+          "onClick:action": t[0] || (t[0] = () => y())
         }, {
           title: h(() => [
             n("div", le, [
@@ -200,7 +197,7 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
               "column-defs": G,
               "search-value": o(i).searchKey,
               "column-filter": [],
-              onRowClick: t[4] || (t[4] = (a) => _(a.original)),
+              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
               "hide-footer": o(g).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
             s(D, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
@@ -209,7 +206,7 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
                   (a) => a.name.toLowerCase().includes(o(i).searchKey.toLowerCase())
                 ), (a) => (p(), k(j, {
                   key: a._id.toString(),
-                  onClick: (R) => _(a),
+                  onClick: (R) => y(a),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
                   default: h(() => [
@@ -218,8 +215,8 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
                         (p(), k(O(o($)(a)))),
                         n("div", ge, c(a.currentReceive ?? 0) + " used ", 1)
                       ]),
-                      n("div", _e, [
-                        n("div", ye, c(a.name), 1),
+                      n("div", ye, [
+                        n("div", _e, c(a.name), 1),
                         n("div", he, c(o(A)(a)), 1)
                       ]),
                       n("div", we, c(o(m)("connect.program.game.token_received", {
@@ -244,17 +241,20 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: h(() => [
-              xe,
-              n("div", ve, [
-                n("div", Ce, c(o(m)("connect.program.game.empty_state.title")), 1),
-                n("div", be, c(o(m)("connect.program.game.empty_state.description")), 1)
+              t[6] || (t[6] = n("img", {
+                src: Q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", xe, [
+                n("div", ve, c(o(m)("connect.program.game.empty_state.title")), 1),
+                n("div", Ce, c(o(m)("connect.program.game.empty_state.description")), 1)
               ]),
               s(B, {
                 variant: "primary",
                 label: "Create game program",
                 icon: "add",
                 disabled: !o(f).isPremium,
-                onClick: t[5] || (t[5] = (a) => _())
+                onClick: t[5] || (t[5] = (a) => y())
               }, null, 8, ["disabled"])
             ]),
             _: 1
@@ -274,5 +274,5 @@ const le = { class: "flex items-center" }, ce = { class: "fm-typo-en-title-md-60
   }
 });
 export {
-  Te as default
+  Ie as default
 };

package/dist/ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js

@@ -0,0 +1,144 @@
+import { openBlock as l, createElementBlock as o, createElementVNode as i, defineComponent as C, ref as v, onMounted as $, resolveComponent as f, renderSlot as b, toDisplayString as r, createCommentVNode as x, normalizeStyle as R, unref as s, Fragment as h, createVNode as w, withCtx as g, createTextVNode as p, normalizeClass as V, createBlock as F } from "vue";
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const H = {}, N = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" };
+function A(e, d) {
+  return l(), o("div", N, d[0] || (d[0] = [
+    i("svg", {
+      class: "dark:text-gray-600 h-10 text-gray-200 w-10",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "currentColor",
+      viewBox: "0 0 20 18"
+    }, [
+      i("path", { d: "M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z" })
+    ], -1)
+  ]));
+}
+const D = /* @__PURE__ */ z(H, [["render", A]]), I = { class: "max-w-full max-h-[400px] space-y-4" }, L = { key: 0 }, T = { class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400" }, U = {
+  key: 1,
+  class: "h-full w-full relative bg-fm-color-neutral-white p-12 border-2 border-dashed border-fm-color-neutral-gray-300 rounded-md flex flex-col items-center justify-center gap-8 hover:border-fm-color-neutral-gray-400"
+}, Z = ["src"], _ = ["src"], E = { class: "absolute right-0 top-0" }, O = /* @__PURE__ */ C({
+  __name: "ImageInput",
+  props: {
+    required: {
+      type: Boolean,
+      default: () => !1
+    },
+    disabled: {
+      type: Boolean,
+      default: () => !1
+    },
+    thumbnail: {
+      type: String,
+      default: () => {
+      }
+    },
+    file: {
+      type: File,
+      default: () => {
+      }
+    },
+    label: {
+      type: String,
+      default: () => {
+      }
+    },
+    aspectRatio: {
+      type: String,
+      default: "2/3"
+    },
+    imageFit: {
+      type: String,
+      default: "contain"
+    },
+    accept: {
+      type: String,
+      default: ".png, .jpg, .jpeg, .webm"
+    },
+    recommendedSize: {
+      type: String,
+      default: "Recommended: 950px x 600px"
+    },
+    deleteButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:file"],
+  setup(e, { emit: d }) {
+    const c = e, a = v({
+      loading: !1,
+      imgsrc: c.thumbnail
+    }), m = v(!1), y = d;
+    async function u(t) {
+      return t == null ? (a.value.imgsrc = void 0, y("update:file", null)) : (m.value = !!t.type.startsWith("video/"), a.value.loading = !0, a.value.imgsrc = URL.createObjectURL(t), a.value.loading = !1, y("update:file", t));
+    }
+    return $(() => {
+      var t;
+      c.file && u(c.file), (t = c.thumbnail) != null && t.includes("mp4") && (m.value = !0);
+    }), (t, n) => {
+      const k = f("FmDropField"), S = f("FmHelperText"), B = f("FmButton");
+      return l(), o("div", I, [
+        b(t.$slots, "label", {}, () => [
+          e.label ? (l(), o("div", L, r(e.label), 1)) : x("", !0)
+        ]),
+        i("div", {
+          style: R({ "aspect-ratio": e.aspectRatio }),
+          class: "flex flex-col max-h-full max-w-full"
+        }, [
+          s(a).loading ? (l(), F(D, { key: 1 })) : (l(), o(h, { key: 0 }, [
+            s(a).imgsrc ? (l(), o("div", U, [
+              s(m) ? (l(), o("video", {
+                key: 1,
+                src: s(a).imgsrc || e.thumbnail,
+                class: "w-full h-full",
+                controls: ""
+              }, null, 8, _)) : (l(), o("img", {
+                key: 0,
+                class: V([`object-${e.imageFit}`, "w-full h-full"]),
+                src: s(a).imgsrc || e.thumbnail
+              }, null, 10, Z)),
+              i("div", E, [
+                b(t.$slots, "delete-button"),
+                e.deleteButton ? (l(), F(B, {
+                  key: 0,
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  disabled: e.disabled,
+                  onClick: n[1] || (n[1] = (j) => u(null))
+                }, null, 8, ["disabled"])) : x("", !0)
+              ])
+            ])) : (l(), o(h, { key: 0 }, [
+              w(k, {
+                class: "flex-1 hihiha",
+                accept: e.accept,
+                disabled: e.disabled,
+                onFileUpload: u,
+                onFileRejected: n[0] || (n[0] = (j) => u(null))
+              }, {
+                label: g(() => n[2] || (n[2] = [
+                  p(r(void 0))
+                ])),
+                "helper-text": g(() => n[3] || (n[3] = [
+                  p(r(void 0))
+                ])),
+                "accept-text": g(() => [
+                  i("div", T, [
+                    i("div", null, "(" + r(e.recommendedSize) + ")", 1),
+                    p(" Accepts " + r(e.accept), 1)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["accept", "disabled"]),
+              w(S, { text: "" })
+            ], 64))
+          ], 64))
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/{Index-CQGzUU-w.js → Index-D4DGfUHd.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 $, 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-BWyHnm4m.js";
-import "./index-BTb8I_eB.js";
+import { u as H } from "./vue-i18n-Bz45zC04.js";
+import "./index-CNJLP3D5.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-vUArhX_O.js";
-import { f as V, p as X } from "./plugins-CVes2wzE.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-_kw_PR0h.js";
+import { u as Q } from "./loading-BWGQSrCB.js";
+import { f as V, p as X } from "./plugins-eQis66QR.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-CJ_WC2gV.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-E-0tTd0_.js";
-import { u as ae } from "./reward-ANZOdWzf.js";
-import { u as oe } from "./business-DMALI7ZO.js";
-import { u as te } from "./membership-BHKv29yt.js";
-import { R as S } from "./app-D3MT1deX.js";
+import { r as N } from "./index-BXz54M1s.js";
+import { u as ae } from "./reward-DrnzbG20.js";
+import { u as oe } from "./business-CmxV69wT.js";
+import { u as te } from "./membership-Cc4OZ8-U.js";
+import { R as S } from "./app-7cvPyHJ7.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([