@feedmepos/mf-connect 0.1.38-beta.2 → 0.1.39-prod

package/dist/Segment-DDQIzsrk.js

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