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

package/dist/Segment-dTpsHadj.js

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