@feedmepos/mf-connect 0.1.0-beta.74 → 0.1.0-beta.76

package/dist/Segment-nw3f_GaH.js

@@ -0,0 +1,837 @@
+import { defineComponent as ee, ref as U, resolveComponent as h, openBlock as f, createElementBlock as C, createElementVNode as s, createVNode as c, unref as t, createCommentVNode as se, createBlock as J, toDisplayString as $, normalizeClass as le, onMounted as _e, Fragment as G, renderList as Se, withCtx as A, computed as ie, isRef as Ce, createSlots as ke, h as Y, onBeforeMount as Ie } from "vue";
+import { _ as Me } from "./campaign-CpzFl8Vr.js";
+import { p as Te } from "./plugins-C1KEHJqD.js";
+import { u as Ee } from "./loading-CTlOzqJl.js";
+import { FmButtonVariant as ae, useSnackbar as Ae, components as X } from "@feedmepos/ui-library";
+import { u as xe, _ as we } from "./usePagination-BeF5K3M7.js";
+import { u as Fe } from "./vue-i18n-DPPL08ue.js";
+import "./index-T5VJ7LOc.js";
+import { i as Re, j as D, c as pe } from "./index-PgUO1aJB.js";
+import "./index-B91yws4l.js";
+import "./index-BH2tnZva.js";
+import "./index-D81rTS6w.js";
+import { w as De } from "./xlsx-DYWFGuKq.js";
+import { e as $e, M as Pe } from "./email-addresses-B6TJYRyi.js";
+import { Z as Ne } from "./zod-Bg2FbC-D.js";
+import { u as Ve } from "./app-wDQR6dpb.js";
+import { F as me, z as Be } from "./index-D1XWT8fK.js";
+import { R as fe } from "./rule-builder-Cv6CdZ_v.js";
+import { _ as Ye } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CYegMpRN.js";
+import { _ as Le } from "./RuleGroup.vue_vue_type_script_setup_true_lang-D--VbQVQ.js";
+import { u as Ue, v as ze, w as Oe } from "./index.esm2017-Cse5Z0VX.js";
+import { F as je } from "./FileSaver.min-NlMItPOc.js";
+import { h as H } from "./moment-BWErdI6_.js";
+import { s as N, u as qe } from "./membership-BEHTbLlS.js";
+import { o as He } from "./objectId-dwaoBfJX.js";
+import { u as he } from "./business-DqRPnW29.js";
+import { f as Ge } from "./number-g3UEQ6sr.js";
+import { t as Je } from "./money-qwQnNFuK.js";
+import "./index-BHRp97cP.js";
+import { useRouter as Qe } from "vue-router";
+import { m as ge } from "./index-CdRq0mem.js";
+import { R as ye } from "./app-BN77OXgS.js";
+const We = Re.extend({
+  _id: me.optional(),
+  business: me.optional(),
+  file: Be.any().nullish()
+}), Ze = { class: "flex flex-col space-y-16" }, Ke = {
+  key: 0,
+  class: /* @__PURE__ */ le([
+    "p-16 pl-24 space-x-8",
+    "bg-fm-color-primary-oats rounded-lg",
+    "flex items-center",
+    "justify-between"
+  ])
+}, Xe = {
+  key: 1,
+  class: /* @__PURE__ */ le([
+    "flex items-center",
+    "border border-fm-color-neutral-gray-300",
+    "p-16 space-x-16 rounded-md"
+  ])
+}, et = { class: "fm-typo-en-body-lg-400 flex-1 truncate" }, tt = /* @__PURE__ */ ee({
+  __name: "ImportSegment",
+  props: {
+    importFile: {}
+  },
+  emits: ["update:file"],
+  setup(e, { emit: v }) {
+    const _ = e, w = v, { t: u } = Fe(), g = U(null), m = U(null), F = ["Id"];
+    async function n() {
+      if (_.importFile)
+        try {
+          const p = Ue(), S = ze(p, _.importFile), x = await Oe(S);
+          window.open(x, "_blank");
+        } catch (p) {
+          console.log(p);
+        }
+    }
+    async function l() {
+      const p = new Blob([F.join(",")], {
+        type: "text/csv;charset=utf-8;"
+      });
+      je.saveAs(p, "ImportSegmentTemplate.csv");
+    }
+    function r(p) {
+      g.value = p, w("update:file", g.value);
+    }
+    function b(p) {
+      var x, T;
+      const S = ((T = (x = p.target) == null ? void 0 : x.files) == null ? void 0 : T[0]) ?? null;
+      r(S);
+    }
+    return (p, S) => {
+      const x = h("FmButton"), T = h("FmDropField");
+      return f(), C("div", Ze, [
+        S[2] || (S[2] = s("div", { class: "fm-typo-en-title-sm-800" }, "Upload File", -1)),
+        p.importFile ? (f(), C("div", Ke, [
+          c(x, {
+            label: t(u)("View uploaded file"),
+            variant: t(ae).Plain,
+            icon: "file_present",
+            onClick: n
+          }, null, 8, ["label", "variant"])
+        ])) : se("", !0),
+        s("div", null, [
+          c(x, {
+            class: "ml-auto",
+            variant: "tertiary",
+            icon: "download",
+            label: "Download Template",
+            onClick: l
+          }),
+          g.value ? (f(), C("div", Xe, [
+            c(x, {
+              variant: t(ae).Tertiary,
+              "prepend-icon": "attach_file"
+            }, null, 8, ["variant"]),
+            s("p", et, $(g.value.name), 1),
+            s("label", {
+              ref_key: "fileLabelRef",
+              ref: m,
+              htmlFor: "file"
+            }, [
+              c(x, {
+                variant: t(ae).Plain,
+                label: t(u)("Replace File"),
+                onClick: S[1] || (S[1] = () => {
+                  var E;
+                  return (E = m.value) == null ? void 0 : E.click();
+                })
+              }, null, 8, ["variant", "label"]),
+              s("input", {
+                id: "file",
+                accept: ".csv",
+                class: "hidden",
+                type: "file",
+                multiple: "",
+                onChange: b
+              }, null, 32)
+            ], 512)
+          ])) : (f(), J(T, {
+            key: 0,
+            onFileUpload: S[0] || (S[0] = (E) => r(E)),
+            accept: ".csv",
+            "max-file-size": 2e7
+          }))
+        ])
+      ]);
+    };
+  }
+}), ot = { class: "space-y-16 pr-12" }, at = { class: "fm-typo-en-title-md-800" }, nt = { class: "flex space-x-8" }, st = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, lt = { class: "text-fm-color-typo-secondary" }, it = /* @__PURE__ */ ee({
+  __name: "ReviewSegment",
+  props: {
+    title: {},
+    segment: {}
+  },
+  setup(e) {
+    const v = e, _ = [
+      {
+        header: "Name",
+        accessorFn: (l) => l.name
+      },
+      {
+        header: "Id",
+        accessorFn: (l) => l._id
+      },
+      {
+        header: "Customer Since",
+        accessorFn: (l) => H(He(l._id.toString())).format("DD MMM YYYY")
+      },
+      {
+        header: "Phone",
+        accessorFn: (l) => l.phoneNumber
+      },
+      {
+        header: "Birthday",
+        accessorFn: (l) => H(l.birthday).format("DD MMM YYYY")
+      },
+      {
+        header: "Last Visit",
+        accessorFn: (l) => H(l.stats.lastVisit).format("DD MMM YYYY")
+      }
+    ], w = async (l) => v.segment._id ? await N.paginateSegmentUsers(v.segment._id, {
+      limit: u.value.pageSize,
+      skip: l.pageIndex ?? 0,
+      sortBy: "_id",
+      search: l.searchValue,
+      descending: !0
+    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: u, rowData: g, onSort: m, debouncedFetchData: F, onSearch: n } = xe(w);
+    return _e(async () => {
+      await F();
+    }), (l, r) => (f(), C("div", ot, [
+      s("div", at, $(v.title), 1),
+      s("div", nt, [
+        s("div", st, $(l.segment.members.length), 1),
+        s("div", lt, [
+          r[1] || (r[1] = s("div", null, "contacts in your segment", -1)),
+          s("div", null, "as of " + $(t(H)(l.segment.lastUpdated).format("DD MMM YYYY")), 1)
+        ])
+      ]),
+      c(we, {
+        loading: t(u).isLoading,
+        "row-data": t(g),
+        "row-count": t(u).totalRows,
+        "column-defs": _,
+        "page-size": t(u).pageSize,
+        "page-count": t(u).pageCount,
+        "page-index": t(u).pageIndex,
+        onSortChange: t(m),
+        onPageChange: r[0] || (r[0] = (b) => t(F)({ pageSize: b.pageSize, pageIndex: b.pageIndex }))
+      }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"])
+    ]));
+  }
+}), rt = { class: "space-y-24" }, ct = { class: "grid grid-cols-2 gap-16" }, dt = { class: "fm-typo-en-title-sm-800" }, ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, pt = /* @__PURE__ */ ee({
+  __name: "SegmentTypeOption",
+  props: {
+    modelValue: {},
+    errorText: {}
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: v }) {
+    const _ = e, w = v, u = [
+      {
+        label: "Dynamic",
+        sublabel: "Segment statistics are based on rules configured and will be recalculated automatically when rule changes.",
+        value: D.enum.DYNAMIC
+      },
+      {
+        label: "Static",
+        sublabel: "Segment statistics are based on imported data and will not be recalculated.",
+        value: D.enum.STATIC
+      }
+    ];
+    function g(m) {
+      m !== _.modelValue && w("update:model-value", m);
+    }
+    return (m, F) => {
+      const n = h("FmCard"), l = h("FmHelperText");
+      return f(), C("div", rt, [
+        s("div", ct, [
+          (f(), C(G, null, Se(u, (r) => c(n, {
+            variant: "outlined",
+            class: le(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-2", {
+              "col-span-2": u.length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": m.modelValue === r.value,
+              "hover:bg-fm-color-opacity-sm": m.modelValue !== r.value
+            }]),
+            onClick: (b) => g(r.value),
+            key: r.value
+          }, {
+            default: A(() => [
+              s("div", dt, $(r.label), 1),
+              s("div", ut, $(r.sublabel), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "onClick"])), 64))
+        ]),
+        m.errorText ? (f(), J(l, {
+          key: 0,
+          class: "!mt-4",
+          text: m.errorText,
+          state: "error"
+        }, null, 8, ["text"])) : se("", !0)
+      ]);
+    };
+  }
+}), mt = { class: "flex items-center gap-x-8" }, ft = {
+  key: 0,
+  class: "space-y-16 pr-12"
+}, gt = { class: "flex flex-col space-y-16" }, yt = {
+  key: 0,
+  class: "flex flex-col space-y-16"
+}, vt = {
+  key: 1,
+  class: "flex flex-col space-y-16"
+}, _t = {
+  key: 2,
+  class: "flex flex-col space-y-16"
+}, St = { class: "flex items-center gap-8" }, xt = /* @__PURE__ */ ee({
+  __name: "SegmentSheet",
+  emits: ["update:model-value"],
+  setup(e, { expose: v, emit: _ }) {
+    const w = Ve(), u = U(!1), g = U(!1), m = {
+      name: "",
+      isActive: !0,
+      type: D.enum.DYNAMIC,
+      rule: fe.scaffoldGroup(),
+      members: []
+    }, F = We, n = U(m), l = ie(() => {
+      const y = F.safeParse(n.value);
+      return y.success ? [] : y.error.errors;
+    });
+    function r(y) {
+      u.value = !0, g.value = !1, y ? n.value = {
+        ...y,
+        isActive: y.isActive !== !1,
+        type: y.type ?? (y.importFile ? D.enum.STATIC : D.enum.DYNAMIC)
+      } : n.value = { ...m };
+    }
+    function b() {
+      u.value = !1;
+    }
+    async function p() {
+      F.safeParse(n.value).success && (g.value = !0);
+    }
+    function S() {
+      g.value = !1;
+    }
+    async function x() {
+      n.value.type === D.enum.STATIC ? (n.value.rule = fe.scaffoldGroup(), n.value.isActive = !1) : n.value.file = void 0, E("update:model-value", n.value);
+    }
+    async function T(y) {
+      n.value.type = y;
+    }
+    _e(async () => {
+    });
+    const E = _;
+    return v({
+      showSheet: r,
+      hideSheet: b
+    }), (y, i) => {
+      const R = h("FmButton"), z = h("FmSwitch"), a = h("FmSideSheet");
+      return f(), J(a, {
+        modelValue: t(u),
+        "onUpdate:modelValue": i[8] || (i[8] = (o) => Ce(u) ? u.value = o : null),
+        header: "Add segment",
+        "dismiss-away": "",
+        "close-button": !0,
+        "max-width": 1100
+      }, ke({
+        "side-sheet-footer": A(() => [
+          s("div", St, [
+            t(g) || t(n).type === t(D).enum.STATIC ? (f(), C(G, { key: 0 }, [
+              c(R, {
+                label: "Save Segment",
+                onClick: x,
+                loading: t(w).isLoading,
+                disabled: t(l).length > 0 || t(w).isLoading
+              }, null, 8, ["loading", "disabled"]),
+              c(R, {
+                label: "Cancel",
+                onClick: i[6] || (i[6] = (o) => S()),
+                variant: "tertiary"
+              })
+            ], 64)) : (f(), C(G, { key: 1 }, [
+              c(R, {
+                label: "Review Segment",
+                disabled: t(l).length > 0 || t(w).isLoading,
+                onClick: p
+              }, null, 8, ["disabled"]),
+              c(R, {
+                label: "Cancel",
+                onClick: i[7] || (i[7] = (o) => b()),
+                variant: "tertiary"
+              })
+            ], 64))
+          ])
+        ]),
+        default: A(() => {
+          var o;
+          return [
+            t(g) ? (f(), J(it, {
+              key: 1,
+              title: t(n).name,
+              segment: t(n)
+            }, null, 8, ["title", "segment"])) : (f(), C("div", ft, [
+              c(Ye, {
+                modelValue: t(n).name,
+                "onUpdate:modelValue": i[1] || (i[1] = (d) => t(n).name = d),
+                label: "Segment title",
+                schema: t(Ne).typeAtPath(t(F), "name")
+              }, null, 8, ["modelValue", "schema"]),
+              s("div", gt, [
+                i[10] || (i[10] = s("div", { class: "fm-typo-en-title-sm-800" }, "Segment Type", -1)),
+                c(pt, {
+                  "model-value": t(n).type,
+                  "onUpdate:modelValue": i[2] || (i[2] = (d) => {
+                    T(d);
+                  })
+                }, null, 8, ["model-value"])
+              ]),
+              t(n).type === t(D).enum.DYNAMIC ? (f(), C("div", yt, [
+                i[11] || (i[11] = s("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1)),
+                c(Le, {
+                  "trigger-type": "MEMBERSHIP_JOINED",
+                  includeOnly: "user",
+                  "model-value": (o = t(n)) == null ? void 0 : o.rule,
+                  "onUpdate:modelValue": i[3] || (i[3] = (d) => {
+                    t(n).rule = d;
+                  })
+                }, null, 8, ["model-value"])
+              ])) : (f(), C("div", vt, [
+                c(tt, {
+                  importFile: t(n).importFile,
+                  "onUpdate:file": i[4] || (i[4] = (d) => {
+                    t(n).file = d;
+                  })
+                }, null, 8, ["importFile"])
+              ])),
+              t(n).type === t(D).enum.DYNAMIC ? (f(), C("div", _t, [
+                i[12] || (i[12] = s("div", { class: "fm-typo-en-title-sm-800" }, "Segment Status", -1)),
+                c(z, {
+                  "model-value": t(n).isActive ?? !0,
+                  "onUpdate:modelValue": i[5] || (i[5] = (d) => t(n).isActive = d),
+                  label: "Active",
+                  sublabel: "When enabled, this will recalculate the segment statistics daily.",
+                  "label-placement": "right"
+                }, null, 8, ["model-value"])
+              ])) : se("", !0)
+            ]))
+          ];
+        }),
+        _: 2
+      }, [
+        t(g) ? {
+          name: "side-sheet-header",
+          fn: A(() => [
+            s("div", mt, [
+              c(R, {
+                icon: "arrow_back",
+                variant: "tertiary",
+                onClick: i[0] || (i[0] = (o) => g.value = !1)
+              }),
+              i[9] || (i[9] = s("div", null, "Review segment", -1))
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), ve = qe(), wt = he();
+function ne(e) {
+  const v = H(e);
+  return v.isValid() ? v.format("DD/MM/YYYY") : "";
+}
+const Ft = {
+  mapMemberExportRow: (e) => {
+    var l, r, b, p, S, x, T, E, y, i, R, z, a, o, d, P, M, V, B, O, j, q, te, k, Q, re, ce, de;
+    const v = ie(() => wt.locations.map((I) => ({
+      label: I.name,
+      value: I._id
+    }))), _ = (l = $e.parseOneAddress(
+      e == null ? void 0 : e.email
+    )) != null && l.domain.includes("feedmepos.com") ? void 0 : e.email, w = (b = ((r = e == null ? void 0 : e.collection) == null ? void 0 : r.TITLE) || []) == null ? void 0 : b.reduce(
+      (I, L) => {
+        var Z, K;
+        const W = (K = (Z = ve.sortedTitles) == null ? void 0 : Z.find(
+          (oe) => oe._id === L.collectible
+        )) == null ? void 0 : K.name;
+        return !W || L.balance <= 0 || I.push(W), I;
+      },
+      []
+    ), u = (ve.sortedTitles || []).reduce(
+      (I, L) => {
+        var Z, K, oe, ue;
+        const W = (ue = (oe = (K = (((Z = e == null ? void 0 : e.collection) == null ? void 0 : Z.TITLE) || []).find(
+          (be) => be.collectible === L._id
+        )) == null ? void 0 : K.expiryBalance) == null ? void 0 : oe[0]) == null ? void 0 : ue.expiredAt;
+        return I[L.name] = W ? H(W).format("DD/MM/YYYY") : "", I;
+      },
+      {}
+    ), g = ((x = (S = (p = e.collection) == null ? void 0 : p.CREDIT) == null ? void 0 : S.at(0)) == null ? void 0 : x.balance) || 0, m = ((i = (y = (E = (T = e.collection) == null ? void 0 : T.CREDIT) == null ? void 0 : E.at(0)) == null ? void 0 : y.expiryBalance) == null ? void 0 : i.reduce(
+      (I, L) => I + L.amount,
+      0
+    )) || 0, F = Ge(g, 2);
+    return {
+      ID: e._id.toString(),
+      Name: ((R = e.name) == null ? void 0 : R.trim()) || "",
+      Phone: ((z = e == null ? void 0 : e.phoneNumber) == null ? void 0 : z.trim()) || "",
+      Email: _ || "",
+      Gender: e.gender || "",
+      CardNo: e.cardNo || "",
+      Birthday: e != null && e.birthday ? ne(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 ? ((d = (o = (a = e.collection) == null ? void 0 : a.POINT) == null ? void 0 : o.at(0)) == null ? void 0 : d.balance) ?? 0 : 0,
+      Point: e != null && e.collection ? ((V = (M = (P = e.collection) == null ? void 0 : P.COIN) == null ? void 0 : M.at(0)) == null ? void 0 : V.balance) ?? 0 : 0,
+      Level: e != null && e.collection ? ((j = (O = (B = e.collection) == null ? void 0 : B.TIER) == null ? void 0 : O.at(0)) == null ? void 0 : j.balance) ?? 0 : 0,
+      Tier: e != null && e.collection ? ((k = (te = (q = e.collection) == null ? void 0 : q.TIER) == null ? void 0 : te.at(0)) == null ? void 0 : k.balance) ?? 0 : 0,
+      Titles: w.join(","),
+      ...u,
+      TotalTransaction: e.stats.visitCount,
+      AvgSpent: Je(Number(e.stats.avgBillSize || 0)).toFormat(
+        !1
+      ),
+      TotalSpent: e.stats.avgBillSize * e.stats.visitCount,
+      LastVisit: ne(e.stats.lastVisit),
+      Feedback: ((Q = e.stats) == null ? void 0 : Q.feedbackCount) || 0,
+      LastSeasonTierEarned: ((re = e.stats) == null ? void 0 : re.lastSeasonTierEarned) || 0,
+      LastSeasonPointEarned: ((ce = e.stats) == null ? void 0 : ce.lastSeasonPointEarned) || 0,
+      JoinedAt: ne(e.joinAt || void 0),
+      JoinedAtLocation: e.location && ((de = v.value.find((I) => I.value == e.location)) == null ? void 0 : de.label) || "-",
+      VisitFrequency: `${Number(
+        Math.ceil(e.stats.avgVisitFrequency).toFixed(0)
+      )}`
+    };
+  }
+}, ht = { class: "flex items-center" }, bt = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Ct = { class: "px-24 flex flex-col gap-y-16" }, kt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, It = { class: "fm-typo-en-body-md-600" }, Mt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, io = /* @__PURE__ */ ee({
+  __name: "Segment",
+  setup(e) {
+    const { minor: v } = Ee, { t: _ } = Fe(), w = he(), { mapMemberExportRow: u } = Ft, g = Ae(), m = Qe(), F = U(0), n = [
+      {
+        header: _("connect.loyalty.segment.table.name"),
+        accessorFn: (a) => a.name
+      },
+      {
+        header: _("connect.loyalty.segment.table.status"),
+        enableSorting: !1,
+        cell(a) {
+          const o = a.row.original.isActive === !1 ? "Inactive" : "Active";
+          return Y(X.FmChip, {
+            class: a.row.original.isActive === !1 ? "text-fm-color-typo-error bg-fm-color-system-error-100" : "text-fm-color-typo-success bg-fm-color-system-success-100",
+            label: o,
+            compact: !0
+          });
+        }
+      },
+      {
+        header: _("connect.loyalty.segment.table.total_customers"),
+        accessorFn: (a) => a.memberCount ?? 0
+      },
+      {
+        header: _("connect.loyalty.segment.table.customer_percentage"),
+        accessorFn: (a) => ((a.memberCount ?? 0) * 100 / F.value).toFixed(2)
+      },
+      {
+        header: _("connect.loyalty.segment.table.actions"),
+        meta: {
+          maxWidth: "100px"
+        },
+        cell(a) {
+          return Y("div", { class: "flex items-center justify-end" }, [
+            Y(
+              X.FmMenu,
+              {
+                placement: "bottom-end",
+                onClick: (o) => {
+                  o.stopPropagation();
+                }
+              },
+              {
+                "menu-button": () => Y(X.FmButton, {
+                  icon: "more_vert",
+                  iconColor: "neutral-gray-400",
+                  variant: "tertiary"
+                }),
+                default: () => [
+                  Y(
+                    X.FmMenuItem,
+                    {
+                      onClick: async (o) => {
+                        o.stopPropagation(), T(a.row.original);
+                      }
+                    },
+                    {
+                      label: Y(
+                        "div",
+                        {
+                          class: "fm-typo-en-body-md-400"
+                        },
+                        "Export"
+                      )
+                    }
+                  ),
+                  Y(
+                    X.FmMenuItem,
+                    {
+                      onClick: async (o) => {
+                        o.stopPropagation(), x(a.row.original);
+                      }
+                    },
+                    {
+                      label: Y(
+                        "div",
+                        {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400"
+                        },
+                        "Remove"
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ]);
+        }
+      }
+    ], l = U(null), { tableMeta: r, rowData: b, debouncedFetchData: p } = xe(
+      N.readAll
+    );
+    async function S() {
+      await v(
+        async () => {
+          await N.refreshSegments(), await p({ pageSize: 10, pageIndex: 0 });
+        },
+        { message: "Refreshing segmentations" }
+      );
+    }
+    async function x(a) {
+      await Te.remove(`Are you sure you want to remove ${a.name}?`) && await v(
+        async () => {
+          await N.delete(a._id), await p({ pageSize: 10, pageIndex: 0 });
+        },
+        {
+          message: `Removing ${a.name}`,
+          successMessage: `Removed ${a.name} successfully`
+        }
+      );
+    }
+    async function T(a) {
+      const o = {
+        sortBy: "_id",
+        descending: !1,
+        rowsPerPage: 1e3,
+        page: 1,
+        rowsNumber: 0
+      }, d = new Pe(), P = (await ge.read({
+        limit: 1,
+        skip: 0,
+        sortBy: o.sortBy,
+        descending: o.descending
+      })).meta.totalResources ?? 0, M = o.rowsPerPage;
+      await v(
+        async () => {
+          for (let V = 0; V < P; V += M) {
+            const B = {
+              ...o,
+              limit: M,
+              skip: o.page - 1,
+              sortBy: o.sortBy,
+              descending: o.descending
+            }, O = await N.paginateSegmentUsers(
+              a._id,
+              B
+            );
+            for (const j of O.resources) {
+              const q = u(j);
+              d.addRecord(q);
+            }
+            o.page++;
+          }
+          await De(
+            d.buildExcel(),
+            `[${a.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 E(a) {
+      await v(
+        async () => {
+          var o;
+          if (a.type === D.enum.STATIC) {
+            const d = new FormData();
+            if (d.append("file", a.file), a._id) {
+              const { members: P, _id: M, file: V, ...B } = a;
+              d.append("segment", JSON.stringify(B)), await N.updateStatic(a._id, d);
+            } else {
+              const { file: P, ...M } = a;
+              d.append("segment", JSON.stringify(M)), await N.createStatic(d);
+            }
+            a.file && g.open({
+              type: "info",
+              title: "Import begins soon. Check Queue for updates.",
+              action: "View",
+              onAction: async () => {
+                await m.push({
+                  name: ye["$connect-QUEUE"],
+                  query: { type: [pe.enum.SEGMENTATION_IMPORTED] }
+                });
+              }
+            });
+          } else if (a._id) {
+            const { members: d, _id: P, ...M } = a;
+            await N.update(a._id, M);
+          } else
+            await N.create(a);
+          await p({ pageSize: 10, pageIndex: 0 }), (o = l.value) == null || o.hideSheet();
+        },
+        {
+          message: "Saving segment",
+          successMessage: "Segment saved"
+        }
+      );
+    }
+    function y(a) {
+      var o;
+      (o = l.value) == null || o.showSheet(a);
+    }
+    const i = {
+      label: _("connect.navigation.queue"),
+      value: "queue",
+      isPrimary: !1,
+      prependIcon: "work_history"
+    }, R = ie(() => w.isPremium ? [
+      i,
+      {
+        label: "Refresh segments",
+        value: "refresh",
+        prependIcon: "refresh"
+      },
+      {
+        label: "Add segment",
+        value: "add",
+        isPrimary: !0,
+        prependIcon: "add"
+      }
+    ] : []);
+    function z(a) {
+      switch (a) {
+        case "add":
+          y();
+          break;
+        case "refresh":
+          S();
+          break;
+        case "queue":
+          m.push({
+            name: ye["$connect-QUEUE"],
+            query: { type: [pe.enum.SEGMENTATION_IMPORTED] }
+          });
+          break;
+      }
+    }
+    return Ie(async () => {
+      const { meta: a } = await ge.read({
+        limit: 1,
+        skip: 0,
+        sortBy: "_id",
+        search: void 0,
+        descending: !1
+      });
+      F.value = a.totalResources ?? 0, await p({ pageSize: 10, pageIndex: 0 }), await w.readPremium(), await w.readLocations();
+    }), (a, o) => {
+      const d = h("FmPill"), P = h("FmPageHead"), M = h("FmIcon"), V = h("FmMenuItem"), B = h("FmMenu"), O = h("FmListItem"), j = h("FmList"), q = h("FmButton"), te = h("FmCard");
+      return f(), C(G, null, [
+        c(P, {
+          title: "Segments",
+          actions: t(R),
+          "onClick:action": o[0] || (o[0] = (k) => z(k))
+        }, {
+          title: A(() => [
+            s("div", ht, [
+              s("span", bt, $(t(_)("connect.loyalty.segment.title")), 1),
+              c(d, { variant: "premium" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        s("div", Ct, [
+          t(b).length > 0 || t(r).searchValue || t(r).isLoading ? (f(), C(G, { key: 0 }, [
+            c(we, {
+              loading: t(r).isLoading,
+              "row-data": t(b),
+              "row-count": t(r).totalRows,
+              "column-defs": n,
+              "shrink-at": !1,
+              "page-count": t(r).pageCount,
+              "page-index": t(r).pageIndex,
+              "page-size": t(r).pageSize,
+              onRowClick: o[1] || (o[1] = (k) => {
+                y(k.original);
+              }),
+              onPageChange: t(p)
+            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onPageChange"]),
+            c(j, { class: "w-full hidden xs:block" }, {
+              default: A(() => [
+                (f(!0), C(G, null, Se(t(b), (k) => (f(), J(O, {
+                  key: k._id.toString(),
+                  tag: "label",
+                  onClick: (Q) => y(k)
+                }, {
+                  default: A(() => [
+                    s("div", null, [
+                      s("div", kt, $((k.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
+                      s("div", It, $(k.name), 1),
+                      s("div", Mt, $(((k.memberCount ?? 0) * 100 / t(F)).toFixed(2)) + "% of customers ", 1)
+                    ])
+                  ]),
+                  append: A(() => [
+                    c(B, { "stop-click-propagation": !0 }, {
+                      "menu-button": A(() => [
+                        c(M, { name: "more_vert" })
+                      ]),
+                      default: A(() => [
+                        c(V, {
+                          class: "text-fm-color-typo-error fm-typo-en-body-md-400",
+                          label: "Remove",
+                          "onUpdate:modelValue": (Q) => Q && x(k)
+                        }, null, 8, ["onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (f(), J(te, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: A(() => [
+              o[3] || (o[3] = s("img", {
+                src: Me,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              o[4] || (o[4] = s("div", { class: "flex flex-col gap-16 text-center" }, [
+                s("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
+                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)),
+              c(q, {
+                variant: "primary",
+                label: "Create segment",
+                disabled: !t(w).isPremium,
+                icon: "add",
+                onClick: o[2] || (o[2] = (k) => y())
+              }, null, 8, ["disabled"])
+            ]),
+            _: 1
+          })),
+          c(xt, {
+            ref_key: "sheetRef",
+            ref: l,
+            "onUpdate:modelValue": E
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  io as default
+};