@feedmepos/mf-connect 0.1.98-beta.15 → 0.1.98-beta.16

package/dist/Segment-Bl0k9fvJ.js

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