@feedmepos/mf-connect 0.1.98-beta.45 → 0.1.98-beta.47

package/dist/Member-B4NAFx8G.js

@@ -0,0 +1,573 @@
+import { defineComponent as G, resolveComponent as p, unref as t, openBlock as s, createElementBlock as c, normalizeClass as Z, renderSlot as ee, createElementVNode as n, createVNode as i, ref as _, computed as B, onMounted as he, onBeforeUnmount as ke, Fragment as N, createTextVNode as P, withCtx as I, renderList as te, createBlock as g, toDisplayString as l, createCommentVNode as m, isRef as we, watch as Te, createSlots as Re } from "vue";
+import "./index-DD3Jlx01.js";
+import { useDialog as ne } from "@feedmepos/ui-library";
+import { u as ae } from "./vue-i18n-BbF7bmsx.js";
+import { useCoreStore as xe } from "@feedmepos/mf-common";
+import { F as oe } from "./FileSaver.min-Ck6lXfKM.js";
+import { u as j, w as Ee } from "./xlsx-CzpvTfCU.js";
+import { m as E } from "./index-CWbvBvE3.js";
+import { useRouter as Ie } from "vue-router";
+import { R as k } from "./app-CEWVaJEZ.js";
+const Se = { class: "fm-typo-en-body-sm-400 justify-center flex items-center w-full" }, Ce = /* @__PURE__ */ G({
+  __name: "FmAdminBadge",
+  props: {
+    class: { default: void 0 },
+    selectable: { type: Boolean, default: !1 }
+  },
+  setup(V) {
+    const d = V, R = xe();
+    return (f, e) => {
+      var y;
+      const r = p("FmIcon");
+      return (y = t(R).sessionUser.value) != null && y.role.isAdmin ? (s(), c("div", {
+        key: 0,
+        class: Z([
+          "group gap-8 inline-flex items-center relative border-1 border-dashed rounded-md border-red-500 hover:border-opacity-30 transition-opacity",
+          { "select-none": !d.selectable }
+        ])
+      }, [
+        ee(f.$slots, "default"),
+        n("div", {
+          class: Z([
+            "pointer-events-none opacity-90 flex items-center justify-center rounded-xxxl bg-red-500 text-white group-hover:opacity-20",
+            d.class,
+            {
+              absolute: !0,
+              "bottom-[-5px] right-[-8px] px-4 h-[25px] w-[25px] border-2 border-red-800": !0
+            }
+          ])
+        }, [
+          n("span", Se, [
+            i(r, {
+              name: "support_agent",
+              size: "sm",
+              outline: ""
+            })
+          ])
+        ], 2)
+      ], 2)) : ee(f.$slots, "non-admin", { key: 1 });
+    };
+  }
+}), Fe = { class: "w-[720px] max-w-full space-y-24 pb-16" }, Ae = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Be = { class: "flex justify-end" }, Le = {
+  key: 1,
+  class: "flex items-center rounded-md border border-fm-color-neutral-gray-300 p-16"
+}, Me = { class: "fm-typo-en-body-lg-400 min-w-0 flex-1 truncate px-8" }, Pe = { for: "member-import-file" }, Ne = { class: "flex items-center justify-between" }, Oe = { class: "fm-typo-en-title-sm-800" }, De = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ve = {
+  key: 0,
+  class: "rounded-md bg-fm-color-system-error-100 p-16 fm-typo-en-body-sm-400"
+}, Ye = {
+  key: 1,
+  class: "rounded-md bg-fm-color-system-info-100 p-16 fm-typo-en-body-md-400"
+}, Ue = {
+  key: 2,
+  class: "space-y-16"
+}, $e = { class: "grid grid-cols-2 gap-8 md:grid-cols-4" }, He = { class: "fm-typo-en-title-sm-800" }, je = { class: "fm-typo-en-title-sm-800" }, Ge = { class: "fm-typo-en-title-sm-800" }, ze = { class: "fm-typo-en-title-sm-800" }, Je = {
+  key: 0,
+  class: "rounded-md bg-fm-color-system-warning-100 p-16 fm-typo-en-body-sm-400"
+}, qe = {
+  key: 1,
+  class: "rounded-md bg-fm-color-system-warning-100 p-16 fm-typo-en-body-sm-400"
+}, Qe = { class: "fm-typo-en-body-md-400" }, Ke = { class: "fm-typo-en-body-md-600" }, We = {
+  key: 3,
+  class: "space-y-12"
+}, Xe = { class: "rounded-md bg-fm-color-system-error-100 p-16" }, Ze = { class: "fm-typo-en-body-sm-400" }, et = {
+  key: 4,
+  class: "rounded-md bg-fm-color-system-error-100 p-16"
+}, tt = { class: "fm-typo-en-body-sm-400" }, ot = { class: "fm-typo-en-body-sm-400" }, nt = {
+  key: 5,
+  class: "rounded-md bg-fm-color-system-success-100 p-16"
+}, at = { class: "fm-typo-en-body-sm-400" }, st = { class: "flex items-center justify-end gap-8" }, lt = /* @__PURE__ */ G({
+  __name: "ImportMemberDialog",
+  setup(V) {
+    const { t: d } = ae(), R = ne(), f = _(null), e = _(null), r = _(""), y = _(""), w = _(!1), F = _(!1), b = _(!1), O = _(!0);
+    let A;
+    const L = _({
+      mode: "UPSERT"
+    }), Y = [
+      { label: "Create missing members only", value: "CREATE" },
+      { label: "Update existing members only", value: "UPDATE" },
+      { label: "Create and update members", value: "UPSERT" }
+    ], v = [
+      "Id",
+      "Name",
+      "Phone",
+      "Email",
+      "Gender",
+      "CardNo",
+      "Birthday",
+      "Credit",
+      "CreditExpiryDate",
+      "Experience",
+      "Point",
+      "Tier",
+      "Titles",
+      "AvgSpent",
+      "LastVisit",
+      "Feedback",
+      "LastSeasonTierEarned",
+      "LastSeasonPointEarned",
+      "JoinedAt",
+      "JoinedAtLocation",
+      "VisitFrequency"
+    ], x = [
+      {
+        label: "CSV",
+        icon: "csv",
+        value: "csv"
+        /* csv */
+      },
+      {
+        label: "Excel",
+        icon: "description",
+        value: "xlsx"
+        /* xlsx */
+      }
+    ], h = B(
+      () => {
+        var a;
+        return ["UPLOADED", "VALIDATING", "QUEUED", "RUNNING"].includes(
+          ((a = e.value) == null ? void 0 : a.status) ?? ""
+        );
+      }
+    ), S = B(() => {
+      var a;
+      return !(((a = e.value) == null ? void 0 : a.status) !== "READY" || !e.value.file || y.value !== e.value.businessName || e.value.summary.sharedProfiles > 0 && !w.value || e.value.summary.balanceRows > 0 && !F.value);
+    });
+    function U(a) {
+      var o, C;
+      f.value = ((C = (o = a.target) == null ? void 0 : o.files) == null ? void 0 : C[0]) ?? null;
+    }
+    function $(a) {
+      if (a === "csv") {
+        oe.saveAs(
+          new Blob([v.join(",")], {
+            type: "text/csv;charset=utf-8;"
+          }),
+          "ImportMemberTemplate.csv"
+        );
+        return;
+      }
+      const o = j.aoa_to_sheet([v]), C = j.book_new();
+      j.book_append_sheet(C, o, "Members"), Ee(C, "ImportMemberTemplate.xlsx");
+    }
+    async function se() {
+      if (!f.value) {
+        r.value = "Please upload a file.";
+        return;
+      }
+      b.value = !0, r.value = "";
+      try {
+        const a = new FormData();
+        a.append("file", f.value), a.append("config", JSON.stringify(L.value)), e.value = await E.import(a), await M();
+      } catch (a) {
+        r.value = a instanceof Error ? a.message : String(a);
+      } finally {
+        b.value = !1;
+      }
+    }
+    async function le() {
+      e.value && (e.value = await E.readImport(e.value._id.toString()));
+    }
+    async function M() {
+      var a;
+      H();
+      try {
+        await le();
+      } catch (o) {
+        r.value = o instanceof Error ? o.message : String(o);
+        return;
+      }
+      h.value && (A = setTimeout(M, ((a = e.value) == null ? void 0 : a.status) === "RUNNING" ? 5e3 : 1500));
+    }
+    async function re() {
+      try {
+        e.value = await E.resumableImport(), e.value && await M();
+      } catch (a) {
+        r.value = a instanceof Error ? a.message : String(a);
+      } finally {
+        O.value = !1;
+      }
+    }
+    function H() {
+      A && clearTimeout(A), A = void 0;
+    }
+    function ie() {
+      H(), e.value = null, f.value = null, r.value = "";
+    }
+    async function ue() {
+      if (!(!e.value || !S.value)) {
+        b.value = !0, r.value = "";
+        try {
+          e.value = await E.confirmImport(e.value._id.toString(), {
+            businessName: y.value,
+            fileHash: e.value.fileHash,
+            previewVersion: e.value.previewVersion,
+            acknowledgeSharedProfiles: w.value,
+            acknowledgeBalanceReplacement: F.value
+          }), await M();
+        } catch (a) {
+          r.value = a instanceof Error ? a.message : String(a);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function ce() {
+      if (e.value) {
+        b.value = !0, r.value = "";
+        try {
+          e.value = await E.retryImport(e.value._id.toString()), await M();
+        } catch (a) {
+          r.value = a instanceof Error ? a.message : String(a);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function me() {
+      if (!e.value) {
+        R.close();
+        return;
+      }
+      try {
+        await E.cancelImport(e.value._id.toString());
+      } catch {
+      }
+      R.close();
+    }
+    async function de() {
+      if (!e.value) return;
+      const a = await E.downloadImportResult(e.value._id.toString());
+      oe.saveAs(a, `member-import-${e.value._id}.csv`);
+    }
+    return he(re), ke(H), (a, o) => {
+      var J, q, Q, K, W, X;
+      const C = p("FmSelect"), T = p("FmButton"), pe = p("FmMenuItem"), fe = p("FmMenu"), ye = p("FmDropField"), ve = p("FmChip"), D = p("FmCard"), be = p("FmTextField"), z = p("FmCheckbox"), _e = p("FmHelperText"), ge = p("FmSpacer");
+      return s(), c("div", Fe, [
+        t(O) ? (s(), c("div", Ae, " Checking for an unfinished import… ")) : t(e) ? (s(), c(N, { key: 2 }, [
+          n("div", Ne, [
+            n("div", null, [
+              n("div", Oe, l(((J = t(e).file) == null ? void 0 : J.originalName) ?? "Unknown file"), 1),
+              n("div", De, " Import " + l(t(e)._id) + " · " + l(t(e).status), 1)
+            ]),
+            i(ve, {
+              label: t(e).status,
+              compact: ""
+            }, null, 8, ["label"])
+          ]),
+          t(e).file ? m("", !0) : (s(), c("div", Ve, " The saved import is missing its uploaded file. Cancel it and upload the file again. ")),
+          t(h) ? (s(), c("div", Ye, l(t(e).status === "RUNNING" ? "Importing members…" : "Preparing import preview…"), 1)) : m("", !0),
+          t(e).status === "READY" ? (s(), c("div", Ue, [
+            n("div", $e, [
+              i(D, {
+                variant: "outlined",
+                class: "p-12"
+              }, {
+                default: I(() => [
+                  n("div", He, l(t(e).summary.total), 1),
+                  o[6] || (o[6] = n("div", { class: "fm-typo-en-body-sm-400" }, "Rows", -1))
+                ]),
+                _: 1
+              }),
+              i(D, {
+                variant: "outlined",
+                class: "p-12"
+              }, {
+                default: I(() => [
+                  n("div", je, l(t(e).summary.create), 1),
+                  o[7] || (o[7] = n("div", { class: "fm-typo-en-body-sm-400" }, "Create", -1))
+                ]),
+                _: 1
+              }),
+              i(D, {
+                variant: "outlined",
+                class: "p-12"
+              }, {
+                default: I(() => [
+                  n("div", Ge, l(t(e).summary.update), 1),
+                  o[8] || (o[8] = n("div", { class: "fm-typo-en-body-sm-400" }, "Update", -1))
+                ]),
+                _: 1
+              }),
+              i(D, {
+                variant: "outlined",
+                class: "p-12"
+              }, {
+                default: I(() => [
+                  n("div", ze, l(t(e).summary.balanceRows), 1),
+                  o[9] || (o[9] = n("div", { class: "fm-typo-en-body-sm-400" }, "Balance rows", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            t(e).summary.balanceRows ? (s(), c("div", Je, " Final target totals — Credit: " + l(t(e).summary.creditTargetTotal) + ", Experience: " + l(t(e).summary.experienceTargetTotal) + ", Points: " + l(t(e).summary.pointTargetTotal) + ". Tier changes: " + l(t(e).summary.tierRows) + ". ", 1)) : m("", !0),
+            t(e).summary.sharedProfiles ? (s(), c("div", qe, l(t(e).summary.sharedProfiles) + " rows can update a shared profile used by another business. ", 1)) : m("", !0),
+            n("div", Qe, [
+              o[10] || (o[10] = P(" To confirm your action, type ", -1)),
+              n("span", Ke, l(t(e).businessName), 1),
+              o[11] || (o[11] = P(" in the text field ", -1))
+            ]),
+            i(be, {
+              modelValue: t(y),
+              "onUpdate:modelValue": o[2] || (o[2] = (u) => we(y) ? y.value = u : null)
+            }, null, 8, ["modelValue"]),
+            t(e).summary.sharedProfiles ? (s(), g(z, {
+              key: 2,
+              "model-value": t(w),
+              value: "shared-profile",
+              label: "I understand that shared profile fields can affect other businesses.",
+              "onUpdate:modelValue": o[3] || (o[3] = (u) => w.value = u)
+            }, null, 8, ["model-value"])) : m("", !0),
+            t(e).summary.balanceRows ? (s(), g(z, {
+              key: 3,
+              "model-value": t(F),
+              value: "balance-replacement",
+              label: "I understand that populated balance cells replace final balances.",
+              "onUpdate:modelValue": o[4] || (o[4] = (u) => F.value = u)
+            }, null, 8, ["model-value"])) : m("", !0)
+          ])) : m("", !0),
+          t(e).status === "INVALID" ? (s(), c("div", We, [
+            n("div", Xe, [
+              o[12] || (o[12] = n("div", { class: "fm-typo-en-body-md-600" }, "The file is not importable", -1)),
+              n("div", Ze, l(t(e).error), 1)
+            ]),
+            (s(!0), c(N, null, te((q = t(e).rowErrors) == null ? void 0 : q.slice(0, 10), (u) => (s(), c("div", {
+              key: u.rowNumber,
+              class: "fm-typo-en-body-sm-400"
+            }, " Row " + l(u.rowNumber) + ": " + l(u.errors.join("; ")), 1))), 128))
+          ])) : m("", !0),
+          t(e).status === "STOPPED" ? (s(), c("div", et, [
+            o[13] || (o[13] = n("div", { class: "fm-typo-en-body-md-600" }, "Import stopped", -1)),
+            n("div", tt, l(t(e).summary.completed) + " rows completed before the first runtime error. Fix the cause, then retry this same import safely. ", 1),
+            n("div", ot, l(t(e).error), 1)
+          ])) : m("", !0),
+          t(e).status === "COMPLETED" ? (s(), c("div", nt, [
+            o[14] || (o[14] = n("div", { class: "fm-typo-en-body-md-600" }, "Import completed", -1)),
+            n("div", at, l(t(e).summary.completed) + " members were processed. ", 1)
+          ])) : m("", !0)
+        ], 64)) : (s(), c(N, { key: 1 }, [
+          o[5] || (o[5] = n("div", { class: "rounded-md bg-fm-color-system-warning-100 p-16" }, [
+            n("div", { class: "fm-typo-en-body-md-600" }, "Import changes production data"),
+            n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, [
+              P(" The file is fully validated before any member is changed. Blank cells keep existing values. Use "),
+              n("code", null, "__CLEAR__"),
+              P(" to clear supported fields. CSV title lists must be quoted, for example "),
+              n("code", null, '"VIP,VVIP,SVIP"'),
+              P(". ")
+            ])
+          ], -1)),
+          i(C, {
+            modelValue: t(L).mode,
+            "onUpdate:modelValue": o[0] || (o[0] = (u) => t(L).mode = u),
+            label: "Import mode",
+            items: Y
+          }, null, 8, ["modelValue"]),
+          n("div", Be, [
+            i(fe, null, {
+              "menu-button": I(() => [
+                i(T, {
+                  variant: "tertiary",
+                  icon: "download",
+                  label: "Download template"
+                })
+              ]),
+              default: I(() => [
+                (s(), c(N, null, te(x, (u) => i(pe, {
+                  key: u.value,
+                  icon: u.icon,
+                  label: u.label,
+                  selectable: "",
+                  onClick: (it) => $(u.value)
+                }, null, 8, ["icon", "label", "onClick"])), 64))
+              ]),
+              _: 1
+            })
+          ]),
+          t(f) ? (s(), c("div", Le, [
+            i(T, {
+              variant: "tertiary",
+              "prepend-icon": "attach_file"
+            }),
+            n("p", Me, l(t(f).name), 1),
+            n("label", Pe, [
+              i(T, {
+                variant: "plain",
+                label: t(d)("Replace File")
+              }, null, 8, ["label"]),
+              n("input", {
+                id: "member-import-file",
+                accept: ".csv, .xlsx",
+                class: "hidden",
+                type: "file",
+                onChange: U
+              }, null, 32)
+            ])
+          ])) : (s(), g(ye, {
+            key: 0,
+            accept: ".csv, .xlsx",
+            "max-file-size": 5e6,
+            onFileUpload: o[1] || (o[1] = (u) => f.value = u)
+          }))
+        ], 64)),
+        t(r) ? (s(), g(_e, {
+          key: 3,
+          state: "error",
+          text: t(r)
+        }, null, 8, ["text"])) : m("", !0),
+        n("div", st, [
+          t(e) && ["INVALID", "STOPPED", "COMPLETED"].includes(t(e).status) ? (s(), g(T, {
+            key: 0,
+            variant: "tertiary",
+            icon: "download",
+            label: "Download result",
+            onClick: de
+          })) : m("", !0),
+          ((Q = t(e)) == null ? void 0 : Q.status) === "INVALID" ? (s(), g(T, {
+            key: 1,
+            variant: "tertiary",
+            label: "Choose another file",
+            onClick: ie
+          })) : m("", !0),
+          i(ge),
+          i(T, {
+            variant: "secondary",
+            label: ((K = t(e)) == null ? void 0 : K.status) === "COMPLETED" ? "Close" : "Cancel",
+            onClick: me
+          }, null, 8, ["label"]),
+          t(e) ? m("", !0) : (s(), g(T, {
+            key: 2,
+            label: "Validate file",
+            disabled: !t(f) || t(b),
+            onClick: se
+          }, null, 8, ["disabled"])),
+          ((W = t(e)) == null ? void 0 : W.status) === "READY" ? (s(), g(T, {
+            key: 3,
+            label: "Start import",
+            disabled: !t(S) || t(b),
+            onClick: ue
+          }, null, 8, ["disabled"])) : m("", !0),
+          ((X = t(e)) == null ? void 0 : X.status) === "STOPPED" ? (s(), g(T, {
+            key: 4,
+            label: "Retry import",
+            disabled: t(b) || !t(e).file,
+            onClick: ce
+          }, null, 8, ["disabled"])) : m("", !0)
+        ])
+      ]);
+    };
+  }
+}), rt = { class: "px-24 flex flex-col gap-y-16 pb-24" }, gt = /* @__PURE__ */ G({
+  __name: "Member",
+  setup(V) {
+    const d = Ie(), { t: R } = ae(), f = ne(), e = [
+      {
+        label: R("connect.loyalty.member.tabs.member_list"),
+        value: k["$connect-LOYALTY_MEMBER_LIST"]
+      }
+    ], r = B(() => {
+      var x, h, S;
+      const v = d.currentRoute.value.name;
+      return v == k["$connect-LOYALTY_MEMBER_IMPORT_HISTORY"] ? {
+        title: "Import history",
+        description: void 0,
+        backButton: !0,
+        onBackButton: async () => {
+          await d.push({
+            name: k["$connect-LOYALTY_MEMBER_LIST"]
+          });
+        }
+      } : v != k["$connect-LOYALTY_MEMBER_TRANSACTIONS"] ? {
+        title: y.value.label,
+        description: void 0
+      } : (y.value = e[1], {
+        backButton: !0,
+        title: R("connect.loyalty.member.title"),
+        description: `${(x = w.value) == null ? void 0 : x.name} (${(h = w.value) == null ? void 0 : h._id}) (${(S = w.value) == null ? void 0 : S.phoneNumber})`,
+        onBackButton: async () => {
+          await d.push({ name: k["$connect-LOYALTY_MEMBER_LIST"] });
+        }
+      });
+    }), y = _(
+      e.find((v) => v.value === d.currentRoute.value.name) ?? e[0]
+    ), w = _(), F = B(
+      () => d.currentRoute.value.name === k["$connect-LOYALTY_MEMBER_TRANSACTIONS"] || d.currentRoute.value.name === k["$connect-LOYALTY_MEMBER_IMPORT_HISTORY"]
+    ), b = B(
+      () => d.currentRoute.value.name !== k["$connect-LOYALTY_MEMBER_TRANSACTIONS"]
+    ), O = B(
+      () => d.currentRoute.value.name !== k["$connect-LOYALTY_MEMBER_IMPORT_HISTORY"]
+    );
+    async function A(v) {
+      await d.push({ name: v });
+    }
+    async function L() {
+      f.open({
+        title: "Import members",
+        closeButton: !1,
+        dismissAway: !1,
+        contentComponent: lt
+      });
+    }
+    async function Y() {
+      await d.push({
+        name: k["$connect-LOYALTY_MEMBER_IMPORT_HISTORY"]
+      });
+    }
+    return Te(
+      () => d.currentRoute.value.name,
+      async (v) => {
+        y.value = e.find((h) => h.value === v) ?? e[0];
+        const x = d.currentRoute.value.params.id;
+        x && (w.value = await E.readById(x));
+      },
+      { immediate: !0 }
+    ), (v, x) => {
+      const h = p("FmButton"), S = p("FmPageHead"), U = p("FmTabs"), $ = p("RouterView");
+      return s(), c(N, null, [
+        i(S, {
+          title: t(r).title,
+          description: t(r).description,
+          "back-button": t(r).backButton,
+          "onClick:back": t(r).onBackButton
+        }, Re({ _: 2 }, [
+          t(b) ? {
+            name: "append",
+            fn: I(() => [
+              i(Ce, null, {
+                default: I(() => [
+                  t(O) ? (s(), g(h, {
+                    key: 0,
+                    label: "Import history",
+                    "prepend-icon": "work_history",
+                    variant: "tertiary",
+                    onClick: Y
+                  })) : m("", !0),
+                  i(h, {
+                    label: t(R)("connect.loyalty.member.import"),
+                    "prepend-icon": "download",
+                    onClick: L
+                  }, null, 8, ["label"])
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title", "description", "back-button", "onClick:back"]),
+        n("div", rt, [
+          t(F) ? m("", !0) : (s(), g(U, {
+            key: 0,
+            "model-value": t(y).value,
+            items: e,
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value"])),
+          i($)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  gt as default
+};