@feedmepos/mf-connect 0.1.0-beta.2 → 0.1.0-beta.21

package/dist/Segment-DAHJ2FYV.js

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