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

package/dist/{reward-ANZOdWzf.js → reward-DrnzbG20.js}

@@ -1,5 +1,5 @@
 import { defineStore as n } from "pinia";
-import { g as r, S as d, b as o } from "./index-BMl2KZts.js";
+import { g as r, S as d, b as o } from "./index-BjU8LVUC.js";
 import { ref as i } from "vue";
 const a = () => {
   const e = d.getBusinessId();

package/dist/{rule-BvFk5bQg.js → rule-CtRxkYXB.js}

@@ -1,8 +1,8 @@
 import { h as S } from "./moment-BWErdI6_.js";
 import { a as de, b as N, c as y } from "./tslib.es6-BCqqvLQ_.js";
-import { u as ee } from "./membership-BHKv29yt.js";
-import { R as B, a as pe } from "./rule-builder-BSN777PN.js";
-import { u as Be } from "./business-DMALI7ZO.js";
+import { u as ee } from "./membership-Cc4OZ8-U.js";
+import { R as B, a as pe } from "./rule-builder-Di9RIYHF.js";
+import { u as Be } from "./business-CmxV69wT.js";
 var ue = [
   "MO",
   "TU",

package/dist/{rule-builder-BSN777PN.js → rule-builder-Di9RIYHF.js}

@@ -1,9 +1,9 @@
-import { l as i } from "./index-CTPMbFf5.js";
+import { n as i } from "./index-CUfS9Kp1.js";
 function a(c, t) {
-  let r = "", s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  const e = s.length;
-  for (let n = 0; n < c; n++)
-    r += s.charAt(Math.floor(Math.random() * e));
+  let r = "", n = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  const e = n.length;
+  for (let s = 0; s < c; s++)
+    r += n.charAt(Math.floor(Math.random() * e));
   return r;
 }
 function p(c) {
@@ -28,12 +28,12 @@ class o {
       negated: !1
     };
   }
-  static constructEntry(t, r, s, e) {
+  static constructEntry(t, r, n, e) {
     return {
       name: e ?? `e_${a(4)}`,
       property: t,
       conditions: {
-        [r]: s
+        [r]: n
       },
       negated: !1
     };
@@ -42,29 +42,29 @@ class o {
     return (t.logic ?? "").includes("||") ? "||" : "&&";
   }
   static constructLogic(t, r) {
-    const s = r ?? o.getLogic(t);
-    return Object.entries(t.rules).map(([e, n]) => p(n) ? e : `${n.negated ? "!" : ""}${e}`).join(` ${s} `);
+    const n = r ?? o.getLogic(t);
+    return Object.entries(t.rules).map(([e, s]) => p(s) ? e : `${s.negated ? "!" : ""}${e}`).join(` ${n} `);
   }
-  static setRuleToGroup(t, r, s) {
+  static setRuleToGroup(t, r, n) {
     let e = i.cloneDeep(t);
-    return Object.keys(e.rules).length === 0 && (e = o.scaffoldGroup(e.name)), Array.isArray(r) ? r.forEach((n) => {
-      e.rules[n.name] = n;
-    }) : e.rules[r.name] = r, e.logic = o.constructLogic(e, s), e;
+    return Object.keys(e.rules).length === 0 && (e = o.scaffoldGroup(e.name)), Array.isArray(r) ? r.forEach((s) => {
+      e.rules[s.name] = s;
+    }) : e.rules[r.name] = r, e.logic = o.constructLogic(e, n), e;
   }
-  static removeEntry(t, r, s) {
+  static removeEntry(t, r, n) {
     const e = i.cloneDeep(t);
-    return delete e.rules[r], e.logic = o.constructLogic(e, s), e;
+    return delete e.rules[r], e.logic = o.constructLogic(e, n), e;
   }
   static constructRule(t) {
     switch (t.type) {
       case "timeframe": {
-        const r = t.property, s = o.scaffoldGroup("timeframe"), e = [];
+        const r = t.property, n = o.scaffoldGroup("timeframe"), e = [];
         return (t.start || t.end) && e.push(
           o.constructEntry(r, "_isBetween", {
             start: t.start || void 0,
             end: t.end || void 0
           })
-        ), o.setRuleToGroup(s, e, "&&");
+        ), o.setRuleToGroup(n, e, "&&");
       }
       default:
         throw Error("invalid config type");

package/dist/style.css

@@ -1 +1 @@
-.json-viewer[data-v-d8502b13]{font-family:monospace;white-space:pre-wrap}.fm-effect-sheet>div{padding:0!important;border-radius:0!important}.fm-effect-sheet>div>div>div{padding:0!important}.unlayer-editor[data-v-a9a2bb94]{flex:1;display:flex}.tab-option-selected[data-v-a1016be6]{background-color:var(--fm-color-system-orange-100)}
+.json-viewer[data-v-d8502b13]{font-family:monospace;white-space:pre-wrap}.fm-effect-sheet>div{padding:0!important;border-radius:0!important}.fm-effect-sheet>div>div>div{padding:0!important}.unlayer-editor[data-v-a9a2bb94]{flex:1;display:flex}.ck-editor__editable{min-height:500px}.ck-content ul,.ck-content ol{padding-left:2em}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .4s ease-in-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-40px);opacity:0}.container[data-v-893c9161] .text-box-white-black{background-color:transparent;background-image:linear-gradient(180deg,#fff0,#0000004d)}.container[data-v-893c9161] .text-box-black-white{background-color:transparent;background-image:linear-gradient(180deg,#0000004d,#fff0)}.tab-option-selected[data-v-a1016be6]{background-color:var(--fm-color-system-orange-100)}

package/dist/{template-Dh9lDLs_.js → template-C3UfY0v5.js}

@@ -1,11 +1,11 @@
-import { defineComponent as L, openBlock as r, createBlock as C, resolveDynamicComponent as D, unref as e, ref as E, computed as I, onMounted as j, resolveComponent as m, withCtx as d, createElementVNode as s, createElementBlock as h, createVNode as a, normalizeClass as w, createTextVNode as T, Fragment as S, renderList as N, toDisplayString as g, createCommentVNode as M } from "vue";
-import { u as P } from "./campaign-j1c3ou7l.js";
+import { defineComponent as L, openBlock as r, createBlock as C, resolveDynamicComponent as D, unref as e, ref as E, computed as I, onMounted as j, resolveComponent as c, withCtx as d, createElementVNode as l, createElementBlock as w, createVNode as i, normalizeClass as h, createTextVNode as T, Fragment as S, renderList as N, toDisplayString as g, createCommentVNode as M } from "vue";
+import { u as P } from "./campaign-Dq5C_no-.js";
 import { useDialog as q } from "@feedmepos/ui-library";
-import { F as J } from "./index-BIaCtk8e.js";
-import { C as A } from "./collection.fn-Bz38mGMa.js";
-import { s as V } from "./index-CuvNtC_M.js";
+import { F as J } from "./index-B9pl4zRZ.js";
+import { C as A } from "./collection.fn-CNZRdUgy.js";
+import { s as V } from "./index-CsaQJMAR.js";
 import { _ as G } from "./lodash-B5I3zXaY.js";
-import { C as H } from "./campaign-Z3l7BoMg.js";
+import { C as H } from "./campaign-CT_cNJEL.js";
 import { J as U } from "./JsonViewer-v8_C7l5N.js";
 const K = /* @__PURE__ */ L({
   __name: "CampaignChip",
@@ -13,13 +13,13 @@ const K = /* @__PURE__ */ L({
     type: { type: String, required: !0 }
   },
   setup(u) {
-    const i = H[u.type];
-    return (n, t) => (r(), C(D(e(i).chip())));
+    const a = H[u.type];
+    return (o, t) => (r(), C(D(e(a).chip())));
   }
 }), Q = { class: "flex flex-nowrap gap-x-2 grow h-full" }, R = {
   key: 0,
   class: "p-8 w-1/4"
-}, W = { class: "flex flex-col grow p-24" }, X = { class: "space-y-4" }, Y = { class: "fm-typo-en-title-sm-800" }, Z = /* @__PURE__ */ s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, " Get started faster with templates that flex with your business. ", -1), ee = { class: "grow pb-16 pr-16 pt-6 w-full max-h-[400px] overflow-y-auto" }, te = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, ne = { class: "gap-4 h-[22px] inline-flex items-center justify-center min-w-min rounded-md" }, oe = { class: "fm-typo-en-title-sm-800" }, se = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, le = { class: "flex gap-4 items-end justify-end py-8" }, ae = /* @__PURE__ */ L({
+}, W = { class: "flex flex-col grow p-24" }, X = { class: "space-y-4" }, Y = { class: "fm-typo-en-title-sm-800" }, Z = { class: "grow pb-16 pr-16 pt-6 w-full max-h-[400px] overflow-y-auto" }, ee = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, te = { class: "gap-4 h-[22px] inline-flex items-center justify-center min-w-min rounded-md" }, ne = { class: "fm-typo-en-title-sm-800" }, oe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, se = { class: "flex gap-4 items-end justify-end py-8" }, le = /* @__PURE__ */ L({
   __name: "TemplateDialog",
   props: {
     campaignType: {
@@ -33,72 +33,72 @@ const K = /* @__PURE__ */ L({
     }
   },
   setup(u) {
-    const p = q(), i = P(), n = u, t = E({
+    const p = q(), a = P(), o = u, t = E({
       intention: null,
       template: null
     }), b = I(() => {
-      const c = (i.templates ?? []).filter(
+      const m = (a.templates ?? []).filter(
         () => !0
         //t.intention && t.intention.length > 0
       );
-      return n.campaignType ? c.filter(
-        (l) => {
-          var _, f;
-          return ((f = (_ = l.defaultValue) == null ? void 0 : _.campaign) == null ? void 0 : f.type) === n.campaignType;
+      return o.campaignType ? m.filter(
+        (n) => {
+          var y, f;
+          return ((f = (y = n.defaultValue) == null ? void 0 : y.campaign) == null ? void 0 : f.type) === o.campaignType;
         }
-      ) : t.value.intention === null ? G.sampleSize(c, 7) : c.filter(
-        (l) => l.intention.includes(t.value.intention)
+      ) : t.value.intention === null ? G.sampleSize(m, 7) : m.filter(
+        (n) => n.intention.includes(t.value.intention)
       );
     });
     j(async () => {
-      await i.readTemplates();
+      await a.readTemplates();
     });
     function O() {
-      n.onOk(void 0), p.close();
+      o.onOk(void 0), p.close();
     }
     function $() {
-      const c = t.value.template;
-      n.onOk(i.templates.find((l) => l._id === c)), p.close();
+      const m = t.value.template;
+      o.onOk(a.templates.find((n) => n._id === m)), p.close();
     }
-    return (c, l) => {
-      const _ = m("FmChip"), f = m("FmListItem"), z = m("FmList"), k = m("FmCard"), v = m("FmButton"), B = m("FmSpacer");
+    return (m, n) => {
+      const y = c("FmChip"), f = c("FmListItem"), z = c("FmList"), k = c("FmCard"), v = c("FmButton"), B = c("FmSpacer");
       return r(), C(k, { class: "h-[534px] max-w-6xl" }, {
         default: d(() => [
-          s("div", Q, [
-            n.campaignType ? M("", !0) : (r(), h("div", R, [
-              a(z, null, {
+          l("div", Q, [
+            o.campaignType ? M("", !0) : (r(), w("div", R, [
+              i(z, null, {
                 default: d(() => [
-                  a(f, {
-                    class: w([{
+                  i(f, {
+                    class: h([{
                       "bg-fm-color-system-warning-100": e(t).intention === null
                     }, "rounded-sm"]),
-                    onClick: l[0] || (l[0] = (o) => {
+                    onClick: n[0] || (n[0] = (s) => {
                       e(t).intention = null, e(t).template = null;
                     })
                   }, {
                     append: d(() => [
-                      a(_, {
+                      i(y, {
                         label: "Hot",
                         variant: "critical"
                       })
                     ]),
                     default: d(() => [
-                      T(" Most popular ")
+                      n[2] || (n[2] = T(" Most popular "))
                     ]),
                     _: 1
                   }, 8, ["class"]),
-                  (r(!0), h(S, null, N(e(J).options, (o, x) => (r(), C(f, {
+                  (r(!0), w(S, null, N(e(J).options, (s, x) => (r(), C(f, {
                     key: x,
-                    class: w(["rounded-sm", {
-                      "bg-fm-color-system-warning-100": e(t).intention === o
+                    class: h(["rounded-sm", {
+                      "bg-fm-color-system-warning-100": e(t).intention === s
                     }]),
                     style: { padding: "8px 16px" },
-                    onClick: (y) => {
-                      e(t).intention = o, e(t).template = null;
+                    onClick: (_) => {
+                      e(t).intention = s, e(t).template = null;
                     }
                   }, {
                     default: d(() => [
-                      T(g(e(V)(o)), 1)
+                      T(g(e(V)(s)), 1)
                     ]),
                     _: 2
                   }, 1032, ["class", "onClick"]))), 128))
@@ -106,57 +106,57 @@ const K = /* @__PURE__ */ L({
                 _: 1
               })
             ])),
-            s("div", W, [
-              s("div", X, [
-                s("div", Y, g(n.campaignType ? e(V)(
-                  `${e(A).formattedType(n.campaignType)} campaign`
+            l("div", W, [
+              l("div", X, [
+                l("div", Y, g(o.campaignType ? e(V)(
+                  `${e(A).formattedType(o.campaignType)} campaign`
                 ) : "Template list"), 1),
-                Z
+                n[3] || (n[3] = l("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, " Get started faster with templates that flex with your business. ", -1))
               ]),
-              s("div", ee, [
-                a(U, { json: e(b) }, null, 8, ["json"]),
-                s("div", te, [
-                  (r(!0), h(S, null, N(e(b), (o, x) => (r(), C(k, {
+              l("div", Z, [
+                i(U, { json: e(b) }, null, 8, ["json"]),
+                l("div", ee, [
+                  (r(!0), w(S, null, N(e(b), (s, x) => (r(), C(k, {
                     key: x,
                     variant: "outlined",
-                    class: w(["box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8", {
-                      "bg-fm-color-system-warning-100 border-fm-color-primary border-2": e(t).template === o._id.toString()
+                    class: h(["box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8", {
+                      "bg-fm-color-system-warning-100 border-fm-color-primary border-2": e(t).template === s._id.toString()
                     }]),
-                    onClick: (y) => e(t).template = o._id.toString()
+                    onClick: (_) => e(t).template = s._id.toString()
                   }, {
                     default: d(() => {
-                      var y, F;
+                      var _, F;
                       return [
-                        s("div", ne, [
-                          a(K, {
-                            type: (F = (y = o.defaultValue) == null ? void 0 : y.campaign) == null ? void 0 : F.type
+                        l("div", te, [
+                          i(K, {
+                            type: (F = (_ = s.defaultValue) == null ? void 0 : _.campaign) == null ? void 0 : F.type
                           }, null, 8, ["type"])
                         ]),
-                        s("div", oe, g(o.name), 1),
-                        s("p", se, g(o.description), 1)
+                        l("div", ne, g(s.name), 1),
+                        l("p", oe, g(s.description), 1)
                       ];
                     }),
                     _: 2
                   }, 1032, ["class", "onClick"]))), 128))
                 ])
               ]),
-              s("div", le, [
-                a(v, {
+              l("div", se, [
+                i(v, {
                   class: "sm:w-full xs:w-full",
                   variant: "plain",
                   label: "Custom Campaign",
                   size: "md",
                   onClick: O
                 }),
-                a(B, { class: "sm:hidden xs:hidden" }),
-                a(v, {
+                i(B, { class: "sm:hidden xs:hidden" }),
+                i(v, {
                   class: "sm:w-full xs:w-full",
                   variant: "tertiary",
                   label: "Cancel",
                   size: "md",
-                  onClick: l[1] || (l[1] = (o) => e(p).close())
+                  onClick: n[1] || (n[1] = (s) => e(p).close())
                 }),
-                a(v, {
+                i(v, {
                   class: "sm:w-full xs:w-full",
                   variant: "primary",
                   label: "Start",
@@ -173,13 +173,13 @@ const K = /* @__PURE__ */ L({
     };
   }
 }), ye = (u, p) => ({
-  open: async (i) => {
+  open: async (a) => {
     p.open({
       title: "",
-      dialogComponent: ae,
+      dialogComponent: le,
       dialogComponentProps: {
         campaignType: u,
-        onOk: async (n) => (console.debug(n, "selected template"), await i(n))
+        onOk: async (o) => (console.debug(o, "selected template"), await a(o))
       },
       overlay: !0
     });

package/dist/{trigger-C7THbt7R.js → trigger-C9U7Zgad.js}

@@ -1,8 +1,8 @@
 import { defineComponent as i, openBlock as m, createBlock as s, unref as n } from "vue";
-import "./index-CTPMbFf5.js";
-import { R as l } from "./rule-builder-BSN777PN.js";
-import { _ as p } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CRGep1RK.js";
-import { l as e, C as E } from "./index-CvoShC5J.js";
+import "./index-CUfS9Kp1.js";
+import { R as l } from "./rule-builder-Di9RIYHF.js";
+import { _ as p } from "./RuleGroup.vue_vue_type_script_setup_true_lang-DqNQl_nz.js";
+import { l as e, C as E } from "./index-DNxa8Rqx.js";
 const O = /* @__PURE__ */ i({
   __name: "BillRuleGroup",
   props: {
@@ -137,8 +137,8 @@ const O = /* @__PURE__ */ i({
   })
 );
 export {
-  f as T,
+  g as T,
   O as _,
-  T as a,
-  g as b
+  f as a,
+  T as b
 };

package/dist/{usePagination-JoYaROkV.js → usePagination-BeF5K3M7.js}

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as w, resolveComponent as C, openBlock as v, createBlock as F, withCtx as B, createVNode as c, createElementVNode as i, normalizeStyle as N, createElementBlock as x, Fragment as P, renderList as E, computed as b, onMounted as L, watch as R, unref as p, createCommentVNode as V, toDisplayString as k } from "vue";
+import { defineComponent as M, ref as w, resolveComponent as C, openBlock as v, createBlock as F, withCtx as B, createVNode as c, createElementVNode as i, normalizeStyle as N, createElementBlock as S, Fragment as P, renderList as E, computed as h, onMounted as L, watch as R, unref as p, createCommentVNode as V, toDisplayString as x } from "vue";
 import { l as A } from "./lodash-B5I3zXaY.js";
 const T = ["id"], D = /* @__PURE__ */ M({
   __name: "FmTableSelection",
@@ -8,10 +8,10 @@ const T = ["id"], D = /* @__PURE__ */ M({
   },
   emits: ["update:modelValue"],
   setup(f, { emit: g }) {
-    const o = g, t = f, r = w(!1);
+    const a = g, l = f, r = w(!1);
     return (d, u) => {
-      const h = C("FmButton"), y = C("FmMenuItem"), a = C("FmMenu");
-      return v(), F(a, {
+      const y = C("FmButton"), b = C("FmMenuItem"), o = C("FmMenu");
+      return v(), F(o, {
         "max-height": 264,
         shift: "",
         onMenuChanged: u[0] || (u[0] = (n) => r.value = n)
@@ -19,9 +19,9 @@ const T = ["id"], D = /* @__PURE__ */ M({
         "menu-button": B(() => {
           var n;
           return [
-            c(h, {
+            c(y, {
               icon: r.value ? "expand_less" : "expand_more",
-              label: (n = d.items.find((l) => l.value === t.value)) == null ? void 0 : n.label,
+              label: (n = d.items.find((s) => s.value === l.value)) == null ? void 0 : n.label,
               "icon-position": "append",
               size: "md",
               variant: "tertiary"
@@ -34,12 +34,12 @@ const T = ["id"], D = /* @__PURE__ */ M({
             style: N({ maxHeight: `${n}px` }),
             class: "bg-fm-color-neutral-white flex flex-col overflow-y-auto px-4 py-12 rounded-md shadow-light-300 w-[75px]"
           }, [
-            (v(!0), x(P, null, E(d.items, (l) => (v(), F(y, {
-              key: l.value,
-              label: l.label,
-              value: l.value,
-              "model-value": l.value === t.value,
-              "onUpdate:modelValue": (S) => o("update:modelValue", l.value)
+            (v(!0), S(P, null, E(d.items, (s) => (v(), F(b, {
+              key: s.value,
+              label: s.label,
+              value: s.value,
+              "model-value": s.value === l.value,
+              "onUpdate:modelValue": (z) => a("update:modelValue", s.value)
             }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"]))), 128))
           ], 12, T)
         ]),
@@ -50,13 +50,10 @@ const T = ["id"], D = /* @__PURE__ */ M({
 }), U = { class: "" }, O = {
   key: 0,
   class: "w-full flex flex-col gap-16 items-center py-16"
-}, j = /* @__PURE__ */ i("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1), W = /* @__PURE__ */ i("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1), q = [
-  j,
-  W
-], G = {
+}, j = {
   key: 1,
   class: "basis-72 bg-white flex items-center justify-between px-24 pt-6 border-t border-fm-color-border"
-}, H = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, J = { class: "flex gap-8 items-center" }, K = /* @__PURE__ */ i("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1), Q = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, X = { class: "flex gap-8 items-center" }, Y = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Z = { class: "flex gap-8" }, ae = /* @__PURE__ */ M({
+}, W = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, q = { class: "flex gap-8 items-center" }, G = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, H = { class: "flex gap-8 items-center" }, J = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, K = { class: "flex gap-8" }, Y = /* @__PURE__ */ M({
   __name: "BaseTable",
   props: {
     rowData: {},
@@ -76,27 +73,27 @@ const T = ["id"], D = /* @__PURE__ */ M({
   },
   emits: ["sortChange", "rowClick", "pageChange"],
   setup(f, { emit: g }) {
-    const o = f, t = g, r = b(() => o.pageIndex + 1), d = b(() => o.pageIndex * o.pageSize), u = b(
-      () => Math.min(d.value + o.pageSize, o.rowCount || 0)
-    ), h = b(() => o.pageIndex > 0), y = b(() => o.pageIndex < o.pageCount - 1), a = (e) => {
-      t("sortChange", e);
+    const a = f, l = g, r = h(() => a.pageIndex + 1), d = h(() => a.pageIndex * a.pageSize), u = h(
+      () => Math.min(d.value + a.pageSize, a.rowCount || 0)
+    ), y = h(() => a.pageIndex > 0), b = h(() => a.pageIndex < a.pageCount - 1), o = (e) => {
+      l("sortChange", e);
     }, n = (e) => {
-      t("rowClick", e);
-    }, l = (e) => {
-      t("pageChange", { pageIndex: e, pageSize: o.pageSize });
-    }, S = (e) => {
-      t("pageChange", { pageIndex: 0, pageSize: e });
-    }, z = w(!1);
+      l("rowClick", e);
+    }, s = (e) => {
+      l("pageChange", { pageIndex: e, pageSize: a.pageSize });
+    }, z = (e) => {
+      l("pageChange", { pageIndex: 0, pageSize: e });
+    }, I = w(!1);
     return L(() => {
       R(
-        () => o.loading,
-        (e, s) => {
-          s === !0 && e === !1 && (z.value = !0);
+        () => a.loading,
+        (e, t) => {
+          t === !0 && e === !1 && (I.value = !0);
         }
       );
-    }), (e, s) => {
-      const $ = C("FmTable"), _ = C("FmButton");
-      return v(), x("div", U, [
+    }), (e, t) => {
+      const $ = C("FmTable"), k = C("FmButton");
+      return v(), S("div", U, [
         c($, {
           loading: e.loading,
           "row-data": e.rowData,
@@ -107,60 +104,63 @@ const T = ["id"], D = /* @__PURE__ */ M({
           "page-size": e.pageSize,
           "fetch-fn": void 0,
           "hide-footer": "",
-          onSortChange: a,
+          onSortChange: o,
           onRowClick: n
         }, null, 8, ["loading", "row-data", "row-count", "column-defs", "shrink-at", "page-count", "page-size"]),
-        e.rowData.length == 0 && e.loading == !1 && p(z) ? (v(), x("div", O, q)) : V("", !0),
-        e.hideFooter ? V("", !0) : (v(), x("div", G, [
-          i("div", H, [
-            i("div", J, [
-              K,
+        e.rowData.length == 0 && e.loading == !1 && p(I) ? (v(), S("div", O, t[5] || (t[5] = [
+          i("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1),
+          i("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1)
+        ]))) : V("", !0),
+        e.hideFooter ? V("", !0) : (v(), S("div", j, [
+          i("div", W, [
+            i("div", q, [
+              t[6] || (t[6] = i("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
               c(D, {
                 items: e.pageSizeOptions,
                 value: e.pageSize,
-                "onUpdate:modelValue": S
+                "onUpdate:modelValue": z
               }, null, 8, ["items", "value"])
             ]),
-            i("span", Q, k(p(d) + 1) + " - " + k(p(u)) + " of " + k(e.rowCount) + " items ", 1)
+            i("span", G, x(p(d) + 1) + " - " + x(p(u)) + " of " + x(e.rowCount) + " items ", 1)
           ]),
-          i("div", X, [
+          i("div", H, [
             c(D, {
-              items: Array.from(Array(e.pageCount), (m, I) => ({
-                label: (I + 1).toString(),
-                value: I + 1
+              items: Array.from(Array(e.pageCount), (m, _) => ({
+                label: (_ + 1).toString(),
+                value: _ + 1
               })),
               value: p(r),
-              "onUpdate:modelValue": s[0] || (s[0] = (m) => l(m - 1))
+              "onUpdate:modelValue": t[0] || (t[0] = (m) => s(m - 1))
             }, null, 8, ["items", "value"]),
-            i("span", Y, " of " + k(e.pageCount) + " pages ", 1),
-            i("div", Z, [
-              c(_, {
-                disabled: !p(h),
+            i("span", J, " of " + x(e.pageCount) + " pages ", 1),
+            i("div", K, [
+              c(k, {
+                disabled: !p(y),
                 icon: "first_page",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[1] || (s[1] = (m) => l(0))
+                onClick: t[1] || (t[1] = (m) => s(0))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(h),
+              c(k, {
+                disabled: !p(y),
                 icon: "chevron_left",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[2] || (s[2] = (m) => l(e.pageIndex - 1))
+                onClick: t[2] || (t[2] = (m) => s(e.pageIndex - 1))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(y),
+              c(k, {
+                disabled: !p(b),
                 icon: "chevron_right",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[3] || (s[3] = (m) => l(e.pageIndex + 1))
+                onClick: t[3] || (t[3] = (m) => s(e.pageIndex + 1))
               }, null, 8, ["disabled"]),
-              c(_, {
-                disabled: !p(y),
+              c(k, {
+                disabled: !p(b),
                 icon: "last_page",
                 "icon-color": "neutral-black",
                 variant: "tertiary",
-                onClick: s[4] || (s[4] = (m) => l(e.pageCount - 1))
+                onClick: t[4] || (t[4] = (m) => s(e.pageCount - 1))
               }, null, 8, ["disabled"])
             ])
           ])
@@ -169,55 +169,55 @@ const T = ["id"], D = /* @__PURE__ */ M({
     };
   }
 });
-function ne(f, g = { key: "_id", descending: !0 }) {
-  const o = w({
+function Z(f, g = { key: "_id", descending: !0 }) {
+  const a = w({
     pageCount: 0,
     searchValue: "",
     pageIndex: 0,
     totalRows: 0,
     isLoading: !1,
     pageSize: 10
-  }), t = w(g), r = w([]), d = async (a) => {
-    o.value.isLoading = !0, r.value = [];
+  }), l = w(g), r = w([]), d = async (o) => {
+    a.value.isLoading = !0, r.value = [];
     try {
       const n = await f({
-        limit: a.pageSize || o.value.pageSize,
-        skip: a.pageIndex ?? 0,
-        sortBy: t.value.key,
-        descending: t.value.descending,
-        search: o.value.searchValue
+        limit: o.pageSize || a.value.pageSize,
+        skip: o.pageIndex ?? 0,
+        sortBy: l.value.key,
+        descending: l.value.descending,
+        search: a.value.searchValue
       });
-      r.value = n.resources, o.value.totalRows = n.meta.totalResources ?? 0, o.value.pageCount = n.meta.totalPages ?? 0, o.value.pageIndex = n.meta.skip ?? 0;
+      r.value = n.resources, a.value.totalRows = n.meta.totalResources ?? 0, a.value.pageCount = n.meta.totalPages ?? 0, a.value.pageIndex = n.meta.skip ?? 0;
     } catch (n) {
       console.error("Error fetching data:", n);
     } finally {
-      o.value.isLoading = !1;
+      a.value.isLoading = !1;
     }
-  }, u = A.debounce(async (a) => {
-    o.value.pageSize = (a == null ? void 0 : a.pageSize) || o.value.pageSize, await d({
-      pageSize: o.value.pageSize,
-      pageIndex: (a == null ? void 0 : a.pageIndex) || 0
+  }, u = A.debounce(async (o) => {
+    a.value.pageSize = (o == null ? void 0 : o.pageSize) || a.value.pageSize, await d({
+      pageSize: a.value.pageSize,
+      pageIndex: (o == null ? void 0 : o.pageIndex) || 0
     });
   }, 200);
   return {
-    tableMeta: o,
+    tableMeta: a,
     rowData: r,
-    sortBy: t,
+    sortBy: l,
     fetchData: d,
     debouncedFetchData: u,
-    onSort: async (a) => {
+    onSort: async (o) => {
       var n;
-      console.log("sortState", (n = a[0]) == null ? void 0 : n.id), a.length ? (t.value = {
-        key: a[0].id.startsWith("_") ? a[0].id : a[0].id.replace(new RegExp("_", "g"), "."),
-        descending: a[0].desc
-      }, console.log("sortBy", t.value)) : t.value = g, await u();
+      console.log("sortState", (n = o[0]) == null ? void 0 : n.id), o.length ? (l.value = {
+        key: o[0].id.startsWith("_") ? o[0].id : o[0].id.replace(new RegExp("_", "g"), "."),
+        descending: o[0].desc
+      }, console.log("sortBy", l.value)) : l.value = g, await u();
     },
     onSearch: () => {
-      u({ pageIndex: 0, pageSize: o.value.pageSize });
+      u({ pageIndex: 0, pageSize: a.value.pageSize });
     }
   };
 }
 export {
-  ae as _,
-  ne as u
+  Y as _,
+  Z as u
 };