@feedmepos/mf-connect 0.1.0-beta.9 → 0.1.1-prod

package/dist/Segment-CXSE8Bzf.js

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