@feedmepos/mf-connect 0.1.38-beta.60 → 0.1.38-beta.62

package/dist/usePagination-CMQVYF13.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-DYYviyoC.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-DaUp8rok.js

@@ -0,0 +1,55 @@
+import { components as p } from "@feedmepos/ui-library";
+import { a as f } from "./plugins-DhptoQqr.js";
+import { h as i } from "vue";
+function g(o, a = !1) {
+  var t;
+  return i(
+    "div",
+    {
+      class: "flex items-center gap-x-8"
+    },
+    [
+      i(p.FmAvatar, {
+        name: o != null && o.photoUrl ? "-" : (t = o == null ? void 0 : o.name) == null ? void 0 : t.trim(),
+        src: (o == null ? void 0 : o.photoUrl) ?? void 0,
+        size: "sm"
+      }),
+      i(
+        "div",
+        {
+          class: "flex flex-col",
+          onClick: (n) => {
+            n.preventDefault(), n.stopPropagation(), f(o._id.toString());
+          }
+        },
+        [
+          i("span", o == null ? void 0 : o.name),
+          a && i(
+            "span",
+            { class: "text-xs text-fm-color-typo-secondary" },
+            (o == null ? void 0 : o.phoneNumber) || "-"
+          )
+        ].filter(Boolean)
+      )
+    ]
+  );
+}
+function b(o, a) {
+  var t, n;
+  return ((n = (t = o.collection) == null ? void 0 : t.TITLE) == null ? void 0 : n.map(
+    (c) => {
+      var l;
+      return (l = a == null ? void 0 : a.find((m) => m._id === c.collectible)) == null ? void 0 : l.name;
+    }
+  ).join(", ")) || "-";
+}
+function v(o, a) {
+  var n, c, l, m;
+  const t = (((l = (c = (n = o.collection) == null ? void 0 : n.TIER) == null ? void 0 : c[0]) == null ? void 0 : l.balance) || 0) - 1;
+  return ((m = a[t]) == null ? void 0 : m.name) || "-";
+}
+export {
+  v as a,
+  b,
+  g
+};