@feedmepos/mf-connect 0.1.38-beta.22 → 0.1.38-beta.24

package/dist/{template-Wtw44sTH.js → template-DfVuvLbx.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 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-BFjMsenC.js";
+import { u as P } from "./campaign-Dozf5twL.js";
 import { useDialog as q } from "@feedmepos/ui-library";
-import { F as J } from "./index-YYhOm5p5.js";
-import { C as A } from "./collection.fn-Q0ICmTCt.js";
+import { F as J } from "./index-BFps3TvZ.js";
+import { C as A } from "./collection.fn-CxI950TL.js";
 import { s as V } from "./index-CsaQJMAR.js";
 import { _ as G } from "./lodash-B5I3zXaY.js";
-import { C as H } from "./campaign-Bpu-WkHc.js";
+import { C as H } from "./campaign-BGNxmSrr.js";
 import { J as U } from "./JsonViewer-v8_C7l5N.js";
 const K = /* @__PURE__ */ L({
   __name: "CampaignChip",
@@ -83,7 +83,7 @@ const K = /* @__PURE__ */ L({
                       })
                     ]),
                     default: d(() => [
-                      n[2] || (n[2] = T(" Most popular "))
+                      n[2] || (n[2] = T(" Most popular ", -1))
                     ]),
                     _: 1
                   }, 8, ["class"]),

package/dist/{timezone-SzPXGYwV.js → timezone-4zA4Eck_.js}

@@ -1,6 +1,6 @@
 import { a as q0, c as o0, g as W0 } from "./_commonjsHelpers-BkfeUUK-.js";
 import { m as d0 } from "./moment-D7p2TMB-.js";
-import { e as n } from "./index-XDMj6KjH.js";
+import { e as n } from "./index-F7hZ1yOK.js";
 var _ = { exports: {} }, j = { exports: {} };
 const R0 = /* @__PURE__ */ q0(d0);
 (function(S) {

package/dist/{trigger-CehCt6EJ.js → trigger-CWh9m2Sd.js}

@@ -1,8 +1,8 @@
 import { defineComponent as i, openBlock as m, createBlock as s, unref as n } from "vue";
-import "./index-Crg_hMJc.js";
-import { R as l } from "./rule-builder-BlS3MdnW.js";
-import { _ as p } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BZYLaJ1g.js";
-import { l as e, H as E } from "./index-DCtGS9iJ.js";
+import "./index-Crkl2Pua.js";
+import { R as l } from "./rule-builder-Dgnn6yE8.js";
+import { _ as p } from "./RuleGroup.vue_vue_type_script_setup_true_lang-Cbya-iI4.js";
+import { l as e, H as E } from "./index-Ch9Aa7hb.js";
 const O = /* @__PURE__ */ i({
   __name: "BillRuleGroup",
   props: {

package/dist/usePagination-Ds-cuHop.js

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

package/dist/{user-BRklsZN_.js → user-BcxMf5qG.js}

@@ -1,5 +1,5 @@
 import { components as p } from "@feedmepos/ui-library";
-import { a as f } from "./plugins-FfzNmwCE.js";
+import { a as f } from "./plugins-DZ3ydcdc.js";
 import { h as c } from "vue";
 function g(o, n = !1) {
   return c(