@feedmepos/mf-connect 0.1.58-prod → 0.1.60-prod

package/dist/MainLayout-B1aJoR95.js

@@ -0,0 +1,41 @@
+import { defineComponent as n, openBlock as o, createElementBlock as a, createVNode as c, unref as e, ref as m, resolveComponent as u, normalizeClass as _, createBlock as p, createCommentVNode as h, withDirectives as f, createElementVNode as d, vShow as w } from "vue";
+import { _ as v, S as x } from "./LottieAnimation.vue_vue_type_script_setup_true_lang-CyGJxUol.js";
+import { u as r } from "./app-wDQR6dpb.js";
+import { useRoute as g } from "vue-router";
+const S = { class: "bg-white w-full flex min-h-[calc(100svh-56px)] items-center" }, V = /* @__PURE__ */ n({
+  __name: "Splash",
+  setup(l) {
+    return (s, t) => (o(), a("div", S, [
+      c(v, {
+        class: "flex-1",
+        json: e(x),
+        width: 100,
+        height: 100
+      }, null, 8, ["json"])
+    ]));
+  }
+}), N = /* @__PURE__ */ n({
+  __name: "MainLayout",
+  setup(l) {
+    const s = g(), t = m(s.query.showHeader !== "false");
+    return (b, k) => {
+      const i = u("RouterView");
+      return o(), a("div", {
+        class: _([
+          "bg-fm-color-neutral-white w-full xs:overflow-y-scroll",
+          e(t) ? "min-h-[calc(100svh-56px)] xs:h-[calc(100svh-56px)]" : "min-h-screen"
+        ])
+      }, [
+        e(r)().isGlobalLoading == !0 ? (o(), p(V, { key: 0 })) : h("", !0),
+        f(d("div", null, [
+          c(i)
+        ], 512), [
+          [w, e(r)().isGlobalLoading == !1]
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/Marketing-AvEiNiD9.js

@@ -0,0 +1,319 @@
+import { openBlock as m, createElementBlock as p, defineComponent as z, ref as S, onMounted as Y, computed as H, h as J, resolveComponent as c, Fragment as x, createVNode as i, unref as r, createElementVNode as s, withCtx as F, renderList as $, createBlock as B, toDisplayString as f, createCommentVNode as j } from "vue";
+import { _ as q } from "./campaign-CpzFl8Vr.js";
+import { components as G } from "@feedmepos/ui-library";
+import { p as X } from "./plugins-BkWtR_R5.js";
+import { u as Q } from "./loading-CoUrS63J.js";
+import { defineStore as W } from "pinia";
+import { F as C } from "./index-Di23nMJ7.js";
+import { useCoreStore as Z } from "@feedmepos/mf-common";
+import { g as y, S as ee, b as te } from "./index-Dkyb4P6T.js";
+import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as ae } from "./campaign-DNXI3K9c.js";
+import { h as oe } from "./moment-D7p2TMB-.js";
+import { u as re } from "./vue-i18n-BlCNfIcP.js";
+var se = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", licensePortalUrl: "https://license.feedme.cc/", marketingV1Portal: "https://marketing-v1.feedme.cc" };
+const h = () => {
+  const o = ee.getBusinessId();
+  if (!o) throw new Error("Invalid business ID");
+  return te(`businesses/${o}/marketing-materials/`, {
+    url: se.backendUrl,
+    noIdRequired: !0
+  });
+}, L = {
+  async read() {
+    return y(await h().get(""));
+  },
+  async createMarketing(o) {
+    return y(await h().post("", o));
+  },
+  // add id
+  async updateMarketing(o, t) {
+    return y(
+      await h().put(o, t)
+    );
+  },
+  async deleteMarketing(o) {
+    return y(await h().delete(o));
+  }
+}, I = W("mf-connect-marketing", {
+  state: () => {
+    var o, t;
+    return {
+      marketing: [],
+      defaultMarketing: {
+        _id: void 0,
+        business: ((t = (o = Z().currentBusiness) == null ? void 0 : o.value) == null ? void 0 : t._id) ?? "",
+        name: "",
+        campaign: null,
+        keywords: "",
+        image: "",
+        headline: {
+          content: "",
+          key: void 0
+        },
+        assets: [
+          {
+            platform: C.enum.FACEBOOK,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1920,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: C.enum.INSTAGRAM,
+            contents: [
+              {
+                type: "POST",
+                size: {
+                  width: 1080,
+                  height: 1080
+                },
+                images: []
+              },
+              {
+                type: "STORY",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              },
+              {
+                type: "REEL",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          },
+          {
+            platform: C.enum.BRAND_APP,
+            contents: [
+              {
+                type: "IMAGE",
+                size: {
+                  width: 1080,
+                  height: 1920
+                },
+                images: []
+              }
+            ]
+          }
+        ],
+        captions: [{ language: "en", content: "" }]
+      }
+    };
+  },
+  actions: {
+    async readMarketingMaterial() {
+      const o = await L.read();
+      this.marketing = o;
+    }
+  },
+  getters: {
+    state(o) {
+      return o;
+    }
+  }
+}), ie = {};
+function le(o, t) {
+  return m(), p("div");
+}
+const ce = /* @__PURE__ */ ne(ie, [["render", le]]), me = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-center justify-between w-full" }, pe = { class: "space-y-8" }, ue = { class: "fm-typo-en-body-lg-600" }, ge = { class: "fm-typo-en-body-lg-600" }, fe = { key: 0 }, ye = { class: "fm-typo-en-title-sm-800" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary w-4/6 text-center" }, Ve = /* @__PURE__ */ z({
+  __name: "Marketing",
+  setup(o) {
+    const { t } = re(), O = {
+      label: t("connect.marketing.create"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, k = S(!1), _ = I(), b = ae(), { global: N, minor: U } = Q;
+    Y(async () => {
+      await N(async () => {
+        await b.read(), await _.readMarketingMaterial();
+      });
+    });
+    const d = H(() => _.marketing.filter(
+      (n) => n.name.includes(l.value.searchKey.toLowerCase())
+    )), u = S(
+      I().defaultMarketing
+    ), D = [
+      {
+        header: t("connect.marketing.table.name"),
+        accessorFn: (n) => n.name
+      },
+      {
+        header: t("connect.marketing.table.campaign"),
+        accessorFn: (n) => {
+          var e;
+          return n.campaign === null || n.campaign === void 0 ? "-" : (e = b.campaigns.all.find(
+            (v) => v._id === n.campaign
+          )) == null ? void 0 : e.name;
+        }
+      },
+      {
+        header: t("connect.marketing.table.createdDate"),
+        accessorFn: (n) => {
+          const e = new Date(
+            parseInt(n._id.toString().substring(0, 8), 16) * 1e3
+          );
+          return oe(e).format("DD MMM YYYY");
+        }
+      },
+      {
+        header: t("connect.marketing.table.actions"),
+        cell(n) {
+          return J(G.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (e) => {
+              e.stopPropagation(), P(n.row.original);
+            }
+          });
+        }
+      }
+    ];
+    async function P(n) {
+      await X.remove(
+        t("connect.marketing.delete.confirm", { name: n.name })
+      ) && await U(
+        async () => {
+          await L.deleteMarketing(n._id), await _.readMarketingMaterial();
+        },
+        {
+          message: t("connect.marketing.delete.removing", { name: n.name }),
+          successMessage: t("connect.marketing.delete.success", {
+            name: n.name
+          })
+        }
+      );
+    }
+    async function g(n) {
+      n ? u.value = JSON.parse(JSON.stringify(n)) : u.value = JSON.parse(
+        JSON.stringify(I().defaultMarketing)
+      ), k.value = !0;
+    }
+    const l = S({
+      searchKey: ""
+    });
+    return (n, e) => {
+      const v = c("FmPageHead"), V = c("FmSearch"), E = c("FmTable"), T = c("FmButton"), K = c("FmListItem"), A = c("FmList"), R = c("FmCard");
+      return m(), p(x, null, [
+        i(v, {
+          title: r(t)("connect.marketing.title"),
+          class: "xs:hidden",
+          actions: r(d).length > 0 ? [O] : [],
+          "onClick:action": e[0] || (e[0] = () => g())
+        }, null, 8, ["title", "actions"]),
+        s("div", me, [
+          i(V, {
+            modelValue: l.value.searchKey,
+            "onUpdate:modelValue": e[1] || (e[1] = (a) => l.value.searchKey = a),
+            placeholder: r(t)("connect.marketing.search"),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          i(ce, {
+            modelValue: u.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (a) => u.value = a),
+            "is-open": k.value,
+            "onUpdate:isOpen": e[3] || (e[3] = (a) => k.value = a)
+          }, null, 8, ["modelValue", "is-open"]),
+          r(d).length > 0 ? (m(), p(x, { key: 0 }, [
+            s("div", de, [
+              i(V, {
+                modelValue: l.value.searchKey,
+                "onUpdate:modelValue": e[4] || (e[4] = (a) => l.value.searchKey = a),
+                class: "xs:hidden",
+                placeholder: r(t)("connect.marketing.search"),
+                collapsible: ""
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            i(E, {
+              class: "xs:hidden",
+              "row-data": r(d),
+              "column-defs": D,
+              "search-value": l.value.searchKey,
+              "column-filter": [],
+              onRowClick: e[5] || (e[5] = (a) => g(a.original)),
+              "hide-footer": !0
+            }, null, 8, ["row-data", "search-value"]),
+            i(A, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: F(() => [
+                (m(!0), p(x, null, $(r(d).filter(
+                  (a) => a.name.toLowerCase().includes(l.value.searchKey.toLowerCase())
+                ), (a) => (m(), B(K, {
+                  key: a._id.toString(),
+                  onClick: (w) => g(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: F(() => {
+                    var w;
+                    return [
+                      s("div", pe, [
+                        s("div", ue, f(a.name), 1),
+                        s("div", ge, f(a.campaign === null || a.campaign === void 0 ? "-" : (w = r(b).campaigns.all.find(
+                          (M) => M._id === a.campaign
+                        )) == null ? void 0 : w.name), 1)
+                      ]),
+                      i(T, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (M) => (M.stopPropagation(), P(a))
+                      }, null, 8, ["onClick"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            r(d).length == 0 ? (m(), p("div", fe, [...e[7] || (e[7] = [
+              s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1)
+            ])])) : j("", !0)
+          ], 64)) : (m(), B(R, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full justify-center items-center flex flex-col p-[24px] gap-[24px]"
+          }, {
+            default: F(() => [
+              e[8] || (e[8] = s("img", {
+                src: q,
+                class: "w-[150px]"
+              }, null, -1)),
+              s("p", ye, f(r(t)("connect.marketing.emptyState.title")), 1),
+              s("p", he, f(r(t)("connect.marketing.emptyState.description")), 1),
+              i(T, {
+                label: r(t)("connect.marketing.emptyState.action"),
+                "prepend-icon": "add",
+                onClick: e[6] || (e[6] = (a) => g())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/Member-DIZwt6Hh.js

@@ -0,0 +1,279 @@
+import { defineComponent as L, ref as F, watch as P, resolveComponent as m, openBlock as x, createElementBlock as h, Fragment as R, createElementVNode as b, createVNode as u, unref as n, withCtx as M, renderList as $, createBlock as D, toDisplayString as O, normalizeClass as U, computed as Y, createCommentVNode as q } from "vue";
+import "./index-BvE6Sbog.js";
+import { useDialogChild as H, FmButtonVariant as S, useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
+import { u as N } from "./vue-i18n-BlCNfIcP.js";
+import { c as A } from "./index-DvZiQOtl.js";
+import "./index-DOGrOlB8.js";
+import "./index-Ved5V90A.js";
+import "./index-Di23nMJ7.js";
+import "./index-CQZinjc9.js";
+import { u as g, w as j } from "./xlsx-CtNr_GAa.js";
+import { F as z } from "./FileSaver.min-NlMItPOc.js";
+import { useCoreStore as G } from "@feedmepos/mf-common";
+import { useRouter as W } from "vue-router";
+import { m as I } from "./index-Cq7s1Pk2.js";
+import { R as E } from "./app-Do_C3F_N.js";
+const K = { class: "space-y-8 mb-10" }, X = { class: "flex justify-end" }, Z = {
+  key: 1,
+  class: /* @__PURE__ */ U([
+    "flex items-center",
+    "border border-fm-color-neutral-gray-300",
+    "p-16 space-x-16 rounded-md"
+  ])
+}, ee = { class: "fm-typo-en-body-lg-400 flex-1 truncate" }, te = /* @__PURE__ */ L({
+  __name: "ImportMemberDialog",
+  setup(V) {
+    const { t: a } = N(), { emitData: _ } = H(), c = F(null), v = F(null), w = F({
+      resetCollectionExpiryBalance: !0
+    }), s = [
+      "Id",
+      "Name",
+      "Phone",
+      "Email",
+      "Gender",
+      "CardNo",
+      "Birthday",
+      "Credit",
+      "CreditExpiryDate",
+      "Exp",
+      "Point",
+      "Tier",
+      // 'Titles',
+      "TotalTransaction",
+      "AvgSpent",
+      "TotalSpent",
+      "LastVisit",
+      "Feedback",
+      "LastSeasonTierEarned",
+      "LastSeasonPointEarned",
+      "JoinedAt",
+      "JoinedAtLocation",
+      "VisitFrequency"
+    ], p = [
+      {
+        label: "CSV",
+        icon: "csv",
+        value: "csv"
+        /* csv */
+      },
+      {
+        label: "Excel",
+        icon: "description",
+        value: "xlsx"
+        /* xlsx */
+      }
+    ];
+    async function d(i) {
+      var t, f;
+      c.value = ((f = (t = i.target) == null ? void 0 : t.files) == null ? void 0 : f[0]) ?? null;
+    }
+    async function y(i) {
+      switch (i) {
+        case "csv":
+          C();
+          break;
+        case "xlsx":
+          T();
+          break;
+      }
+    }
+    function C() {
+      const i = new Blob([s.join(",")], {
+        type: "text/csv;charset=utf-8;"
+      });
+      z.saveAs(i, "ImportMemberTemplate.csv");
+    }
+    function T() {
+      const i = g.aoa_to_sheet([s]), t = g.book_new();
+      g.book_append_sheet(t, i, "Sheet1"), j(t, "ImportMemberTemplate.xlsx");
+    }
+    return P(c, () => {
+      _({ file: c.value, config: w.value });
+    }), (i, t) => {
+      const f = m("FmSwitch"), k = m("FmButton"), o = m("FmMenuItem"), l = m("FmMenu"), r = m("FmDropField");
+      return x(), h(R, null, [
+        b("div", K, [
+          t[3] || (t[3] = b("div", { class: "fm-typo-en-body-lg-600" }, "Advanced Setting", -1)),
+          u(f, {
+            "model-value": n(w).resetCollectionExpiryBalance ?? !0,
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => n(w).resetCollectionExpiryBalance = e),
+            label: "Replace Existing Free Credit",
+            sublabel: "When enabled, this will clear existing free credit and replace with new values from the import.",
+            "label-placement": "right"
+          }, null, 8, ["model-value"])
+        ]),
+        b("div", X, [
+          u(l, null, {
+            "menu-button": M(() => [
+              u(k, {
+                variant: "tertiary",
+                icon: "download",
+                label: "Download Template"
+              })
+            ]),
+            default: M(() => [
+              (x(), h(R, null, $(p, (e) => u(o, {
+                key: e.value,
+                icon: e.icon,
+                label: e.label,
+                onClick: (B) => y(e.value),
+                selectable: ""
+              }, null, 8, ["icon", "label", "onClick"])), 64))
+            ]),
+            _: 1
+          })
+        ]),
+        n(c) ? (x(), h("div", Z, [
+          u(k, {
+            variant: n(S).Tertiary,
+            "prepend-icon": "attach_file"
+          }, null, 8, ["variant"]),
+          b("p", ee, O(n(c).name), 1),
+          b("label", {
+            ref_key: "fileLabelRef",
+            ref: v,
+            htmlFor: "file"
+          }, [
+            u(k, {
+              variant: n(S).Plain,
+              label: n(a)("Replace File"),
+              onClick: t[2] || (t[2] = () => {
+                var e;
+                return (e = n(v)) == null ? void 0 : e.click();
+              })
+            }, null, 8, ["variant", "label"]),
+            b("input", {
+              id: "file",
+              accept: ".csv, .xlsx",
+              class: "hidden",
+              type: "file",
+              multiple: "",
+              onChange: d
+            }, null, 32)
+          ], 512)
+        ])) : (x(), D(r, {
+          key: 0,
+          onFileUpload: t[1] || (t[1] = (e) => c.value = e),
+          accept: ".csv, .xlsx",
+          "max-file-size": 5e6
+        }))
+      ], 64);
+    };
+  }
+}), ne = { class: "px-24 flex flex-col gap-y-16 pb-24" }, ye = /* @__PURE__ */ L({
+  __name: "Member",
+  setup(V) {
+    var t, f, k;
+    const a = W(), { t: _ } = N(), c = J(), v = Q(), w = G();
+    _("connect.loyalty.member.import"), _("connect.navigation.queue");
+    const s = [
+      {
+        label: _("connect.loyalty.member.tabs.member_list"),
+        value: E["$connect-LOYALTY_MEMBER_LIST"],
+        actions: (k = (f = (t = w.sessionUser) == null ? void 0 : t.value) == null ? void 0 : f.role) != null && k.isAdmin ? [] : []
+      }
+    ], p = Y(() => {
+      var l, r, e;
+      return a.currentRoute.value.name != E["$connect-LOYALTY_MEMBER_TRANSACTIONS"] ? {
+        title: d.value.label,
+        actions: d.value.actions,
+        description: void 0
+      } : (d.value = s[1], {
+        backButton: !0,
+        title: _("connect.loyalty.member.title"),
+        actions: [],
+        description: `${(l = y.value) == null ? void 0 : l.name} (${(r = y.value) == null ? void 0 : r._id}) (${(e = y.value) == null ? void 0 : e.phoneNumber})`,
+        onBackButton: async () => {
+          await a.push({ name: E["$connect-LOYALTY_MEMBER_LIST"] });
+        }
+      });
+    }), d = F(
+      s.find((o) => o.value === a.currentRoute.value.name) ?? s[0]
+    ), y = F();
+    async function C(o) {
+      await a.push({ name: o });
+    }
+    async function T() {
+      c.open({
+        title: "Upload File",
+        closeButton: !0,
+        dismissAway: !1,
+        contentComponent: te,
+        primaryActions: { text: "Import", close: !1 }
+      }).onPrimary(async (o) => {
+        if (!o) {
+          v.open({
+            type: "error",
+            title: "Please upload a file"
+          });
+          return;
+        }
+        const { file: l, config: r } = o;
+        if (!l)
+          v.open({
+            type: "error",
+            title: "Please upload a file"
+          });
+        else {
+          const e = new FormData();
+          e.append("file", l), e.append("config", JSON.stringify(r)), await I.import(e), v.open({
+            type: "info",
+            title: "Import begins soon. Check Queue for updates.",
+            action: "View",
+            onAction: async () => {
+              await a.push({
+                name: E["$connect-QUEUE"],
+                query: { type: [A.enum.MEMBER_IMPORTED] }
+              });
+            }
+          }), c.close();
+        }
+      });
+    }
+    function i(o) {
+      switch (o) {
+        case "import":
+          T();
+          break;
+        case "queue":
+          a.push({
+            name: E["$connect-QUEUE"],
+            query: { type: [A.enum.MEMBER_IMPORTED] }
+          });
+          break;
+      }
+    }
+    return P(
+      () => a.currentRoute.value.name,
+      async (o) => {
+        d.value = s.find((r) => r.value === o) ?? s[0];
+        const l = a.currentRoute.value.params.id;
+        l && (y.value = await I.readById(l)), await a.push({ name: o });
+      }
+    ), (o, l) => {
+      const r = m("FmPageHead"), e = m("FmTabs"), B = m("RouterView");
+      return x(), h(R, null, [
+        u(r, {
+          actions: n(p).actions,
+          title: n(p).title,
+          description: n(p).description,
+          "back-button": n(p).backButton,
+          "onClick:back": n(p).onBackButton,
+          "onClick:action": i
+        }, null, 8, ["actions", "title", "description", "back-button", "onClick:back"]),
+        b("div", ne, [
+          n(a).currentRoute.value.name != n(E)["$connect-LOYALTY_MEMBER_TRANSACTIONS"] ? (x(), D(e, {
+            key: 0,
+            "model-value": n(d).value,
+            items: s,
+            "onUpdate:modelValue": C
+          }, null, 8, ["model-value"])) : q("", !0),
+          u(B)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  ye as default
+};