@feedmepos/mf-connect 0.1.0-beta.7 → 0.1.0-beta.70

package/dist/Mission-P_KLDEpg.js

@@ -0,0 +1,296 @@
+import { defineComponent as H, ref as w, computed as q, h as l, onMounted as z, resolveComponent as m, openBlock as p, createElementBlock as x, Fragment as v, createVNode as c, unref as t, createElementVNode as s, withCtx as C, renderList as W, createBlock as b, resolveDynamicComponent as G, toDisplayString as u } from "vue";
+import { _ as J } from "./campaign-CpzFl8Vr.js";
+import { u as Q } from "./loading-B8zghYbj.js";
+import { g as X, a as B, b as P } from "./campaign-UQ8kMVeC.js";
+import { a as Y, p as Z } from "./plugins-B5mQ7CHT.js";
+import { u as ee } from "./business-vzpvmTdG.js";
+import { u as oe } from "./campaign-BkxTDfsK.js";
+import { useDialog as te, components as _ } from "@feedmepos/ui-library";
+import { _ as ne } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { u as ae } from "./template-Qb5ozfLa.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BKEumoan.js";
+import { s as ie } from "./index-CsaQJMAR.js";
+import { u as ce } from "./vue-i18n-BG2U7GtN.js";
+import { _ as re } from "./SendCollectionSheet.vue_vue_type_script_setup_true_lang-BLFTNooB.js";
+import { c as h } from "./index-D4MX9e5q.js";
+const le = { class: "px-24 flex flex-col gap-y-16" }, me = { class: "flex items-center justify-between w-full" }, de = { class: "flex gap-8 overflow-x-auto" }, pe = { class: "space-y-8" }, ue = { class: "flex w-full gap-4 items-center" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ge = { class: "space-y-4" }, ye = { class: "fm-typo-en-body-lg-600" }, _e = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "flex flex-col gap-16 text-center" }, xe = { class: "fm-typo-en-title-sm-800" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oe = /* @__PURE__ */ H({
+  __name: "Mission",
+  setup(Ce) {
+    const { t: n } = ce(), R = {
+      label: n("connect.program.common.actions.create", {
+        type: n("connect.program.mission.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, S = te(), K = ae("MISSION", S), N = ee(), d = oe(), { global: T, minor: F } = Q, i = w({
+      searchKey: "",
+      location: null
+    }), f = q(
+      () => d.campaigns.mission.filter(
+        (e) => !i.value.location || !e.targetLocation || e.targetLocation.includes(i.value.location)
+      )
+    ), U = [
+      {
+        header: n("connect.program.common.table.title"),
+        accessorKey: "name",
+        // accessorFn: (v) => v.name,
+        cell(e) {
+          return l("div", { class: "flex items-center justify-between gap-4" }, [
+            l("div", { class: "flex items-center" }, [
+              l(
+                _.FmTooltip,
+                {
+                  content: e.row.original._id,
+                  onClick: (o) => {
+                    o.stopPropagation(), Y(e.row.original._id);
+                  }
+                },
+                [
+                  l(_.FmIcon, {
+                    name: "info",
+                    outline: !0,
+                    size: "sm"
+                  })
+                ]
+              )
+            ]),
+            l("div", { class: "flex-1" }, e.row.original.name)
+          ]);
+        }
+      },
+      {
+        header: n("connect.campaign.mission.type"),
+        accessorFn: (e) => ie(e.mission.type)
+        //v.effect,
+      },
+      {
+        header: n("connect.program.common.table.status"),
+        accessorFn: (e) => X(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: n("connect.program.common.table.summary"),
+        accessorFn: (e) => P(e)
+        //v.effect,
+      },
+      {
+        header: n("connect.campaign.mission.received"),
+        accessorFn: (e) => {
+          var o;
+          return ((o = e == null ? void 0 : e.pf_collectible) == null ? void 0 : o.currentReceive) ?? 0;
+        }
+      },
+      {
+        header: n("connect.program.common.table.actions"),
+        cell(e) {
+          return l("div", { class: "flex items-center gap-8" }, [
+            l(_.FmButton, {
+              variant: "tertiary",
+              icon: "send",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), A(e.row.original);
+              }
+            }),
+            l(_.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), V(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], k = w(), I = w();
+    async function V(e) {
+      await Z.remove(
+        n("connect.program.common.remove.confirm", { name: e.name })
+      ) && await F(
+        async () => {
+          await h.delete(e._id), await d.read("MISSION");
+        },
+        {
+          message: n("connect.program.common.remove.removing", { name: e.name }),
+          successMessage: n("connect.program.common.remove.removed", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function y(e) {
+      e ? await o() : K.open(async (r) => {
+        await o(r);
+      });
+      async function o(r) {
+        var g;
+        (g = k.value) == null || g.showSheet(
+          !0,
+          "MISSION",
+          e ? await h.readById(e._id) : void 0,
+          r
+        );
+      }
+    }
+    async function O(e) {
+      e.campaign._id && e.campaign.rewards.some((o) => o.type === "VOUCHER") && await new Promise((o) => {
+        S.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 () => {
+          var r;
+          e.updateCollections = !0, (r = window.top) == null || r.postMessage("updateAllVoucher", "*"), o();
+        }).onSecondary(async () => {
+          o();
+        });
+      }), await F(
+        async () => {
+          e.campaign._id ? await h.update(e.campaign._id, e) : await h.create(e), await d.read("MISSION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "connect.program.common.update.updating" : "connect.program.common.update.creating",
+            { type: "Mission" }
+          ),
+          successMessage: n("connect.program.common.update.success", {
+            type: "Mission",
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    function A(e) {
+      var o;
+      (o = I.value) == null || o.showSheet({
+        campaign: e
+      });
+    }
+    return z(async () => {
+      await T(async () => {
+        await d.read("MISSION"), console.log(f);
+      });
+    }), (e, o) => {
+      const r = m("FmPageHead"), g = m("FmSearch"), D = m("FmTable"), M = m("FmButton"), $ = m("FmListItem"), j = m("FmList"), E = m("FmCard");
+      return p(), x(v, null, [
+        c(r, {
+          title: t(n)("connect.campaign.mission.title"),
+          actions: t(f).length > 0 ? [R] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        s("div", le, [
+          c(g, {
+            modelValue: t(i).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(i).searchKey = a),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(n)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(d).campaigns.mission && t(d).campaigns.mission.length > 0 ? (p(), x(v, { key: 0 }, [
+            s("div", me, [
+              s("div", de, [
+                c(ne, {
+                  modelValue: t(i).location,
+                  "onUpdate:modelValue": o[2] || (o[2] = (a) => t(i).location = a),
+                  label: t(n)("connect.program.common.location"),
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(N).locationItems
+                }, null, 8, ["modelValue", "label", "items"])
+              ]),
+              c(g, {
+                modelValue: t(i).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (a) => t(i).searchKey = a),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            c(D, {
+              class: "xs:hidden",
+              "row-data": t(f),
+              "column-defs": U,
+              "search-value": t(i).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"]),
+            c(j, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: C(() => [
+                (p(!0), x(v, null, W(t(f).filter(
+                  (a) => a.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
+                ), (a) => (p(), b($, {
+                  key: a._id.toString(),
+                  onClick: (L) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: C(() => [
+                    s("div", pe, [
+                      s("div", ue, [
+                        (p(), b(G(t(B)(a)))),
+                        s("div", fe, u(a.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      s("div", ge, [
+                        s("div", ye, u(a.name), 1),
+                        s("div", _e, u(t(P)(a)), 1)
+                      ]),
+                      s("div", he, " Token received: " + u(a.currentReceive ?? 0), 1)
+                    ]),
+                    c(M, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (L) => (L.stopPropagation(), V(a))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (p(), b(E, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: C(() => [
+              o[6] || (o[6] = s("img", {
+                src: J,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              s("div", we, [
+                s("div", xe, u(t(n)("connect.campaign.mission.createProgram")), 1),
+                s("div", ve, u(t(n)("connect.campaign.mission.description")), 1)
+              ]),
+              c(M, {
+                variant: "primary",
+                label: t(n)("connect.campaign.mission.create"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (a) => y())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })),
+          c(se, {
+            ref_key: "sheetRef",
+            ref: k,
+            "onSubmit:modelValue": O
+          }, null, 512),
+          c(re, {
+            ref_key: "sendCollectionSheetRef",
+            ref: I
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Oe as default
+};