@feedmepos/mf-connect 0.0.16-beta.10 → 0.0.16-beta.12

package/dist/{Segment-CFVXtyEj.js → Segment-DAcpZWIN.js}

@@ -1,13 +1,28 @@
-import { defineComponent as U, onMounted as N, openBlock as u, createElementBlock as b, createElementVNode as n, toDisplayString as x, unref as t, createVNode as l, createCommentVNode as G, ref as w, computed as j, resolveComponent as c, createBlock as P, isRef as J, createSlots as W, withCtx as f, Fragment as R, h as I, reactive as Q, watch as X, onBeforeMount as ee, renderList as te } from "vue";
-import { a5 as ae, a6 as E, a2 as ne, U as B, a3 as oe, a0 as se, $ as k, a as le, k as ie, d as re, Z as me, p as de, u as ce, b as ue, B as pe, a7 as ge, m as fe, j as ye, e as ve } from "./app-BpzzygYP.js";
+import { defineComponent as A, onMounted as N, openBlock as u, createElementBlock as b, createElementVNode as a, toDisplayString as x, unref as t, createVNode as l, createCommentVNode as G, ref as w, computed as j, resolveComponent as c, createBlock as B, isRef as J, createSlots as W, withCtx as g, Fragment as I, h as R, reactive as Q, watch as X, onBeforeMount as ee, renderList as te } from "vue";
+import { _ as oe } from "./campaign-CpzFl8Vr.js";
+import { F as E, p as ae, u as ne } from "./loading-uCNeZibp.js";
 import { components as L } from "@feedmepos/ui-library";
