@feedmepos/mf-connect 0.1.47-prod → 0.1.49-prod

package/dist/{Segment-DF5SrucQ.js → Segment-DIy4RERw.js}

@@ -1,42 +1,42 @@
-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 l, 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 { defineComponent as ee, ref as z, resolveComponent as S, openBlock as m, createElementBlock as C, createElementVNode as l, createVNode as r, unref as t, createCommentVNode as le, withCtx as E, Fragment as O, renderList as ie, createBlock as J, toDisplayString as $, 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 { n as $e, p as Ae } from "./plugins-Dn7JDHi7.js";
-import { u as Re } from "./loading-c4b7n9Xp.js";
-import { FmButtonVariant as ae, useSnackbar as De, components as X } from "@feedmepos/ui-library";
-import { u as xe, _ as be } from "./usePagination-JoYaROkV.js";
-import { u as we } from "./vue-i18n--_Wu1nMj.js";
-import { i as Pe, j as R, c as fe } from "./index-knuJv0ti.js";
-import "./index-DNTd-FNx.js";
-import "./index-Cx8-ipee.js";
-import "./index-ng2IXlL1.js";
-import "./index-DlFVLRKG.js";
-import { u as ne, w as Fe } from "./xlsx-BVMaOi8M.js";
-import { e as Ne, M as Be } from "./email-addresses-BeYh5fr5.js";
+import { n as Ae, p as Re } from "./plugins-Z2YcDTj8.js";
+import { u as De } from "./loading-CZH88Duq.js";
+import { FmButtonVariant as ae, useSnackbar as $e, components as X } from "@feedmepos/ui-library";
+import { u as be, _ as we } from "./usePagination-Ds-cuHop.js";
+import { u as Fe } from "./vue-i18n-2D47GxQX.js";
+import { i as Pe, j as D, c as fe } from "./index-COoQSeE7.js";
+import "./index-zyVYgteg.js";
+import "./index-BJl_HxaB.js";
+import "./index-P6ISAxfQ.js";
+import "./index-BBi9jDD1.js";
+import { u as ne, w as he } from "./xlsx-BEk5qawh.js";
+import { e as Ne, M as Be } from "./email-addresses-BLVkwSkP.js";
 import { Z as Ve } from "./zod-Bg2FbC-D.js";
 import { u as Ye } from "./app-wDQR6dpb.js";
-import { F as ye, z as Ue } from "./index-D5KIp8ZB.js";
-import { R as ge } from "./rule-builder-DmlhHAED.js";
-import { _ as Le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B8HHh8HU.js";
-import { _ as ze } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BzsYC3k2.js";
-import { u as Oe, v as je, w as qe } from "./index.esm2017-D8stWFci.js";
+import { F as ye, z as Ue } from "./index-sFyvCun2.js";
+import { R as ge } from "./rule-builder-CursBigG.js";
+import { _ as Le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B5co0F__.js";
+import { _ as ze } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CVy_kDmy.js";
+import { u as Oe, v as je, w as qe } from "./index.esm2017-DT0awUwa.js";
 import { F as He } from "./FileSaver.min-NlMItPOc.js";
-import { h as G } from "./moment-BWErdI6_.js";
-import { s as N, u as Ge } from "./membership-oBIs4sbL.js";
+import { h as G } from "./moment-D7p2TMB-.js";
+import { s as N, u as Ge } from "./membership-GNRX1fEK.js";
 import { o as Je } from "./objectId-dwaoBfJX.js";
-import { u as ke } from "./business-DVlHPzaL.js";
-import { f as Qe } from "./number-CwsAYC_2.js";
-import { t as We } from "./money-AP24H0gk.js";
-import "./index-Cl2iYM2F.js";
+import { u as ke } from "./business-BSP_3iNl.js";
+import { f as Qe } from "./number-CAjqc2Pu.js";
+import { t as We } from "./money-Xe5mDYRC.js";
+import "./index-Da1qz9oA.js";
 import { useRouter as Ke } from "vue-router";
-import { m as _e } from "./index-C-d_4n-1.js";
-import { R as ve } from "./app-aVXsWATU.js";
+import { m as ve } from "./index-C6fpU8-G.js";
+import { R as _e } from "./app-ja_XST5q.js";
 const Ze = Pe.extend({
   _id: ye.optional(),
   business: ye.optional(),
   file: Ue.any().nullish()
 });
 var Xe = { 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 et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Upload File", -1), ot = {
+const et = { class: "flex flex-col space-y-16" }, tt = {
   key: 0,
   class: /* @__PURE__ */ re([
     "p-16 pl-24 space-x-8",
@@ -44,21 +44,21 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
     "flex items-center",
     "justify-between"
   ])
-}, at = { class: "flex justify-end" }, nt = {
+}, 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"
   ])
-}, st = { class: "fm-typo-en-body-lg-400 flex-1 truncate" }, lt = /* @__PURE__ */ ee({
+}, nt = { class: "fm-typo-en-body-lg-400 flex-1 truncate" }, st = /* @__PURE__ */ ee({
   __name: "ImportSegment",
   props: {
     importFile: {}
   },
   emits: ["update:file"],
-  setup(e, { emit: _ }) {
-    const v = e, k = _, { t: m } = we(), y = z(null), f = z(null), w = ["Id"], s = [
+  setup(e, { emit: v }) {
+    const _ = e, k = v, { t: p } = Fe(), f = z(null), b = z(null), w = ["Id"], n = [
       {
         label: "CSV",
         icon: "csv",
@@ -70,61 +70,61 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
         value: "xlsx"
       }
     ];
-    async function n() {
-      if (v.importFile)
+    async function i() {
+      if (_.importFile)
         try {
-          const h = Oe(void 0, Xe.importFilesBucketUrl), S = je(h, v.importFile), x = await qe(S);
+          const h = Oe(void 0, Xe.importFilesBucketUrl), y = je(h, _.importFile), x = await qe(y);
           window.open(x, "_blank");
         } catch (h) {
-          console.log(h), $e.error("Failed to download uploaded file");
+          console.log(h), Ae.error("Failed to download uploaded file");
         }
     }
     async function c(h) {
       switch (h) {
         case "csv":
-          const S = new Blob([w.join(",")], {
+          const y = new Blob([w.join(",")], {
             type: "text/csv;charset=utf-8;"
           });
-          He.saveAs(S, "ImportSegmentTemplate.csv");
+          He.saveAs(y, "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");
+          ne.book_append_sheet(I, x, "Sheet1"), he(I, "ImportSegmentTemplate.xlsx");
           break;
       }
     }
     function F(h) {
-      y.value = h, k("update:file", y.value);
+      f.value = h, k("update:file", f.value);
     }
-    function $(h) {
+    function A(h) {
       var x, I;
-      const S = ((I = (x = h.target) == null ? void 0 : x.files) == null ? void 0 : I[0]) ?? null;
-      F(S);
+      const y = ((I = (x = h.target) == null ? void 0 : x.files) == null ? void 0 : I[0]) ?? null;
+      F(y);
     }
-    return (h, S) => {
-      const x = b("FmButton"), I = b("FmMenuItem"), d = b("FmMenu"), r = b("FmDropField");
-      return p(), C("div", et, [
-        tt,
-        h.importFile ? (p(), C("div", ot, [
-          i(x, {
-            label: t(m)("View uploaded file"),
+    return (h, y) => {
+      const x = S("FmButton"), I = S("FmMenuItem"), d = S("FmMenu"), s = S("FmDropField");
+      return m(), C("div", et, [
+        y[2] || (y[2] = l("div", { class: "fm-typo-en-title-sm-800" }, "Upload File", -1)),
+        e.importFile ? (m(), C("div", tt, [
+          r(x, {
+            label: t(p)("View uploaded file"),
             variant: t(ae).Plain,
             icon: "file_present",
-            onClick: n
+            onClick: i
           }, null, 8, ["label", "variant"])
         ])) : le("", !0),
         l("div", null, [
-          l("div", at, [
-            i(d, { class: "" }, {
+          l("div", ot, [
+            r(d, { class: "" }, {
               "menu-button": E(() => [
-                i(x, {
+                r(x, {
                   variant: "tertiary",
                   icon: "download",
                   label: "Download Template"
                 })
               ]),
               default: E(() => [
-                (p(), C(O, null, ie(s, (g) => i(I, {
+                (m(), C(O, null, ie(n, (g) => r(I, {
                   key: g.value,
                   icon: g.icon,
                   label: g.label,
@@ -135,23 +135,23 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
               _: 1
             })
           ]),
-          y.value ? (p(), C("div", nt, [
-            i(x, {
+          f.value ? (m(), C("div", at, [
+            r(x, {
               variant: t(ae).Tertiary,
               "prepend-icon": "attach_file"
             }, null, 8, ["variant"]),
-            l("p", st, D(y.value.name), 1),
+            l("p", nt, $(f.value.name), 1),
             l("label", {
               ref_key: "fileLabelRef",
-              ref: f,
+              ref: b,
               htmlFor: "file"
             }, [
-              i(x, {
+              r(x, {
                 variant: t(ae).Plain,
-                label: t(m)("Replace File"),
-                onClick: S[1] || (S[1] = () => {
+                label: t(p)("Replace File"),
+                onClick: y[1] || (y[1] = () => {
                   var g;
-                  return (g = f.value) == null ? void 0 : g.click();
+                  return (g = b.value) == null ? void 0 : g.click();
                 })
               }, null, 8, ["variant", "label"]),
               l("input", {
@@ -160,12 +160,12 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
                 class: "hidden",
                 type: "file",
                 multiple: "",
-                onChange: $
+                onChange: A
               }, null, 32)
             ], 512)
-          ])) : (p(), J(r, {
+          ])) : (m(), J(s, {
             key: 0,
-            onFileUpload: S[0] || (S[0] = (g) => F(g)),
+            onFileUpload: y[0] || (y[0] = (g) => F(g)),
             accept: ".csv, .xlsx",
             "max-file-size": 2e7
           }))
@@ -173,270 +173,270 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
       ]);
     };
   }
-}), it = { class: "space-y-16 pr-12" }, rt = { class: "fm-typo-en-title-md-800" }, ct = { class: "flex space-x-8" }, dt = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, ut = { class: "text-fm-color-typo-secondary" }, pt = /* @__PURE__ */ l("div", null, "contacts in your segment", -1), mt = /* @__PURE__ */ ee({
+}), 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__ */ ee({
   __name: "ReviewSegment",
   props: {
     title: {},
     segment: {}
   },
   setup(e) {
-    const _ = e, v = [
+    const v = e, _ = [
       {
         header: "Name",
-        accessorFn: (n) => n.name
+        accessorFn: (i) => i.name
       },
       {
         header: "Id",
-        accessorFn: (n) => n._id
+        accessorFn: (i) => i._id
       },
       {
         header: "Customer Since",
-        accessorFn: (n) => G(Je(n._id.toString())).format("DD MMM YYYY")
+        accessorFn: (i) => G(Je(i._id.toString())).format("DD MMM YYYY")
       },
       {
         header: "Phone",
-        accessorFn: (n) => n.phoneNumber
+        accessorFn: (i) => i.phoneNumber
       },
       {
         header: "Birthday",
-        accessorFn: (n) => G(n.birthday).format("DD MMM YYYY")
+        accessorFn: (i) => G(i.birthday).format("DD MMM YYYY")
       },
       {
         header: "Last Visit",
-        accessorFn: (n) => G(n.stats.lastVisit).format("DD MMM YYYY")
+        accessorFn: (i) => G(i.stats.lastVisit).format("DD MMM YYYY")
       }
     ];
-    async function k(n) {
-      return _.segment._id ? (console.log(n), await N.paginateSegmentUsers(
-        _.segment._id,
-        n
+    async function k(i) {
+      return v.segment._id ? (console.log(i), await N.paginateSegmentUsers(
+        v.segment._id,
+        i
       )) : {
         resources: [],
         meta: {
           totalResources: 0,
           totalPages: 0,
-          skip: n.skip,
-          limit: n.limit,
-          sortBy: n.sortBy
+          skip: i.skip,
+          limit: i.limit,
+          sortBy: i.sortBy
         }
       };
     }
-    const { tableMeta: m, rowData: y, onSort: f, debouncedFetchData: w, onSearch: s } = xe(k);
+    const { tableMeta: p, rowData: f, onSort: b, debouncedFetchData: w, onSearch: n } = be(k);
     return Se(async () => {
       await w();
-    }), (n, c) => (p(), C("div", it, [
-      l("div", rt, D(_.title), 1),
-      l("div", ct, [
-        l("div", dt, D(n.segment.members.length), 1),
-        l("div", ut, [
-          pt,
-          l("div", null, "as of " + D(t(G)(n.segment.lastUpdated).format("DD MMM YYYY")), 1)
+    }), (i, c) => (m(), C("div", lt, [
+      l("div", it, $(v.title), 1),
+      l("div", rt, [
+        l("div", ct, $(e.segment.members.length), 1),
+        l("div", dt, [
+          c[1] || (c[1] = l("div", null, "contacts in your segment", -1)),
+          l("div", null, "as of " + $(t(G)(e.segment.lastUpdated).format("DD MMM YYYY")), 1)
         ])
       ]),
-      i(be, {
-        loading: t(m).isLoading,
-        "row-data": t(y),
-        "row-count": t(m).totalRows,
-        "column-defs": v,
-        "page-size": t(m).pageSize,
-        "page-count": t(m).pageCount,
-        "page-index": t(m).pageIndex,
-        onSortChange: t(f),
+      r(we, {
+        loading: t(p).isLoading,
+        "row-data": t(f),
+        "row-count": t(p).totalRows,
+        "column-defs": _,
+        "page-size": t(p).pageSize,
+        "page-count": t(p).pageCount,
+        "page-index": t(p).pageIndex,
+        onSortChange: t(b),
         onPageChange: c[0] || (c[0] = (F) => t(w)({ pageSize: F.pageSize, pageIndex: F.pageIndex }))
       }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"])
     ]));
   }
-}), ft = { class: "space-y-24" }, yt = { class: "grid grid-cols-2 gap-16" }, gt = { class: "fm-typo-en-title-sm-800" }, _t = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, vt = /* @__PURE__ */ ee({
+}), mt = { class: "space-y-24" }, pt = { class: "grid grid-cols-2 gap-16" }, ft = { class: "fm-typo-en-title-sm-800" }, yt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, gt = /* @__PURE__ */ ee({
   __name: "SegmentTypeOption",
   props: {
     modelValue: {},
     errorText: {}
   },
   emits: ["update:model-value"],
-  setup(e, { emit: _ }) {
-    const v = e, k = _, m = [
+  setup(e, { emit: v }) {
+    const _ = e, k = v, p = [
       {
         label: "Dynamic",
         sublabel: "Segment statistics are based on rules configured and will be recalculated automatically when rule changes.",
-        value: R.enum.DYNAMIC
+        value: D.enum.DYNAMIC
       },
       {
         label: "Static",
         sublabel: "Segment statistics are based on imported data and will not be recalculated.",
-        value: R.enum.STATIC
+        value: D.enum.STATIC
       }
     ];
-    function y(f) {
-      f !== v.modelValue && k("update:model-value", f);
+    function f(b) {
+      b !== _.modelValue && k("update:model-value", b);
     }
-    return (f, w) => {
-      const s = b("FmCard"), n = b("FmHelperText");
-      return p(), C("div", ft, [
-        l("div", yt, [
-          (p(), C(O, null, ie(m, (c) => i(s, {
+    return (b, w) => {
+      const n = S("FmCard"), i = S("FmHelperText");
+      return m(), C("div", mt, [
+        l("div", pt, [
+          (m(), C(O, null, ie(p, (c) => r(n, {
             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
+              "col-span-2": p.length == 1,
+              "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": e.modelValue === c.value,
+              "hover:bg-fm-color-opacity-sm": e.modelValue !== c.value
             }]),
-            onClick: (F) => y(c.value),
+            onClick: (F) => f(c.value),
             key: c.value
           }, {
             default: E(() => [
-              l("div", gt, D(c.label), 1),
-              l("div", _t, D(c.sublabel), 1)
+              l("div", ft, $(c.label), 1),
+              l("div", yt, $(c.sublabel), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"])), 64))
         ]),
-        f.errorText ? (p(), J(n, {
+        e.errorText ? (m(), J(i, {
           key: 0,
           class: "!mt-4",
-          text: f.errorText,
+          text: e.errorText,
           state: "error"
         }, null, 8, ["text"])) : le("", !0)
       ]);
     };
   }
-}), ht = { class: "flex items-center gap-x-8" }, St = /* @__PURE__ */ l("div", null, "Review segment", -1), xt = {
+}), vt = { class: "flex items-center gap-x-8" }, _t = {
   key: 0,
   class: "space-y-16 pr-12"
-}, bt = { class: "flex flex-col space-y-16" }, wt = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Type", -1), Ft = {
+}, xt = { class: "flex flex-col space-y-16" }, St = {
   key: 0,
   class: "flex flex-col space-y-16"
-}, kt = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1), Ct = {
+}, bt = {
   key: 1,
   class: "flex flex-col space-y-16"
-}, It = {
+}, wt = {
   key: 2,
   class: "flex flex-col space-y-16"
-}, Mt = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Status", -1), Tt = { class: "flex items-center gap-8" }, Et = /* @__PURE__ */ ee({
+}, Ft = { class: "flex items-center gap-8" }, ht = /* @__PURE__ */ ee({
   __name: "SegmentSheet",
   emits: ["update:model-value"],
-  setup(e, { expose: _, emit: v }) {
-    const k = Ye(), m = z(!1), y = z(!1), f = {
+  setup(e, { expose: v, emit: _ }) {
+    const k = Ye(), p = z(!1), f = z(!1), b = {
       name: "",
       isActive: !0,
-      type: R.enum.DYNAMIC,
+      type: D.enum.DYNAMIC,
       rule: ge.scaffoldGroup(),
       members: []
-    }, w = Ze, s = z(f), n = ce(() => {
-      const d = w.safeParse(s.value);
+    }, w = Ze, n = z(b), i = ce(() => {
+      const d = w.safeParse(n.value);
       return d.success ? [] : d.error.errors;
     });
     function c(d) {
-      m.value = !0, y.value = !1, d ? s.value = {
+      p.value = !0, f.value = !1, d ? n.value = {
         ...d,
         isActive: d.isActive !== !1,
-        type: d.type ?? (d.importFile ? R.enum.STATIC : R.enum.DYNAMIC)
-      } : s.value = { ...f };
+        type: d.type ?? (d.importFile ? D.enum.STATIC : D.enum.DYNAMIC)
+      } : n.value = { ...b };
     }
     function F() {
-      m.value = !1;
+      p.value = !1;
     }
-    async function $() {
-      w.safeParse(s.value).success && (y.value = !0);
+    async function A() {
+      w.safeParse(n.value).success && (f.value = !0);
     }
     function h(d) {
-      d === R.enum.STATIC ? F() : y.value = !1;
+      d === D.enum.STATIC ? F() : f.value = !1;
     }
-    async function S() {
-      s.value.type === R.enum.STATIC ? (s.value.rule = ge.scaffoldGroup(), s.value.isActive = !0) : s.value.file = void 0, I("update:model-value", s.value);
+    async function y() {
+      n.value.type === D.enum.STATIC ? (n.value.rule = ge.scaffoldGroup(), n.value.isActive = !0) : n.value.file = void 0, I("update:model-value", n.value);
     }
     async function x(d) {
-      s.value.type = d;
+      n.value.type = d;
     }
     Se(async () => {
     });
-    const I = v;
-    return _({
+    const I = _;
+    return v({
       showSheet: c,
       hideSheet: F
-    }), (d, 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),
+    }), (d, s) => {
+      const g = S("FmButton"), U = S("FmSwitch"), a = S("FmSideSheet");
+      return m(), J(a, {
+        modelValue: t(p),
+        "onUpdate:modelValue": s[8] || (s[8] = (o) => Ie(p) ? p.value = o : null),
         header: "Add segment",
         "dismiss-away": "",
         "close-button": !0,
         "max-width": 1100
       }, Me({
         "side-sheet-footer": E(() => [
-          l("div", Tt, [
-            t(y) || t(s).type === t(R).enum.STATIC ? (p(), C(O, { key: 0 }, [
-              i(g, {
+          l("div", Ft, [
+            t(f) || t(n).type === t(D).enum.STATIC ? (m(), C(O, { key: 0 }, [
+              r(g, {
                 label: "Save Segment",
-                onClick: S,
+                onClick: y,
                 loading: t(k).isLoading,
-                disabled: t(n).length > 0 || t(k).isLoading
+                disabled: t(i).length > 0 || t(k).isLoading
               }, null, 8, ["loading", "disabled"]),
-              i(g, {
+              r(g, {
                 label: "Cancel",
-                onClick: r[6] || (r[6] = (a) => h(t(s).type)),
+                onClick: s[6] || (s[6] = (o) => h(t(n).type)),
                 variant: "tertiary"
               })
-            ], 64)) : (p(), C(O, { key: 1 }, [
-              i(g, {
+            ], 64)) : (m(), C(O, { key: 1 }, [
+              r(g, {
                 label: "Review Segment",
-                disabled: t(n).length > 0 || t(k).isLoading,
-                onClick: $
+                disabled: t(i).length > 0 || t(k).isLoading,
+                onClick: A
               }, null, 8, ["disabled"]),
-              i(g, {
+              r(g, {
                 label: "Cancel",
-                onClick: r[7] || (r[7] = (a) => F()),
+                onClick: s[7] || (s[7] = (o) => F()),
                 variant: "tertiary"
               })
             ], 64))
           ])
         ]),
         default: E(() => {
-          var a;
+          var o;
           return [
-            t(y) ? (p(), J(mt, {
+            t(f) ? (m(), J(ut, {
               key: 1,
-              title: t(s).name,
-              segment: t(s)
-            }, null, 8, ["title", "segment"])) : (p(), C("div", xt, [
-              i(Le, {
-                modelValue: t(s).name,
-                "onUpdate:modelValue": r[1] || (r[1] = (u) => t(s).name = u),
+              title: t(n).name,
+              segment: t(n)
+            }, null, 8, ["title", "segment"])) : (m(), C("div", _t, [
+              r(Le, {
+                modelValue: t(n).name,
+                "onUpdate:modelValue": s[1] || (s[1] = (u) => t(n).name = u),
                 label: "Segment title",
                 schema: t(Ve).typeAtPath(t(w), "name")
               }, null, 8, ["modelValue", "schema"]),
-              l("div", bt, [
-                wt,
-                i(vt, {
-                  "model-value": t(s).type,
-                  "onUpdate:modelValue": r[2] || (r[2] = (u) => {
+              l("div", xt, [
+                s[10] || (s[10] = l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Type", -1)),
+                r(gt, {
+                  "model-value": t(n).type,
+                  "onUpdate:modelValue": s[2] || (s[2] = (u) => {
                     x(u);
                   })
                 }, null, 8, ["model-value"])
               ]),
-              t(s).type === t(R).enum.DYNAMIC ? (p(), C("div", Ft, [
-                kt,
-                i(ze, {
+              t(n).type === t(D).enum.DYNAMIC ? (m(), C("div", St, [
+                s[11] || (s[11] = l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1)),
+                r(ze, {
                   "trigger-type": "MEMBERSHIP_JOINED",
                   includeOnly: "user",
-                  "model-value": (a = t(s)) == null ? void 0 : a.rule,
-                  "onUpdate:modelValue": r[3] || (r[3] = (u) => {
-                    t(s).rule = u;
+                  "model-value": (o = t(n)) == null ? void 0 : o.rule,
+                  "onUpdate:modelValue": s[3] || (s[3] = (u) => {
+                    t(n).rule = u;
                   })
                 }, null, 8, ["model-value"])
-              ])) : (p(), C("div", Ct, [
-                i(lt, {
-                  importFile: t(s).importFile,
-                  "onUpdate:file": r[4] || (r[4] = (u) => {
-                    t(s).file = u;
+              ])) : (m(), C("div", bt, [
+                r(st, {
+                  importFile: t(n).importFile,
+                  "onUpdate:file": s[4] || (s[4] = (u) => {
+                    t(n).file = u;
                   })
                 }, null, 8, ["importFile"])
               ])),
-              t(s).type === t(R).enum.DYNAMIC ? (p(), C("div", It, [
-                Mt,
-                i(U, {
-                  "model-value": t(s).isActive ?? !0,
-                  "onUpdate:modelValue": r[5] || (r[5] = (u) => t(s).isActive = u),
+              t(n).type === t(D).enum.DYNAMIC ? (m(), C("div", wt, [
+                s[12] || (s[12] = l("div", { class: "fm-typo-en-title-sm-800" }, "Segment Status", -1)),
+                r(U, {
+                  "model-value": t(n).isActive ?? !0,
+                  "onUpdate:modelValue": s[5] || (s[5] = (u) => t(n).isActive = u),
                   label: "Active",
                   sublabel: "When enabled, this will recalculate the segment statistics daily.",
                   "label-placement": "right"
@@ -447,16 +447,16 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
         }),
         _: 2
       }, [
-        t(y) ? {
+        t(f) ? {
           name: "side-sheet-header",
           fn: E(() => [
-            l("div", ht, [
-              i(g, {
+            l("div", vt, [
+              r(g, {
                 icon: "arrow_back",
                 variant: "tertiary",
-                onClick: r[0] || (r[0] = (a) => y.value = !1)
+                onClick: s[0] || (s[0] = (o) => f.value = !1)
               }),
-              St
+              s[9] || (s[9] = l("div", null, "Review segment", -1))
             ])
           ]),
           key: "0"
@@ -464,58 +464,58 @@ const et = { class: "flex flex-col space-y-16" }, tt = /* @__PURE__ */ l("div",
       ]), 1032, ["modelValue"]);
     };
   }
-}), he = Ge(), $t = ke();
+}), xe = Ge(), kt = ke();
 function se(e) {
-  const _ = G(e);
-  return _.isValid() ? _.format("DD/MM/YYYY") : "";
+  const v = G(e);
+  return v.isValid() ? v.format("DD/MM/YYYY") : "";
 }
-const At = {
+const Ct = {
   mapMemberExportRow: (e) => {
-    var n, c, F, $, h, S, x, I, d, r, g, U, o, a, u, P, A, B, V, j, q, H, te, M, Q, de, ue, pe;
-    const _ = ce(() => $t.locations.map((T) => ({
+    var i, c, F, A, h, y, x, I, d, s, g, U, a, o, u, P, R, B, V, j, q, H, te, M, Q, de, ue, me;
+    const v = ce(() => kt.locations.map((T) => ({
       label: T.name,
       value: T._id
-    }))), v = (n = Ne.parseOneAddress(
+    }))), _ = (i = Ne.parseOneAddress(
       e == null ? void 0 : e.email
-    )) != null && n.domain.includes("feedmepos.com") ? void 0 : e.email, k = (F = ((c = e == null ? void 0 : e.collection) == null ? void 0 : c.TITLE) || []) == null ? void 0 : F.reduce(
+    )) != null && i.domain.includes("feedmepos.com") ? void 0 : e.email, k = (F = ((c = e == null ? void 0 : e.collection) == null ? void 0 : c.TITLE) || []) == null ? void 0 : F.reduce(
       (T, L) => {
         var K, Z;
-        const W = (Z = (K = he.sortedTitles) == null ? void 0 : K.find(
+        const W = (Z = (K = xe.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(
+    ), p = (xe.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(
+        var K, Z, oe, pe;
+        const W = (pe = (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;
+        )) == null ? void 0 : Z.expiryBalance) == null ? void 0 : oe[0]) == null ? void 0 : pe.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 = (d = (I = (x = e.collection) == null ? void 0 : x.CREDIT) == null ? void 0 : I.at(0)) == null ? void 0 : d.expiryBalance) == null ? void 0 : r.reduce(
+    ), f = ((y = (h = (A = e.collection) == null ? void 0 : A.CREDIT) == null ? void 0 : h.at(0)) == null ? void 0 : y.balance) || 0, b = ((s = (d = (I = (x = e.collection) == null ? void 0 : x.CREDIT) == null ? void 0 : I.at(0)) == null ? void 0 : d.expiryBalance) == null ? void 0 : s.reduce(
       (T, L) => T + L.amount,
       0
-    )) || 0, w = Qe(y, 2);
+    )) || 0, w = Qe(f, 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: v || "",
+      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)),
+      Credit: parseFloat((Number(w) - Number(b)).toFixed(2)),
+      FreeCredit: Number(b.toFixed(2)),
       TotalCredit: Number(w),
-      Exp: e != null && e.collection ? ((u = (a = (o = e.collection) == null ? void 0 : o.POINT) == null ? void 0 : a.at(0)) == null ? void 0 : u.balance) ?? 0 : 0,
-      Point: e != null && e.collection ? ((B = (A = (P = e.collection) == null ? void 0 : P.COIN) == null ? void 0 : A.at(0)) == null ? void 0 : B.balance) ?? 0 : 0,
+      Exp: e != null && e.collection ? ((u = (o = (a = e.collection) == null ? void 0 : a.POINT) == null ? void 0 : o.at(0)) == null ? void 0 : u.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: k.join(","),
-      ...m,
+      ...p,
       TotalTransaction: e.stats.visitCount,
       AvgSpent: We(Number(e.stats.avgBillSize || 0)).toFormat(
         !1
@@ -526,59 +526,53 @@ const At = {
       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 = _.value.find((T) => T.value == e.location)) == null ? void 0 : pe.label) || "-",
+      JoinedAtLocation: e.location && ((me = v.value.find((T) => T.value == e.location)) == null ? void 0 : me.label) || "-",
       VisitFrequency: `${Number(
         Math.ceil(e.stats.avgVisitFrequency).toFixed(0)
       )}`
     };
   }
-}, Rt = { class: "flex items-center" }, Dt = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Pt = { class: "px-24 flex flex-col gap-y-16" }, Nt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Bt = { class: "fm-typo-en-body-md-600" }, Vt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Yt = /* @__PURE__ */ l("img", {
-  src: Ee,
-  class: "aspect-square w-[150px]"
-}, null, -1), Ut = /* @__PURE__ */ l("div", { class: "flex flex-col gap-16 text-center" }, [
-  /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
-  /* @__PURE__ */ l("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), So = /* @__PURE__ */ ee({
+}, It = { class: "flex items-center" }, Mt = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Tt = { class: "px-24 flex flex-col gap-y-16" }, Et = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, At = { class: "fm-typo-en-body-md-600" }, Rt = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, mo = /* @__PURE__ */ ee({
   __name: "Segment",
   setup(e) {
-    const { minor: _ } = Re, { t: v } = we(), k = ke(), { mapMemberExportRow: m } = At, y = De(), f = Ke(), w = z(0), s = [
+    const { minor: v } = De, { t: _ } = Fe(), k = ke(), { mapMemberExportRow: p } = Ct, f = $e(), b = Ke(), w = z(0), n = [
       {
-        header: v("connect.loyalty.segment.table.name"),
-        accessorFn: (o) => o.name
+        header: _("connect.loyalty.segment.table.name"),
+        accessorFn: (a) => a.name
       },
       {
-        header: v("connect.loyalty.segment.table.status"),
+        header: _("connect.loyalty.segment.table.status"),
         enableSorting: !1,
-        cell(o) {
-          const a = o.row.original.isActive === !1 ? "Inactive" : "Active";
+        cell(a) {
+          const o = a.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,
+            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: v("connect.loyalty.segment.table.total_customers"),
-        accessorFn: (o) => o.memberCount ?? 0
+        header: _("connect.loyalty.segment.table.total_customers"),
+        accessorFn: (a) => a.memberCount ?? 0
       },
       {
-        header: v("connect.loyalty.segment.table.customer_percentage"),
-        accessorFn: (o) => ((o.memberCount ?? 0) * 100 / w.value).toFixed(2)
+        header: _("connect.loyalty.segment.table.customer_percentage"),
+        accessorFn: (a) => ((a.memberCount ?? 0) * 100 / w.value).toFixed(2)
       },
       {
-        header: v("connect.loyalty.segment.table.actions"),
+        header: _("connect.loyalty.segment.table.actions"),
         meta: {
           maxWidth: "100px"
         },
-        cell(o) {
+        cell(a) {
           return Y("div", { class: "flex items-center justify-end" }, [
             Y(
               X.FmMenu,
               {
                 placement: "bottom-end",
-                onClick: (a) => {
-                  a.stopPropagation();
+                onClick: (o) => {
+                  o.stopPropagation();
                 }
               },
               {
@@ -591,8 +585,8 @@ const At = {
                   Y(
                     X.FmMenuItem,
                     {
-                      onClick: async (a) => {
-                        a.stopPropagation(), x(o.row.original);
+                      onClick: async (o) => {
+                        o.stopPropagation(), x(a.row.original);
                       }
                     },
                     {
@@ -608,8 +602,8 @@ const At = {
                   Y(
                     X.FmMenuItem,
                     {
-                      onClick: async (a) => {
-                        a.stopPropagation(), S(o.row.original);
+                      onClick: async (o) => {
+                        o.stopPropagation(), y(a.row.original);
                       }
                     },
                     {
@@ -628,69 +622,69 @@ const At = {
           ]);
         }
       }
-    ], n = z(null), { tableMeta: c, rowData: F, debouncedFetchData: $ } = xe(
+    ], i = z(null), { tableMeta: c, rowData: F, debouncedFetchData: A } = be(
       N.readAll
     );
     async function h() {
-      await _(
+      await v(
         async () => {
-          await N.refreshSegments(), await $({ pageSize: 10, pageIndex: 0 });
+          await N.refreshSegments(), await A({ pageSize: 10, pageIndex: 0 });
         },
         { message: "Refreshing segmentations" }
       );
     }
-    async function S(o) {
-      await Ae.remove(`Are you sure you want to remove ${o.name}?`) && await _(
+    async function y(a) {
+      await Re.remove(`Are you sure you want to remove ${a.name}?`) && await v(
         async () => {
-          await N.delete(o._id), await $({ pageSize: 10, pageIndex: 0 });
+          await N.delete(a._id), await A({ pageSize: 10, pageIndex: 0 });
         },
         {
-          message: `Removing ${o.name}`,
-          successMessage: `Removed ${o.name} successfully`
+          message: `Removing ${a.name}`,
+          successMessage: `Removed ${a.name} successfully`
         }
       );
     }
-    async function x(o) {
-      const a = {
+    async function x(a) {
+      const o = {
         sortBy: "_id",
         descending: !1,
         rowsPerPage: 1e3,
         page: 1,
         rowsNumber: 0
-      }, u = new Be(), P = (await _e.read({
+      }, u = new Be(), P = (await ve.read({
         limit: 1,
         skip: 0,
-        sortBy: a.sortBy,
-        descending: a.descending
-      })).meta.totalResources ?? 0, A = a.rowsPerPage;
-      await _(
+        sortBy: o.sortBy,
+        descending: o.descending
+      })).meta.totalResources ?? 0, R = o.rowsPerPage;
+      await v(
         async () => {
-          for (let B = 0; B < P; B += A) {
+          for (let B = 0; B < P; B += R) {
             const V = {
-              ...a,
-              limit: A,
-              skip: a.page - 1,
-              sortBy: a.sortBy,
-              descending: a.descending
+              ...o,
+              limit: R,
+              skip: o.page - 1,
+              sortBy: o.sortBy,
+              descending: o.descending
             }, j = await N.paginateSegmentUsers(
-              o._id,
+              a._id,
               V
             );
             for (const q of j.resources) {
-              const H = m(q);
+              const H = p(q);
               u.addRecord(H);
             }
-            a.page++;
+            o.page++;
           }
-          await Fe(
+          await he(
             u.buildExcel(),
-            `[${o.name}]-members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+            `[${a.name}]-members-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
             {
               bookType: "xlsx",
               bookSST: !1,
               type: "array"
             }
-          ), a.page = 1;
+          ), o.page = 1;
         },
         {
           message: "Exporting member...",
@@ -698,36 +692,36 @@ const At = {
         }
       );
     }
-    async function I(o) {
-      await _(
+    async function I(a) {
+      await v(
         async () => {
-          var a;
-          if (o.type === R.enum.STATIC) {
+          var o;
+          if (a.type === D.enum.STATIC) {
             const u = new FormData();
-            if (u.append("file", o.file), o._id) {
-              const { members: P, _id: A, file: B, ...V } = o;
-              u.append("segment", JSON.stringify(V)), await N.updateStatic(o._id, u);
+            if (u.append("file", a.file), a._id) {
+              const { members: P, _id: R, file: B, ...V } = a;
+              u.append("segment", JSON.stringify(V)), await N.updateStatic(a._id, u);
             } else {
-              const { file: P, ...A } = o;
-              u.append("segment", JSON.stringify(A)), await N.createStatic(u);
+              const { file: P, ...R } = a;
+              u.append("segment", JSON.stringify(R)), await N.createStatic(u);
             }
-            o.file && y.open({
+            a.file && f.open({
               type: "info",
               title: "Import begins soon. Check Queue for updates.",
               action: "View",
               onAction: async () => {
-                await f.push({
-                  name: ve["$connect-QUEUE"],
+                await b.push({
+                  name: _e["$connect-QUEUE"],
                   query: { type: [fe.enum.SEGMENTATION_IMPORTED] }
                 });
               }
             });
-          } else if (o._id) {
-            const { members: u, _id: P, ...A } = o;
-            await N.update(o._id, A);
+          } else if (a._id) {
+            const { members: u, _id: P, ...R } = a;
+            await N.update(a._id, R);
           } else
-            await N.create(o);
-          await $({ pageSize: 10, pageIndex: 0 }), (a = n.value) == null || a.hideSheet();
+            await N.create(a);
+          await A({ pageSize: 10, pageIndex: 0 }), (o = i.value) == null || o.hideSheet();
         },
         {
           message: "Saving segment",
@@ -735,17 +729,17 @@ const At = {
         }
       );
     }
-    function d(o) {
-      var a;
-      (a = n.value) == null || a.showSheet(o);
+    function d(a) {
+      var o;
+      (o = i.value) == null || o.showSheet(a);
     }
-    const r = {
-      label: v("connect.navigation.queue"),
+    const s = {
+      label: _("connect.navigation.queue"),
       value: "queue",
       isPrimary: !1,
       prependIcon: "work_history"
     }, g = ce(() => k.isPremium ? [
-      r,
+      s,
       {
         label: "Refresh segments",
         value: "refresh",
@@ -758,8 +752,8 @@ const At = {
         prependIcon: "add"
       }
     ] : []);
-    function U(o) {
-      switch (o) {
+    function U(a) {
+      switch (a) {
         case "add":
           d();
           break;
@@ -767,78 +761,78 @@ const At = {
           h();
           break;
         case "queue":
-          f.push({
-            name: ve["$connect-QUEUE"],
+          b.push({
+            name: _e["$connect-QUEUE"],
             query: { type: [fe.enum.SEGMENTATION_IMPORTED] }
           });
           break;
       }
     }
     return Te(async () => {
-      const { meta: o } = await _e.read({
+      const { meta: a } = 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 k.readPremium(), await k.readLocations();
-    }), (o, a) => {
-      const u = b("FmPill"), P = b("FmPageHead"), A = 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, {
+      w.value = a.totalResources ?? 0, await A({ pageSize: 10, pageIndex: 0 }), await k.readPremium(), await k.readLocations();
+    }), (a, o) => {
+      const u = S("FmPill"), P = S("FmPageHead"), R = S("FmIcon"), B = S("FmMenuItem"), V = S("FmMenu"), j = S("FmListItem"), q = S("FmList"), H = S("FmButton"), te = S("FmCard");
+      return m(), C(O, null, [
+        r(P, {
           title: "Segments",
           actions: t(g),
-          "onClick:action": a[0] || (a[0] = (M) => U(M))
+          "onClick:action": o[0] || (o[0] = (M) => U(M))
         }, {
           title: E(() => [
-            l("div", Rt, [
-              l("span", Dt, D(t(v)("connect.loyalty.segment.title")), 1),
-              i(u, { variant: "premium" })
+            l("div", It, [
+              l("span", Mt, $(t(_)("connect.loyalty.segment.title")), 1),
+              r(u, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["actions"]),
-        l("div", Pt, [
-          t(F).length > 0 || t(c).searchValue || t(c).isLoading ? (p(), C(O, { key: 0 }, [
-            i(be, {
+        l("div", Tt, [
+          t(F).length > 0 || t(c).searchValue || t(c).isLoading ? (m(), C(O, { key: 0 }, [
+            r(we, {
               loading: t(c).isLoading,
               "row-data": t(F),
               "row-count": t(c).totalRows,
-              "column-defs": s,
+              "column-defs": n,
               "shrink-at": !1,
               "page-count": t(c).pageCount,
               "page-index": t(c).pageIndex,
               "page-size": t(c).pageSize,
-              onRowClick: a[1] || (a[1] = (M) => {
+              onRowClick: o[1] || (o[1] = (M) => {
                 d(M.original);
               }),
-              onPageChange: t($)
+              onPageChange: t(A)
             }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onPageChange"]),
-            i(q, { class: "w-full hidden xs:block" }, {
+            r(q, { class: "w-full hidden xs:block" }, {
               default: E(() => [
-                (p(!0), C(O, null, ie(t(F), (M) => (p(), J(j, {
+                (m(!0), C(O, null, ie(t(F), (M) => (m(), J(j, {
                   key: M._id.toString(),
                   tag: "label",
                   onClick: (Q) => d(M)
                 }, {
                   default: E(() => [
                     l("div", null, [
-                      l("div", Nt, D((M.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
-                      l("div", Bt, D(M.name), 1),
-                      l("div", Vt, D(((M.memberCount ?? 0) * 100 / t(w)).toFixed(2)) + "% of customers ", 1)
+                      l("div", Et, $((M.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
+                      l("div", At, $(M.name), 1),
+                      l("div", Rt, $(((M.memberCount ?? 0) * 100 / t(w)).toFixed(2)) + "% of customers ", 1)
                     ])
                   ]),
                   append: E(() => [
-                    i(V, { "stop-click-propagation": !0 }, {
+                    r(V, { "stop-click-propagation": !0 }, {
                       "menu-button": E(() => [
-                        i(A, { name: "more_vert" })
+                        r(R, { name: "more_vert" })
                       ]),
                       default: E(() => [
-                        i(B, {
+                        r(B, {
                           class: "text-fm-color-typo-error fm-typo-en-body-md-400",
                           label: "Remove",
-                          "onUpdate:modelValue": (Q) => Q && S(M)
+                          "onUpdate:modelValue": (Q) => Q && y(M)
                         }, null, 8, ["onUpdate:modelValue"])
                       ]),
                       _: 2
@@ -849,27 +843,33 @@ const At = {
               ]),
               _: 1
             })
-          ], 64)) : (p(), J(te, {
+          ], 64)) : (m(), J(te, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: E(() => [
-              Yt,
-              Ut,
-              i(H, {
+              o[3] || (o[3] = l("img", {
+                src: Ee,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              o[4] || (o[4] = l("div", { class: "flex flex-col gap-16 text-center" }, [
+                l("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
+                l("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)),
+              r(H, {
                 variant: "primary",
                 label: "Create segment",
                 disabled: !t(k).isPremium,
                 icon: "add",
-                onClick: a[2] || (a[2] = (M) => d())
+                onClick: o[2] || (o[2] = (M) => d())
               }, null, 8, ["disabled"])
             ]),
             _: 1
           })),
-          i(Et, {
+          r(ht, {
             ref_key: "sheetRef",
-            ref: n,
+            ref: i,
             "onUpdate:modelValue": I
           }, null, 512)
         ])
@@ -878,5 +878,5 @@ const At = {
   }
 });
 export {
-  So as default
+  mo as default
 };