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

package/dist/{Game-QhfKqrN_.js → Game-DU2pZDGk.js}

@@ -1,20 +1,29 @@
-import { defineComponent as D, ref as B, computed as N, onMounted as H, resolveComponent as i, openBlock as d, createElementBlock as x, Fragment as v, createVNode as l, unref as o, withCtx as h, createElementVNode as n, toDisplayString as r, renderList as q, createBlock as b, resolveDynamicComponent as z, h as p } from "vue";
-import { u as O, M as J, b as Q, h as W, N as X, v as A, w as M, j as Y, y as Z, e as ee, O as te, B as oe, c as w } from "./app-BpzzygYP.js";
-import { useDialog as ae, components as C } from "@feedmepos/ui-library";
-const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, le = { class: "px-24 flex flex-col gap-y-16" }, ie = { class: "flex items-center justify-between w-full" }, re = { 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" }, Ce = /* @__PURE__ */ D({
+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 } = O(), $ = {
+    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"
-    }, E = J("GAME", ae()), f = Q(), m = W(), { global: K, minor: k } = ee, s = B({
+    }, K = oe("GAME", O()), f = Y(), m = Z(), { global: M, minor: k } = Q, s = A({
       searchKey: "",
       location: null
-    }), g = N(
+    }), g = H(
       () => m.campaigns.token.filter(
         (e) => !s.value.location || !e.targetLocation || e.targetLocation.includes(s.value.location)
       )
@@ -31,7 +40,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
                 {
                   content: e.row.original._id,
                   onClick: (t) => {
-                    t.stopPropagation(), te(e.row.original._id);
+                    t.stopPropagation(), W(e.row.original._id);
                   }
                 },
                 [
@@ -50,12 +59,12 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
       {
         header: "Status",
         cell(e) {
-          return A(e.row.original);
+          return B(e.row.original);
         }
       },
       {
         header: "Summary",
-        accessorFn: (e) => M(e)
+        accessorFn: (e) => $(e)
         //v.effect,
       },
       {
@@ -78,9 +87,9 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
           });
         }
       }
