@feedmepos/mf-connect 0.1.0-beta.8 → 0.1.0-beta.80

package/dist/Member-DaBqmOYX.js

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