-const _e = ae.extend({
+import { l as se } from "./lodash-B5I3zXaY.js";
+import { u as le } from "./vue-i18n-AtGIa4qH.js";
+import { Z as re } from "./zod-W_PvIofQ.js";
+import { a as ie } from "./index-DA-fzkRR.js";
+import { u as me } from "./app-wDQR6dpb.js";
+import { R as de } from "./rule-builder-B_M9yvEe.js";
+import { _ as ce } from "./ZodTextField.vue_vue_type_script_setup_true_lang-CWt4tVdk.js";
+import { _ as ue } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BGjeTeqS.js";
+import { h as P } from "./moment-BWErdI6_.js";
+import { u as pe, _ as fe } from "./usePagination-BeF5K3M7.js";
+import { s as k } from "./membership-DFRO9TyM.js";
+import { o as ge } from "./objectId-dwaoBfJX.js";
+import { u as ye } from "./business-CXyP9G7A.js";
+import { m as ve } from "./index-CcZt3OrE.js";
+const _e = ie.extend({
   _id: E.optional(),
   business: E.optional()
 }), he = { class: "space-y-16 pr-12" }, be = { class: "fm-typo-en-title-md-800" }, Se = { class: "flex space-x-8" }, xe = { class: "fm-typo-en-title-md-800 text-fm-color-primary" }, we = { class: "text-fm-color-typo-secondary" }, Fe = {
   key: 0,
   class: "w-full flex flex-col gap-16 items-center pt-16"
-}, Ce = /* @__PURE__ */ U({
+}, Ce = /* @__PURE__ */ A({
   __name: "ReviewSegment",
   props: {
     title: {},
@@ -17,78 +32,78 @@ const _e = ae.extend({
     const y = D, v = [
       {
         header: "Name",
-        accessorFn: (o) => o.name
+        accessorFn: (n) => n.name
       },
       {
         header: "Customer Since",
-        accessorFn: (o) => B(se(o._id.toString())).format("DD MMM YYYY")
+        accessorFn: (n) => P(ge(n._id.toString())).format("DD MMM YYYY")
       },
       {
         header: "Birthday",
-        accessorFn: (o) => B(o.birthday).format("DD MMM YYYY")
+        accessorFn: (n) => P(n.birthday).format("DD MMM YYYY")
       },
       {
         header: "Last Visit",
-        accessorFn: (o) => B(o.stats.lastVisit).format("DD MMM YYYY")
+        accessorFn: (n) => P(n.stats.lastVisit).format("DD MMM YYYY")
       }
-    ], _ = async (o) => y.segment._id ? await k.paginateSegmentUsers(y.segment._id, {
-      limit: i.value.pageSize,
-      skip: o.pageIndex ?? 0,
+    ], _ = async (n) => y.segment._id ? await k.paginateSegmentUsers(y.segment._id, {
+      limit: r.value.pageSize,
+      skip: n.pageIndex ?? 0,
       sortBy: "_id",
-      search: o.searchValue,
+      search: n.searchValue,
       descending: !0
-    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: i, rowData: d, onSort: F, debouncedFetchData: r, onSearch: s } = ne(_);
+    }) : { resources: [], meta: { totalResources: 0, totalPages: 0 } }, { tableMeta: r, rowData: d, onSort: F, debouncedFetchData: i, onSearch: s } = pe(_);
     return N(async () => {
-      await r();
-    }), (o, m) => (u(), b("div", he, [
-      n("div", be, x(y.title), 1),
-      n("div", Se, [
-        n("div", xe, x(o.segment.members.length), 1),
-        n("div", we, [
-          m[1] || (m[1] = n("div", null, "contacts in your segment", -1)),
-          n("div", null, "as of " + x(t(B)(o.segment.lastUpdated).format("DD MMM YYYY")), 1)
+      await i();
+    }), (n, m) => (u(), b("div", he, [
+      a("div", be, x(y.title), 1),
+      a("div", Se, [
+        a("div", xe, x(n.segment.members.length), 1),
+        a("div", we, [
+          m[1] || (m[1] = a("div", null, "contacts in your segment", -1)),
+          a("div", null, "as of " + x(t(P)(n.segment.lastUpdated).format("DD MMM YYYY")), 1)
         ])
       ]),
-      l(oe, {
-        loading: t(i).isLoading,
+      l(fe, {
+        loading: t(r).isLoading,
         "row-data": t(d),
-        "row-count": t(i).totalRows,
+        "row-count": t(r).totalRows,
         "column-defs": v,
-        "page-size": t(i).pageSize,
-        "page-count": t(i).pageCount,
-        "page-index": t(i).pageIndex,
+        "page-size": t(r).pageSize,
+        "page-count": t(r).pageCount,
+        "page-index": t(r).pageIndex,
         onSortChange: t(F),
-        onPageChange: m[0] || (m[0] = (S) => t(r)({ pageSize: S.pageSize, pageIndex: S.pageIndex }))
+        onPageChange: m[0] || (m[0] = (S) => t(i)({ pageSize: S.pageSize, pageIndex: S.pageIndex }))
       }, null, 8, ["loading", "row-data", "row-count", "page-size", "page-count", "page-index", "onSortChange"]),
       t(d).length == 0 ? (u(), b("div", Fe, m[2] || (m[2] = [
-        n("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
-        n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
+        a("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
+        a("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
       ]))) : G("", !0)
     ]));
   }
 }), ke = { class: "flex items-center gap-x-8" }, Me = {
   key: 0,
   class: "space-y-16 pr-12"
-}, Ie = { class: "flex items-center gap-8" }, Re = /* @__PURE__ */ U({
+}, Re = { class: "flex items-center gap-8" }, Ie = /* @__PURE__ */ A({
   __name: "SegmentSheet",
   emits: ["update:model-value"],
   setup(D, { expose: y, emit: v }) {
-    const _ = le(), i = w(!1), d = w(!1), F = {
+    const _ = me(), r = w(!1), d = w(!1), F = {
       name: "",
-      rule: ie.scaffoldGroup(),
+      rule: de.scaffoldGroup(),
       members: []
-    }, r = _e, s = w(F), o = j(() => {
-      const a = r.safeParse(s.value);
-      return a.success ? [] : a.error.errors;
+    }, i = _e, s = w(F), n = j(() => {
+      const o = i.safeParse(s.value);
+      return o.success ? [] : o.error.errors;
     });
-    function m(a) {
-      i.value = !0, d.value = !1, a ? s.value = { ...a } : s.value = { ...F };
+    function m(o) {
+      r.value = !0, d.value = !1, o ? s.value = { ...o } : s.value = { ...F };
     }
     function S() {
-      i.value = !1;
+      r.value = !1;
     }
     async function $() {
-      r.safeParse(s.value).success && (d.value = !0);
+      i.safeParse(s.value).success && (d.value = !0);
     }
     function Y() {
       d.value = !1;
@@ -102,34 +117,34 @@ const _e = ae.extend({
     return y({
       showSheet: m,
       hideSheet: S
-    }), (a, e) => {
+    }), (o, e) => {
       const h = c("FmButton"), V = c("FmSideSheet");
-      return u(), P(V, {
-        modelValue: t(i),
-        "onUpdate:modelValue": e[5] || (e[5] = (p) => J(i) ? i.value = p : null),
+      return u(), B(V, {
+        modelValue: t(r),
+        "onUpdate:modelValue": e[5] || (e[5] = (p) => J(r) ? r.value = p : null),
         header: "Add segment",
         "dismiss-away": "",
         "close-button": !0,
         "max-width": 1100
       }, W({
-        "side-sheet-footer": f(() => [
-          n("div", Ie, [
-            t(d) ? (u(), b(R, { key: 0 }, [
+        "side-sheet-footer": g(() => [
+          a("div", Re, [
+            t(d) ? (u(), b(I, { key: 0 }, [
               l(h, {
                 label: "Save Segment",
                 onClick: C,
                 loading: t(_).isLoading,
-                disabled: t(o).length > 0 || t(_).isLoading
+                disabled: t(n).length > 0 || t(_).isLoading
               }, null, 8, ["loading", "disabled"]),
               l(h, {
                 label: "Cancel",
                 onClick: e[3] || (e[3] = (p) => Y()),
                 variant: "tertiary"
               })
-            ], 64)) : (u(), b(R, { key: 1 }, [
+            ], 64)) : (u(), b(I, { key: 1 }, [
               l(h, {
                 label: "Review Segment",
-                disabled: t(o).length > 0 || t(_).isLoading,
+                disabled: t(n).length > 0 || t(_).isLoading,
                 onClick: $
               }, null, 8, ["disabled"]),
               l(h, {
@@ -140,22 +155,22 @@ const _e = ae.extend({
             ], 64))
           ])
         ]),
-        default: f(() => {
+        default: g(() => {
           var p;
           return [
-            t(d) ? (u(), P(Ce, {
+            t(d) ? (u(), B(Ce, {
               key: 1,
               title: t(s).name,
               segment: t(s)
             }, null, 8, ["title", "segment"])) : (u(), b("div", Me, [
-              l(re, {
+              l(ce, {
                 modelValue: t(s).name,
                 "onUpdate:modelValue": e[1] || (e[1] = (M) => t(s).name = M),
                 label: "Segment title",
-                schema: t(me).typeAtPath(t(r), "name")
+                schema: t(re).typeAtPath(t(i), "name")
               }, null, 8, ["modelValue", "schema"]),
-              e[7] || (e[7] = n("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1)),
-              l(de, {
+              e[7] || (e[7] = a("div", { class: "fm-typo-en-title-sm-800" }, "Segment Filter", -1)),
+              l(ue, {
                 "trigger-type": "MEMBERSHIP_JOINED",
                 includeOnly: "user",
                 "model-value": (p = t(s)) == null ? void 0 : p.rule,
@@ -170,14 +185,14 @@ const _e = ae.extend({
       }, [
         t(d) ? {
           name: "side-sheet-header",
-          fn: f(() => [
-            n("div", ke, [
+          fn: g(() => [
+            a("div", ke, [
               l(h, {
                 icon: "arrow_back",
                 variant: "tertiary",
                 onClick: e[0] || (e[0] = (p) => d.value = !1)
               }),
-              e[6] || (e[6] = n("div", null, "Review segment", -1))
+              e[6] || (e[6] = a("div", null, "Review segment", -1))
             ])
           ]),
           key: "0"
@@ -185,30 +200,30 @@ const _e = ae.extend({
       ]), 1032, ["modelValue"]);
     };
   }
-}), $e = { class: "flex items-center" }, Ve = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Be = { class: "px-24 flex flex-col gap-y-16" }, Pe = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, De = { class: "fm-typo-en-body-md-600" }, Ye = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ae = /* @__PURE__ */ U({
+}), $e = { class: "flex items-center" }, Ve = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, Pe = { class: "px-24 flex flex-col gap-y-16" }, Be = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, De = { class: "fm-typo-en-body-md-600" }, Ye = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, et = /* @__PURE__ */ A({
   __name: "Segment",
   setup(D) {
-    const { minor: y } = ve, { t: v } = ce(), _ = ue(), i = w(0), d = [
+    const { minor: y } = ne, { t: v } = le(), _ = ye(), r = w(0), d = [
       {
         header: v("connect.loyalty.segment.table.name"),
-        accessorFn: (a) => a.name
+        accessorFn: (o) => o.name
       },
       {
         header: v("connect.loyalty.segment.table.total_customers"),
-        accessorFn: (a) => a.memberCount ?? 0
+        accessorFn: (o) => o.memberCount ?? 0
       },
       {
         header: v("connect.loyalty.segment.table.customer_percentage"),
-        accessorFn: (a) => ((a.memberCount ?? 0) * 100 / i.value).toFixed(2)
+        accessorFn: (o) => ((o.memberCount ?? 0) * 100 / r.value).toFixed(2)
       },
       {
         header: v("connect.loyalty.segment.table.actions"),
         meta: {
           maxWidth: "100px"
         },
-        cell(a) {
-          return I("div", { class: "flex items-center justify-end" }, [
-            I(
+        cell(o) {
+          return R("div", { class: "flex items-center justify-end" }, [
+            R(
               L.FmMenu,
               {
                 placement: "bottom-end",
@@ -217,21 +232,21 @@ const _e = ae.extend({
                 }
               },
               {
-                "menu-button": () => I(L.FmButton, {
+                "menu-button": () => R(L.FmButton, {
                   icon: "more_vert",
                   iconColor: "neutral-gray-400",
                   variant: "tertiary"
                 }),
                 default: () => [
-                  I(
+                  R(
                     L.FmMenuItem,
                     {
                       onClick: async (e) => {
-                        e.stopPropagation(), $(a.row.original);
+                        e.stopPropagation(), $(o.row.original);
                       }
                     },
                     {
-                      label: I(
+                      label: R(
                         "div",
                         {
                           class: "text-fm-color-typo-error fm-typo-en-body-md-400"
@@ -246,23 +261,23 @@ const _e = ae.extend({
           ]);
         }
       }
-    ], F = Q({ searchKey: "", columnFilters: [] }), r = w({
+    ], F = Q({ searchKey: "", columnFilters: [] }), i = w({
       searchValue: "",
       pageSize: 10,
       pageCount: 0,
       pageIndex: 0,
       totalRows: 0,
       isLoading: !1
-    }), s = w([]), o = w(null), m = async (a) => {
-      s.value = [], r.value.isLoading = !0;
+    }), s = w([]), n = w(null), m = async (o) => {
+      s.value = [], i.value.isLoading = !0;
       const e = await k.readAll({
-        limit: a.pageSize,
-        skip: a.pageIndex ?? 0,
+        limit: o.pageSize,
+        skip: o.pageIndex ?? 0,
         sortBy: "_id",
-        search: r.value.searchValue,
+        search: i.value.searchValue,
         descending: !0
       });
-      s.value = e.resources, r.value.totalRows = e.meta.totalResources ?? 0, r.value.pageCount = e.meta.totalPages ?? 0, r.value.isLoading = !1;
+      s.value = e.resources, i.value.totalRows = e.meta.totalResources ?? 0, i.value.pageCount = e.meta.totalPages ?? 0, i.value.isLoading = !1;
     };
     async function S() {
       await y(
@@ -272,27 +287,27 @@ const _e = ae.extend({
         { message: "Refreshing segmentations" }
       );
     }
-    async function $(a) {
-      await pe.remove(`Are you sure you want to remove ${a.name}?`) && await y(
+    async function $(o) {
+      await ae.remove(`Are you sure you want to remove ${o.name}?`) && await y(
         async () => {
-          await k.delete(a._id), await m({ pageSize: 10, pageIndex: 0 });
+          await k.delete(o._id), await m({ pageSize: 10, pageIndex: 0 });
         },
         {
-          message: `Removing ${a.name}`,
-          successMessage: `Removed ${a.name} successfully`
+          message: `Removing ${o.name}`,
+          successMessage: `Removed ${o.name} successfully`
         }
       );
     }
-    async function Y(a) {
+    async function Y(o) {
       await y(
         async () => {
           var e;
-          if (a._id) {
-            const { members: h, _id: V, ...p } = a;
-            await k.update(a._id, p);
+          if (o._id) {
+            const { members: h, _id: V, ...p } = o;
+            await k.update(o._id, p);
           } else
-            await k.create(a);
-          await m({ pageSize: 10, pageIndex: 0 }), (e = o.value) == null || e.hideSheet();
+            await k.create(o);
+          await m({ pageSize: 10, pageIndex: 0 }), (e = n.value) == null || e.hideSheet();
         },
         {
           message: "Saving segment",
@@ -300,9 +315,9 @@ const _e = ae.extend({
         }
       );
     }
-    function C(a) {
+    function C(o) {
       var e;
-      (e = o.value) == null || e.showSheet(a);
+      (e = n.value) == null || e.showSheet(o);
     }
     const z = j(() => _.isPremium ? [
       {
@@ -317,37 +332,37 @@ const _e = ae.extend({
       }
     ] : []);
     return X(
-      () => r.value.searchValue,
-      ge.debounce(() => {
+      () => i.value.searchValue,
+      se.debounce(() => {
         m({ pageSize: 10, pageIndex: 0 });
       }, 500)
     ), ee(async () => {
-      const { meta: a } = await fe.read({
+      const { meta: o } = await ve.read({
         limit: 1,
         skip: 0,
         sortBy: "_id",
-        search: r.value.searchValue,
+        search: i.value.searchValue,
         descending: !1
       });
-      i.value = a.totalResources ?? 0, await m({ pageSize: 10, pageIndex: 0 }), await _.readPremium();
-    }), (a, e) => {
+      r.value = o.totalResources ?? 0, await m({ pageSize: 10, pageIndex: 0 }), await _.readPremium();
+    }), (o, e) => {
       const h = c("FmPill"), V = c("FmPageHead"), p = c("FmTable"), M = c("FmIcon"), H = c("FmMenuItem"), O = c("FmMenu"), T = c("FmListItem"), K = c("FmList"), Z = c("FmButton"), q = c("FmCard");
-      return u(), b(R, null, [
+      return u(), b(I, null, [
         l(V, {
           title: "Segments",
           actions: t(z),
-          "onClick:action": e[0] || (e[0] = (g) => g === "add" ? C() : S())
+          "onClick:action": e[0] || (e[0] = (f) => f === "add" ? C() : S())
         }, {
-          title: f(() => [
-            n("div", $e, [
-              n("span", Ve, x(t(v)("connect.loyalty.segment.title")), 1),
+          title: g(() => [
+            a("div", $e, [
+              a("span", Ve, x(t(v)("connect.loyalty.segment.title")), 1),
               l(h, { variant: "premium" })
             ])
           ]),
           _: 1
         }, 8, ["actions"]),
-        n("div", Be, [
-          t(s).length > 0 || t(r).searchValue ? (u(), b(R, { key: 0 }, [
+        a("div", Pe, [
+          t(s).length > 0 || t(i).searchValue ? (u(), b(I, { key: 0 }, [
             l(p, {
               class: "xs:hidden",
               "row-data": t(s),
@@ -355,34 +370,34 @@ const _e = ae.extend({
               "search-value": t(F).searchKey,
               "column-filter": [],
               "hide-footer": !0,
-              onRowClick: e[1] || (e[1] = (g) => {
-                C(g.original);
+              onRowClick: e[1] || (e[1] = (f) => {
+                C(f.original);
               })
             }, null, 8, ["row-data", "search-value"]),
             l(K, { class: "w-full hidden xs:block" }, {
-              default: f(() => [
-                (u(!0), b(R, null, te(t(s), (g) => (u(), P(T, {
-                  key: g._id.toString(),
+              default: g(() => [
+                (u(!0), b(I, null, te(t(s), (f) => (u(), B(T, {
+                  key: f._id.toString(),
                   tag: "label",
-                  onClick: (A) => C(g)
+                  onClick: (U) => C(f)
                 }, {
-                  default: f(() => [
-                    n("div", null, [
-                      n("div", Pe, x((g.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
-                      n("div", De, x(g.name), 1),
-                      n("div", Ye, x(((g.memberCount ?? 0) * 100 / t(i)).toFixed(2)) + "% of customers ", 1)
+                  default: g(() => [
+                    a("div", null, [
+                      a("div", Be, x((f.memberCount ?? 0).toLocaleString()) + " total customers ", 1),
+                      a("div", De, x(f.name), 1),
+                      a("div", Ye, x(((f.memberCount ?? 0) * 100 / t(r)).toFixed(2)) + "% of customers ", 1)
                     ])
                   ]),
-                  append: f(() => [
+                  append: g(() => [
                     l(O, { "stop-click-propagation": !0 }, {
-                      "menu-button": f(() => [
+                      "menu-button": g(() => [
                         l(M, { name: "more_vert" })
                       ]),
-                      default: f(() => [
+                      default: g(() => [
                         l(H, {
                           class: "text-fm-color-typo-error fm-typo-en-body-md-400",
                           label: "Remove",
-                          "onUpdate:modelValue": (A) => A && $(g)
+                          "onUpdate:modelValue": (U) => U && $(f)
                         }, null, 8, ["onUpdate:modelValue"])
                       ]),
                       _: 2
@@ -393,33 +408,33 @@ const _e = ae.extend({
               ]),
               _: 1
             })
-          ], 64)) : (u(), P(q, {
+          ], 64)) : (u(), B(q, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
-            default: f(() => [
-              e[3] || (e[3] = n("img", {
-                src: ye,
+            default: g(() => [
+              e[3] || (e[3] = a("img", {
+                src: oe,
                 class: "aspect-square w-[150px]"
               }, null, -1)),
-              e[4] || (e[4] = n("div", { class: "flex flex-col gap-16 text-center" }, [
-                n("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
-                n("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. ")
+              e[4] || (e[4] = a("div", { class: "flex flex-col gap-16 text-center" }, [
+                a("div", { class: "fm-typo-en-title-sm-800" }, "Create customer segments"),
+                a("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)),
               l(Z, {
                 variant: "primary",
                 label: "Create segment",
                 disabled: !t(_).isPremium,
                 icon: "add",
-                onClick: e[2] || (e[2] = (g) => C())
+                onClick: e[2] || (e[2] = (f) => C())
               }, null, 8, ["disabled"])
             ]),
             _: 1
           })),
-          l(Re, {
+          l(Ie, {
             ref_key: "sheetRef",
-            ref: o,
+            ref: n,
             "onUpdate:modelValue": Y
           }, null, 512)
         ])
@@ -428,5 +443,5 @@ const _e = ae.extend({
   }
 });
 export {
-  Ae as default
+  et as default
 };