-    ], F = B();
+    ], F = A();
     async function S(e) {
-      await oe.remove(`Are you sure you want to remove ${e.name}?`) && await k(
+      await X.remove(`Are you sure you want to remove ${e.name}?`) && await k(
         async () => {
           await w.delete(e._id), await m.read("GAME");
         },
@@ -91,7 +100,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
       );
     }
     async function y(e) {
-      e ? await t() : E.open(async (u) => {
+      e ? await t() : K.open(async (u) => {
         await t(u);
       });
       async function t(u) {
@@ -115,37 +124,37 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
         }
       );
     }
-    return H(async () => {
-      await K(async () => {
+    return N(async () => {
+      await M(async () => {
         await m.read("GAME"), await f.readPremium();
       });
     }), (e, t) => {
-      const u = i("FmPill"), _ = i("FmPageHead"), L = i("FmSearch"), I = i("FmTable"), P = i("FmButton"), T = i("FmListItem"), j = i("FmList"), U = i("FmCard");
-      return d(), x(v, null, [
-        l(_, {
-          actions: o(g).length > 0 && o(f).isPremium ? [$] : [],
+      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, r(o(c)("connect.program.game.title")), 1),
-              l(u, { variant: "premium" })
+              n("span", se, l(o(c)("connect.program.game.title")), 1),
+              i(u, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["actions"]),
-        n("div", le, [
-          l(L, {
+        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(v, { key: 0 }, [
-            n("div", ie, [
-              n("div", re, [
-                l(X, {
+          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: ",
@@ -155,7 +164,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
                   items: o(f).locationItems
                 }, null, 8, ["modelValue", "items"])
               ]),
-              l(L, {
+              i(L, {
                 modelValue: o(s).searchKey,
                 "onUpdate:modelValue": t[3] || (t[3] = (a) => o(s).searchKey = a),
                 class: "xs:hidden",
@@ -163,7 +172,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            l(I, {
+            i(I, {
               class: "xs:hidden",
               "row-data": o(g),
               "column-defs": R,
@@ -172,11 +181,11 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
               onRowClick: t[4] || (t[4] = (a) => y(a.original)),
               "hide-footer": o(g).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            l(j, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+            i(U, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
               default: h(() => [
-                (d(!0), x(v, null, q(o(g).filter(
+                (d(!0), x(b, null, q(o(g).filter(
                   (a) => a.name.toLowerCase().includes(o(s).searchKey.toLowerCase())
-                ), (a) => (d(), b(T, {
+                ), (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"
@@ -184,18 +193,18 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
                   default: h(() => [
                     n("div", ce, [
                       n("div", me, [
-                        (d(), b(z(o(A)(a)))),
-                        n("div", de, r(a.currentReceive ?? 0) + " used ", 1)
+                        (d(), v(z(o(B)(a)))),
+                        n("div", de, l(a.currentReceive ?? 0) + " used ", 1)
                       ]),
                       n("div", pe, [
-                        n("div", ue, r(a.name), 1),
-                        n("div", fe, r(o(M)(a)), 1)
+                        n("div", ue, l(a.name), 1),
+                        n("div", fe, l(o($)(a)), 1)
                       ]),
-                      n("div", ge, r(o(c)("program.game.token_received", {
+                      n("div", ge, l(o(c)("program.game.token_received", {
                         count: a.currentReceive ?? 0
                       })), 1)
                     ]),
-                    l(P, {
+                    i(P, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
@@ -207,21 +216,21 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
               ]),
               _: 1
             })
-          ], 64)) : (d(), b(U, {
+          ], 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: Y,
+                src: J,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
               n("div", ye, [
-                n("div", _e, r(o(c)("connect.program.game.empty_state.title")), 1),
-                n("div", he, r(o(c)("connect.program.game.empty_state.description")), 1)
+                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)
               ]),
-              l(P, {
+              i(P, {
                 variant: "primary",
                 label: "Create game program",
                 icon: "add",
@@ -231,7 +240,7 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
             ]),
             _: 1
           })),
-          l(Z, {
+          i(te, {
             ref_key: "sheetRef",
             ref: F,
             "onSubmit:modelValue": G
@@ -242,5 +251,5 @@ const ne = { class: "flex items-center" }, se = { class: "fm-typo-en-title-md-60
   }
 });
 export {
-  Ce as default
+  $e 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/JsonViewer-v8_C7l5N.js

@@ -0,0 +1,87 @@
+import { defineComponent as x, ref as k, resolveComponent as _, openBlock as n, createElementBlock as r, unref as t, createBlock as A, toDisplayString as i, createCommentVNode as u, Fragment as w, renderList as C, createVNode as g, normalizeClass as J } from "vue";
+import { u as B } from "./app-wDQR6dpb.js";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const V = { class: "flex justify-start" }, $ = {
+  key: 1,
+  class: "ml-0"
+}, F = {
+  key: 2,
+  class: "text-red-600"
+}, S = { key: 3 }, q = { key: 4 }, I = { key: 0 }, z = /* @__PURE__ */ x({
+  __name: "JsonNode",
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    keyName: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    expanded: {
+      type: Boolean
+    }
+  },
+  setup(e) {
+    const s = e, c = typeof s.node == "object" && s.node !== null, y = c || Array.isArray(s.node), a = k(y && s.expanded || !1), d = k(), h = () => {
+      a.value = !a.value;
+    }, v = (o) => Array.isArray(o) ? `[Array(${o.length})]` : typeof o == "object" && o !== null ? `{${Object.keys(o).length ? "…" : ""}}` : "", m = (o) => typeof o == "string" ? `"${o}"` : String(o), p = typeof s.node == "function" && m(s.node) !== "function () { [native code] }" && !d.value;
+    return (o, l) => {
+      const b = _("FmIcon"), j = _("JsonNode", !0);
+      return n(), r("div", V, [
+        t(y) ? (n(), A(b, {
+          key: 0,
+          onClick: h,
+          class: "cursor-pointer mt-[2px]",
+          name: t(a) ? "arrow_drop_down" : "arrow_right",
+          size: "sm"
+        }, null, 8, ["name"])) : (n(), r("span", $)),
+        e.keyName || e.keyName == "0" ? (n(), r("span", F, i(e.keyName) + ": ", 1)) : u("", !0),
+        t(c) && !t(a) ? (n(), r("span", S, i(v(e.node)), 1)) : t(c) && t(a) ? (n(), r("div", q, [
+          (n(!0), r(w, null, C(e.node, (N, f) => (n(), r("div", { key: f }, [
+            g(j, {
+              node: N,
+              "key-name": f
+            }, null, 8, ["node", "key-name"])
+          ]))), 128)),
+          Object.keys(e.node || {}).length == 0 ? (n(), r("div", I, i(Array.isArray(e.node) ? "[]" : "{}"), 1)) : u("", !0)
+        ])) : (n(), r("span", {
+          key: 5,
+          class: J(["text-gray-800", {
+            "cursor-pointer text-blue-500": t(p) && !t(d)
+          }]),
+          onClick: l[0] || (l[0] = () => {
+            t(p) && typeof s.node == "function" && (d.value = s.node());
+          })
+        }, i(t(d) || m(e.node)), 3))
+      ]);
+    };
+  }
+}), E = {
+  key: 0,
+  class: "json-viewer"
+}, D = /* @__PURE__ */ x({
+  __name: "JsonViewer",
+  props: {
+    json: {
+      type: Object,
+      required: !0
+    },
+    expand: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (s, c) => t(B)().debugMode ? (n(), r("div", E, [
+      g(z, {
+        node: e.json,
+        expanded: e.expand
+      }, null, 8, ["node", "expanded"])
+    ])) : u("", !0);
+  }
+}), R = /* @__PURE__ */ O(D, [["__scopeId", "data-v-d8502b13"]]);
+export {
+  R as J
+};