@feedmepos/mf-connect 0.1.38-beta.6 → 0.1.38-beta.61

package/dist/FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js

@@ -0,0 +1,129 @@
+import { defineComponent as j, ref as i, computed as g, onMounted as B, resolveComponent as r, openBlock as m, createBlock as c, unref as o, withCtx as p, createVNode as v, normalizeClass as f, createCommentVNode as k, createElementVNode as L, toDisplayString as F, isRef as M, createElementBlock as O, Fragment as A, renderList as N } from "vue";
+const z = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, E = /* @__PURE__ */ j({
+  __name: "FilterChip",
+  props: {
+    modelValue: {
+      type: Array,
+      required: !1
+    },
+    label: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    showItemLabel: {
+      type: Boolean,
+      default: !1
+    },
+    placement: {
+      type: String,
+      required: !1,
+      default: "bottom-end"
+    },
+    class: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    icon: {
+      type: String,
+      required: !1
+    },
+    searchable: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(u, { emit: C }) {
+    const t = u, b = C, d = i(!1), l = i({}), s = i(""), V = g(() => {
+      const e = Object.keys(l.value).length;
+      return !l.value || Object.keys(l.value).length == t.items.length || e === 0 ? "All" : `${e > 0 ? e : "None"} selected`;
+    });
+    function w(e) {
+      l.value[e] ? delete l.value[e] : l.value[e] = !0, b("update:model-value", Object.keys(l.value));
+    }
+    function _() {
+      Object.keys(l.value).length > 0 ? l.value = {} : l.value = t.items.reduce((e, n) => (e[n.value] = !0, e), {}), b("update:model-value", Object.keys(l.value));
+    }
+    const x = g(() => s.value && s.value.length > 0 ? t.items.filter(
+      (e) => e.label.toLowerCase().includes(s.value.trim().toLowerCase())
+    ) : t.items);
+    return B(() => {
+      l.value = t.modelValue.reduce(
+        (e, n) => (e[n] = !0, e),
+        {}
+      ), t.modelValue.length == 0;
+    }), (e, n) => {
+      const y = r("FmIcon"), q = r("FmChip"), I = r("FmTextField"), h = r("FmMenuItem"), S = r("FmMenu");
+      return m(), c(S, {
+        placement: u.placement || "bottom-end",
+        disabled: u.disabled == !0,
+        "model-value": o(d),
+        onMenuChanged: n[1] || (n[1] = (a) => d.value = a),
+        "close-on-click": !1
+      }, {
+        "menu-button": p(() => [
+          v(q, {
+            label: u.label,
+            class: f(t.class || "text-fm-color-neutral-gray-400 cursor-pointer")
+          }, {
+            default: p(() => [
+              t.icon ? (m(), c(y, {
+                key: 0,
+                name: t.icon,
+                class: f(t.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])) : k("", !0),
+              L("div", z, F(t.label) + " " + F(u.showItemLabel ? o(V) : ""), 1),
+              v(y, {
+                name: o(d) ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                class: f(t.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])
+            ]),
+            _: 1
+          }, 8, ["label", "class"])
+        ]),
+        default: p(() => [
+          u.searchable ? (m(), c(I, {
+            key: 0,
+            modelValue: o(s),
+            "onUpdate:modelValue": n[0] || (n[0] = (a) => M(s) ? s.value = a : null),
+            placeholder: "Search locations",
+            class: "my-8"
+          }, null, 8, ["modelValue"])) : k("", !0),
+          v(h, {
+            "model-value": Object.keys(o(l)).length === t.items.length,
+            label: "All",
+            "has-checkbox": !0,
+            indeterminate: !0,
+            onClick: _
+          }, null, 8, ["model-value"]),
+          (m(!0), O(A, null, N(o(x) ?? [], (a) => (m(), c(h, {
+            key: a.value,
+            value: a.value,
+            label: a.label,
+            "has-checkbox": !0,
+            "model-value": o(l)[a.value],
+            "onUpdate:modelValue": (T) => w(a.value)
+          }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["placement", "disabled", "model-value"]);
+    };
+  }
+});
+export {
+  E as _
+};

package/dist/Game-BzYW0LfY.js

@@ -0,0 +1,300 @@
+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-P-V4XWmW.js";
+import { u as oe } from "./loading-CivgDw5C.js";
+import { u as ae } from "./business-BFIwFfkq.js";
+import { u as ne } from "./campaign-w9j4I4jn.js";
+import { b as E, c as K, a as se } from "./campaign-RuIwxc4y.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-0DMFuBoG.js";
+import { u as le } from "./template-Dbz3FhHK.js";
+import { u as ce } from "./vue-i18n-tpDAnnmD.js";
+import { _ as me } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-EgVxUG_N.js";
+import { c as C } from "./index-DpjYgKTN.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" }, Ie = /* @__PURE__ */ z({
+  __name: "Game",
+  setup(Fe) {
+    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"
+    }, V = Z(), U = le("GAME", V), y = ae(), u = ne(), { global: G, minor: L } = oe, l = k({
+      searchKey: "",
+      location: []
+    });
+    function T(e) {
+      const t = l.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((i) => {
+        var r;
+        return (r = e == null ? void 0 : e.targetLocation) == null ? void 0 : r.includes(i);
+      }) : e.targetLocation.includes(t);
+    }
+    const _ = W(
+      () => u.campaigns.token.filter((e) => T(e))
+    ), I = [
+      {
+        header: "Program title",
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return m("div", { class: "flex items-center justify-between gap-4" }, [
+            m("div", { class: "flex items-center" }, [
+              m(
+                x.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (t) => {
+                    t.stopPropagation(), ee(e.row.original._id);
+                  }
+                },
+                [
+                  m(x.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            m("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: "Status",
+        accessorFn: (e) => se(e),
+        cell(e) {
+          return E(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => K(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 m("div", { class: "flex items-center gap-8" }, [
+            m(x.FmButton, {
+              variant: "tertiary",
+              icon: "send",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), j(e.row.original);
+              }
+            }),
+            m(x.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), B(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], 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 u.read("GAME");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function h(e) {
+      e ? await t() : U.open(async (i) => {
+        await t(i);
+      });
+      async function t(i) {
+        var r;
+        (r = A.value) == null || r.showSheet(
+          !0,
+          "GAME",
+          e ? await C.readById(e._id) : void 0,
+          i
+        );
+      }
+    }
+    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(
+        (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, p();
+        }).onSecondary(async () => {
+          p();
+        });
+      }), await L(
+        async () => {
+          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`,
+          successMessage: `Game program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    function j(e) {
+      var t;
+      (t = R.value) == null || t.showSheet({
+        campaign: e
+      });
+    }
+    return J(async () => {
+      await G(async () => {
+        await u.read("GAME"), await y.readPremium();
+      });
+    }), (e, t) => {
+      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", de, [
+              n("span", ue, g(o(d)("connect.program.game.title")), 1),
+              s(i, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        n("div", pe, [
+          s(v, {
+            modelValue: o(l).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(l).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          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,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(l).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(y).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              s(v, {
+                modelValue: o(l).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(l).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(p, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(_),
+              "column-defs": I,
+              "search-value": o(l).searchKey,
+              "column-filter": [],
+              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 sm:!flex flex-col mx-[-24px]" }, {
+              default: w(() => [
+                (f(!0), F(S, null, Q(o(_).filter(
+                  (a) => a.name.toLowerCase().includes(o(l).searchKey.toLowerCase())
+                ), (a) => (f(), P(H, {
+                  key: a._id.toString(),
+                  onClick: (b) => h(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: w(() => {
+                    var b;
+                    return [
+                      n("div", ye, [
+                        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)
+                      ]),
+                      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)) : (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: Y,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", ve, [
+                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($, {
+                variant: "primary",
+                label: "Create game program",
+                icon: "add",
+                disabled: !o(y).isPremium,
+                onClick: t[5] || (t[5] = (a) => h())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          s(re, {
+            ref_key: "sheetRef",
+            ref: A,
+            "onSubmit:modelValue": D
+          }, null, 512),
+          s(me, {
+            ref_key: "sendCollectionSheetRef",
+            ref: R
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ie as default
+};