@feedmepos/mf-connect 0.1.0-prod → 0.1.2-prod

package/dist/Segment-lgzMRCyd.js

@@ -0,0 +1,564 @@
+import { defineComponent as K, onMounted as ue, openBlock as S, createElementBlock as B, createElementVNode as s, toDisplayString as V, unref as o, createVNode as d, ref as j, computed as Q, resolveComponent as h, createBlock as Z, isRef as ye, createSlots as _e, withCtx as w, Fragment as H, onBeforeMount as ve, renderList as he, h as P } from "vue";
+import { _ as Se } from "./campaign-CpzFl8Vr.js";
+import { F as re, p as xe, u as we } from "./loading-Dj5bx8fg.js";
+import { components as G } from "@feedmepos/ui-library";
+import { a as pe, _ as me, w as Fe } from "./usePagination--B6Wt7C1.js";
+import { e as Ce, M as Me } from "./email-addresses-Dtr5OALQ.js";
+import { _ as ke, Z as Ie } from "./ZodTextField.vue_vue_type_script_setup_true_lang-3LlSDiq0.js";
+import { a as Pe } from "./index-Cibwzgac.js";
+import { u as Re } from "./app-wDQR6dpb.js";
+import { R as Be } from "./rule-builder-RIloDQBn.js";
+import { _ as Ee } from "./RuleGroup.vue_vue_type_script_setup_true_lang-D1eQ3i5D.js";
+import { h as N } from "./moment-BWErdI6_.js";
+import { s as R, u as $e } from "./membership-B2avlZoN.js";
+import { o as De } from "./objectId-dwaoBfJX.js";
+import { u as ge } from "./business-DveMDDHY.js";
+import { f as Ye } from "./number-BA58pjU6.js";
+import { t as be } from "./money-CNSWtAf-.js";
+import { m as ce } from "./index-BBBytzpn.js";
+const Te = Pe.extend({
+  _id: re.optional(),
+  business: re.optional()
+}), Le = { class: "space-y-16 pr-12" }, Ne = { class: "fm-typo-en-title-md-800" }, Ve = { class: "flex space-x-8" }, ze = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, Ae = { class: "text-fm-color-typo-secondary" }, Ue = /* @__PURE__ */ s("div", null, "contacts in your segment", -1), Oe = /* @__PURE__ */ K({
+  __name: "ReviewSegment",
+  props: {
+    title: {},
+    segment: {}
+  },
+  setup(e) {
+    const u = e, x = [
+      {
+        header: "Name",
+        accessorFn: (n) => n.name
+      },
+      {
+        header: "Id",
+        accessorFn: (n) => n._id
+      },
+      {
+        header: "Customer Since",
+        accessorFn: (n) => N(De(n._id.toString())).format("DD MMM YYYY")
+      },
+      {
+        header: "Phone",
+        accessorFn: (n) => n.phoneNumber
+      },
+      {
+        header: "Birthday",
+        accessorFn: (n) => N(n.birthday).format("DD MMM YYYY")
+      },
+      {
+        header: "Last Visit",
+        accessorFn: (n) => N(n.stats.lastVisit).format("DD MMM YYYY")
+      }
+    ], F = async (n) => u.segment._id ? await R.paginateSegmentUsers(u.segment._id, {
+      limit: i.value.pageSize,
+      skip: n.pageIndex ?? 0,
+      sortBy: "_id",
+      search: n.searchValue,
+      descending: !0
+    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: i, rowData: f, onSort: y, debouncedFetchData: l, onSearch: r } = pe(F);
+    return ue(async () => {
+      await l();
+    }), (n, C) => (S(), B("div", Le, [
+      s("div", Ne, V(u.title), 1),
+      s("div", Ve, [
+        s("div", ze, V(n.segment.members.length), 1),
+        s("div", Ae, [
+          Ue,
+          s("div", null, "as of " + V(o(N)(n.segment.lastUpdated).format("DD MMM YYYY")), 1)
+        ])
+      ]),
+      d(me, {
+        loading: o(i).isLoading,
+        "row-data": o(f),
+        "row-count": o(i).totalRows,
+        "column-defs": x,
+        "page-size": o(i).pageSize,
+        "page-count": o(i).pageCount,
+        "page-index": o(i).pageIndex,
+        onSortChange: o(y),
+        onPageChange: C[0] || (C[0] = (_) => o(l)({ pageSize: _.pageSize, pageIndex: _.pageIndex }))
+      }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"])
+    ]));
+  }
+}), je = { class: "flex items-center gap-x-8" }, He = /* @__PURE__ */ s("div", null, "Review segment", -1), qe = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, Je = /* @__PURE__ */ s("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1), Ge = { class: "flex items-center gap-8" }, Ze = /* @__PURE__ */ K({
+  __name: "SegmentSheet",
+  emits: ["update:model-value"],
+  setup(e, { expose: u, emit: x }) {
+    const F = Re(), i = j(!1), f = j(!1), y = {
+      name: "",
+      rule: Be.scaffoldGroup(),
+      members: []
+    }, l = Te, r = j(y), n = Q(() => {
+      const a = l.safeParse(r.value);
+      return a.success ? [] : a.error.errors;
+    });
+    function C(a) {
+      i.value = !0, f.value = !1, a ? r.value = { ...a } : r.value = { ...y };
+    }
+    function _() {
+      i.value = !1;
+    }
+    async function E() {
+      l.safeParse(r.value).success && (f.value = !0);
+    }
+    function $() {
+      f.value = !1;
+    }
+    async function M() {
+      D("update:model-value", r.value);
+    }
+    ue(async () => {
+    });
+    const D = x;
+    return u({
+      showSheet: C,
+      hideSheet: _
+    }), (a, t) => {
+      const p = h("FmButton"), k = h("FmSideSheet");
+      return S(), Z(k, {
+        modelValue: o(i),
+        "onUpdate:modelValue": t[5] || (t[5] = (c) => ye(i) ? i.value = c : null),
+        header: "Add segment",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 1100
+      }, _e({
+        "side-sheet-footer": w(() => [
+          s("div", Ge, [
+            o(f) ? (S(), B(H, { key: 0 }, [
+              d(p, {
+                label: "Save Segment",
+                onClick: M,
+                loading: o(F).isLoading,
+                disabled: o(n).length > 0 || o(F).isLoading
+              }, null, 8, ["loading", "disabled"]),
+              d(p, {
+                label: "Cancel",
+                onClick: t[3] || (t[3] = (c) => $()),
+                variant: "tertiary"
+              })
+            ], 64)) : (S(), B(H, { key: 1 }, [
+              d(p, {
+                label: "Review Segment",
+                disabled: o(n).length > 0 || o(F).isLoading,
+                onClick: E
+              }, null, 8, ["disabled"]),
+              d(p, {
+                label: "Cancel",
+                onClick: t[4] || (t[4] = (c) => _()),
+                variant: "tertiary"
+              })
+            ], 64))
+          ])
+        ]),
+        default: w(() => {
+          var c;
+          return [
+            o(f) ? (S(), Z(Oe, {
+              key: 1,
+              title: o(r).name,
+              segment: o(r)
+            }, null, 8, ["title", "segment"])) : (S(), B("div", qe, [
+              d(ke, {
+                modelValue: o(r).name,
+                "onUpdate:modelValue": t[1] || (t[1] = (v) => o(r).name = v),
+                label: "Segment title",
+                schema: o(Ie).typeAtPath(o(l), "name")
+              }, null, 8, ["modelValue", "schema"]),
+              Je,
+              d(Ee, {
+                "trigger-type": "MEMBERSHIP_JOINED",
+                includeOnly: "user",
+                "model-value": (c = o(r)) == null ? void 0 : c.rule,
+                "onUpdate:modelValue": t[2] || (t[2] = (v) => {
+                  o(r).rule = v;
+                })
+              }, null, 8, ["model-value"])
+            ]))
+          ];
+        }),
+        _: 2
+      }, [
+        o(f) ? {
+          name: "side-sheet-header",
+          fn: w(() => [
+            s("div", je, [
+              d(p, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: t[0] || (t[0] = (c) => f.value = !1)
+              }),
+              He
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), de = $e(), We = ge();
+function W(e) {
+  const u = N(e);
+  return u.isValid() ? u.format("DD/MM/YYYY") : "";
+}
+const Ke = {
+  mapMemberExportRow: (e) => {
+    var n, C, _, E, $, M, D, a, t, p, k, c, v, Y, b, T, L, q, m, z, X, ee, te, oe, ae, ne, se, ie;
+    const u = Q(() => We.locations.map((g) => ({
+      label: g.name,
+      value: g._id
+    }))), x = (n = Ce.parseOneAddress(
+      e == null ? void 0 : e.email
+    )) != null && n.domain.includes("feedmepos.com") ? void 0 : e.email, F = (_ = ((C = e == null ? void 0 : e.collection) == null ? void 0 : C.TITLE) || []) == null ? void 0 : _.reduce(
+      (g, I) => {
+        var U, O;
+        const A = (O = (U = de.sortedTitles) == null ? void 0 : U.find(
+          (J) => J._id === I.collectible
+        )) == null ? void 0 : O.name;
+        return !A || I.balance <= 0 || g.push(A), g;
+      },
+      []
+    ), i = (de.sortedTitles || []).reduce(
+      (g, I) => {
+        var U, O, J, le;
+        const A = (le = (J = (O = (((U = e == null ? void 0 : e.collection) == null ? void 0 : U.TITLE) || []).find(
+          (fe) => fe.collectible === I._id
+        )) == null ? void 0 : O.expiryBalance) == null ? void 0 : J[0]) == null ? void 0 : le.expiredAt;
+        return g[I.name] = A ? N(A).format("DD/MM/YYYY") : "", g;
+      },
+      {}
+    ), f = ((M = ($ = (E = e.collection) == null ? void 0 : E.CREDIT) == null ? void 0 : $.at(0)) == null ? void 0 : M.balance) || 0, y = ((p = (t = (a = (D = e.collection) == null ? void 0 : D.CREDIT) == null ? void 0 : a.at(0)) == null ? void 0 : t.expiryBalance) == null ? void 0 : p.reduce(
+      (g, I) => g + I.amount,
+      0
+    )) || 0, l = Ye(f, 2);
+    return {
+      ID: e._id.toString(),
+      Name: ((k = e.name) == null ? void 0 : k.trim()) || "",
+      Phone: ((c = e == null ? void 0 : e.phoneNumber) == null ? void 0 : c.trim()) || "",
+      Email: x || "",
+      Gender: e.gender || "",
+      CardNo: e.cardNo || "",
+      Birthday: W((e == null ? void 0 : e.birthday) || void 0),
+      Credit: parseFloat((Number(l) - Number(y)).toFixed(2)),
+      FreeCredit: Number(y.toFixed(2)),
+      TotalCredit: Number(l),
+      Exp: e != null && e.collection ? ((b = (Y = (v = e.collection) == null ? void 0 : v.POINT) == null ? void 0 : Y.at(0)) == null ? void 0 : b.balance) ?? 0 : 0,
+      Point: e != null && e.collection ? ((q = (L = (T = e.collection) == null ? void 0 : T.COIN) == null ? void 0 : L.at(0)) == null ? void 0 : q.balance) ?? 0 : 0,
+      Level: e != null && e.collection ? ((X = (z = (m = e.collection) == null ? void 0 : m.TIER) == null ? void 0 : z.at(0)) == null ? void 0 : X.balance) ?? 0 : 0,
+      Tier: e != null && e.collection ? ((oe = (te = (ee = e.collection) == null ? void 0 : ee.TIER) == null ? void 0 : te.at(0)) == null ? void 0 : oe.balance) ?? 0 : 0,
+      Titles: F.join(","),
+      ...i,
+      TotalTransaction: e.stats.visitCount,
+      AvgSpent: be(Number(e.stats.avgBillSize || 0)).toFormat(
+        !1
+      ),
+      TotalSpent: e.stats.avgBillSize * e.stats.visitCount,
+      LastVisit: W(e.stats.lastVisit),
+      Feedback: ((ae = e.stats) == null ? void 0 : ae.feedbackCount) || 0,
+      LastSeasonTierEarned: ((ne = e.stats) == null ? void 0 : ne.lastSeasonTierEarned) || 0,
+      LastSeasonPointEarned: ((se = e.stats) == null ? void 0 : se.lastSeasonPointEarned) || 0,
+      JoinedAt: W(e.joinAt || void 0),
+      JoinedAtLocation: e.location && ((ie = u.value.find((g) => g.value == e.location)) == null ? void 0 : ie.label) || "-",
+      VisitFrequency: `${Number(
+        Math.ceil(e.stats.avgVisitFrequency).toFixed(0)
+      )}`
+    };
+  }
+}, Qe = { class: "flex items-center" }, Xe = /* @__PURE__ */ s("span", { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, " Segments ", -1), et = { class: "px-24 flex flex-col gap-y-16" }, tt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, ot = { class: "fm-typo-en-body-md-600" }, at = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, nt = /* @__PURE__ */ s("img", {
+  src: Se,
+  class: "aspect-square w-[150px]"
+}, null, -1), st = /* @__PURE__ */ s("div", { class: "flex flex-col gap-16 text-center" }, [
+  /* @__PURE__ */ s("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
+  /* @__PURE__ */ s("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Segments allow you to categorize your customers based on various criteria, enabling targeted marketing and personalized experiences. ")
+], -1), Ct = /* @__PURE__ */ K({
+  __name: "Segment",
+  setup(e) {
+    const { minor: u } = we, x = ge(), { mapMemberExportRow: F } = Ke, i = j(0), f = [
+      {
+        header: "Name",
+        accessorFn: (a) => a.name
+      },
+      {
+        header: "Total Customers in this Segment",
+        accessorFn: (a) => a.memberCount ?? 0
+      },
+      {
+        header: "% of customers",
+        accessorFn: (a) => ((a.memberCount ?? 0) * 100 / i.value).toFixed(2)
+      },
+      {
+        header: "Actions",
+        meta: {
+          maxWidth: "100px"
+        },
+        cell(a) {
+          return P("div", { class: "flex items-center justify-end" }, [
+            P(
+              G.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (t) => {
+                  t.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => P(G.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  P(
+                    G.FmMenuItem,
+                    {
+                      onClick: async (t) => {
+                        t.stopPropagation(), E(a.row.original);
+                      }
+                    },
+                    {
+                      label: P(
+                        "div",
+                        {
+                          class: "fm-typo-en-body-md-400"
+                        },
+                        "Export"
+                      )
+                    }
+                  ),
+                  P(
+                    G.FmMenuItem,
+                    {
+                      onClick: async (t) => {
+                        t.stopPropagation(), _(a.row.original);
+                      }
+                    },
+                    {
+                      label: P(
+                        "div",
+                        {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                        },
+                        "Remove"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], y = j(null), { tableMeta: l, rowData: r, debouncedFetchData: n } = pe(
+      R.readAll
+    );
+    async function C() {
+      await u(
+        async () => {
+          await R.refreshSegments(), await n({ pageSize: 10, pageIndex: 0 });
+        },
+        { message: "Refreshing segmentations" }
+      );
+    }
+    async function _(a) {
+      await xe.remove(`Are you sure you want to remove ${a.name}?`) && await u(
+        async () => {
+          await R.delete(a._id), await n({ pageSize: 10, pageIndex: 0 });
+        },
+        {
+          message: `Removing ${a.name}`,
+          successMessage: `Removed ${a.name} successfully`
+        }
+      );
+    }
+    async function E(a) {
+      const t = {
+        sortBy: "_id",
+        descending: !1,
+        rowsPerPage: 1e3,
+        page: 1,
+        rowsNumber: 0
+      }, p = new Me(), k = (await ce.read({
+        limit: 1,
+        skip: 0,
+        sortBy: t.sortBy,
+        descending: t.descending
+      })).meta.totalResources ?? 0, c = t.rowsPerPage;
+      await u(
+        async () => {
+          for (let v = 0; v < k; v += c) {
+            const Y = {
+              ...t,
+              limit: c,
+              skip: t.page - 1,
+              sortBy: t.sortBy,
+              descending: t.descending
+            }, b = await R.paginateSegmentUsers(
+              a._id,
+              Y
+            );
+            for (const T of b.resources) {
+              const L = F(T);
+              p.addRecord(L);
+            }
+            t.page++;
+          }
+          await Fe(
+            p.buildExcel(),
+            `[${a.name}]-members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            {
+              bookType: "xlsx",
+              bookSST: !1,
+              type: "array"
+            }
+          ), t.page = 1;
+        },
+        {
+          message: "Exporting member...",
+          successMessage: "Member exported successfully"
+        }
+      );
+    }
+    async function $(a) {
+      await u(
+        async () => {
+          var t;
+          if (a._id) {
+            const { members: p, _id: k, ...c } = a;
+            await R.update(a._id, c);
+          } else
+            await R.create(a);
+          await n({ pageSize: 10, pageIndex: 0 }), (t = y.value) == null || t.hideSheet();
+        },
+        {
+          message: "Saving segment",
+          successMessage: "Segment saved"
+        }
+      );
+    }
+    function M(a) {
+      var t;
+      (t = y.value) == null || t.showSheet(a);
+    }
+    const D = Q(() => x.isPremium ? [
+      {
+        label: "Refresh segments",
+        value: "refresh"
+      },
+      {
+        label: "Add segment",
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add"
+      }
+    ] : []);
+    return ve(async () => {
+      const { meta: a } = await ce.read({
+        limit: 1,
+        skip: 0,
+        sortBy: "_id",
+        search: void 0,
+        descending: !1
+      });
+      i.value = a.totalResources ?? 0, await n({ pageSize: 10, pageIndex: 0 }), await x.readPremium(), await x.readLocations();
+    }), (a, t) => {
+      const p = h("FmPill"), k = h("FmPageHead"), c = h("FmIcon"), v = h("FmMenuItem"), Y = h("FmMenu"), b = h("FmListItem"), T = h("FmList"), L = h("FmButton"), q = h("FmCard");
+      return S(), B(H, null, [
+        d(k, {
+          title: "Segments",
+          actions: o(D),
+          "onClick:action": t[0] || (t[0] = (m) => m === "add" ? M() : C())
+        }, {
+          title: w(() => [
+            s("div", Qe, [
+              Xe,
+              d(p, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        s("div", et, [
+          o(r).length > 0 || o(l).searchValue || o(l).isLoading ? (S(), B(H, { key: 0 }, [
+            d(me, {
+              loading: o(l).isLoading,
+              "row-data": o(r),
+              "row-count": o(l).totalRows,
+              "column-defs": f,
+              "shrink-at": !1,
+              "page-count": o(l).pageCount,
+              "page-index": o(l).pageIndex,
+              "page-size": o(l).pageSize,
+              onRowClick: t[1] || (t[1] = (m) => {
+                M(m.original);
+              }),
+              onPageChange: o(n)
+            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onPageChange"]),
+            d(T, { class: "w-full hidden xs:block" }, {
+              default: w(() => [
+                (S(!0), B(H, null, he(o(r), (m) => (S(), Z(b, {
+                  key: m._id.toString(),
+                  tag: "label",
+                  onClick: (z) => M(m)
+                }, {
+                  default: w(() => [
+                    s("div", null, [
+                      s("div", tt, V((m.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
+                      s("div", ot, V(m.name), 1),
+                      s("div", at, V(((m.memberCount ?? 0) * 100 / o(i)).toFixed(2)) + "% of customers ", 1)
+                    ])
+                  ]),
+                  append: w(() => [
+                    d(Y, { "stop-click-propagation": !0 }, {
+                      "menu-button": w(() => [
+                        d(c, { name: "more_vert" })
+                      ]),
+                      default: w(() => [
+                        d(v, {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400",
+                          label: "Remove",
+                          "onUpdate:modelValue": (z) => z && _(m)
+                        }, null, 8, ["onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (S(), Z(q, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: w(() => [
+              nt,
+              st,
+              d(L, {
+                variant: "primary",
+                label: "Create segment",
+                disabled: !o(x).isPremium,
+                icon: "add",
+                onClick: t[2] || (t[2] = (m) => M())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          d(Ze, {
+            ref_key: "sheetRef",
+            ref: y,
+            "onUpdate:modelValue": $
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ct as default
+};

package/dist/{Setting-DLB2ywCp.js → Setting-CFGB53S0.js}

@@ -1,15 +1,15 @@
 import { defineComponent as Re, ref as z, computed as ie, onMounted as De, resolveComponent as L, openBlock as V, createBlock as we, withCtx as G, createElementVNode as b, createVNode as M, unref as h, isRef as ke, createElementBlock as q, Fragment as fe, createTextVNode as Q, toDisplayString as k, renderList as Ie, createCommentVNode as Pe } from "vue";
 import { h as rt } from "./moment-BWErdI6_.js";
 import { useDialog as Ve } from "@feedmepos/ui-library";
-import { a as xe, u as it, p as st, f as K } from "./loading-KNmEMBUB.js";
+import { a as xe, u as it, p as st, f as K } from "./loading-Dj5bx8fg.js";
 import { u as at } from "./app-wDQR6dpb.js";
-import { u as be, l as $e } from "./business-BSo7EPan.js";
-import { u as ze } from "./membership-DKoVIS1a.js";
-import { l as lt } from "./index-Da142OER.js";
+import { u as be, l as $e } from "./business-DveMDDHY.js";
+import { u as ze } from "./membership-B2avlZoN.js";
+import { l as lt } from "./index-gcsOy_cD.js";
 import { _ as Ne } from "./ImageInput.vue_vue_type_script_setup_true_lang-ByhTB9Ie.js";
-import { _ as ct } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-BGI78ycg.js";
-import { _ as ut } from "./MessageInput.vue_vue_type_script_setup_true_lang-3VS7JnK6.js";
-import { m as dt } from "./index-CC1GV8OW.js";
+import { _ as ct } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DWlpmE56.js";
+import { _ as ut } from "./MessageInput.vue_vue_type_script_setup_true_lang-Ca1LO__F.js";
+import { m as dt } from "./index-Dx4pkNRc.js";
 import { o as ft } from "./objectId-dwaoBfJX.js";
 import { a as gt } from "./object-qECH92oz.js";
 var Z = {}, mt = function() {