@feedmepos/mf-payment 0.0.0-beta.38 → 0.0.0-beta.39

package/dist/{PayoutAccount-BGbBteeq.js → PayoutAccount-B4i4fRfF.js}

@@ -3,7 +3,7 @@ import { p as z } from "./index-ApzEWD1P.js";
 import { _ as I, u as S, c as h } from "./index-Cnxt2xmc.js";
 import { defineStore as _ } from "pinia";
 import { useCoreStore as $ } from "@feedmepos/mf-common";
-import { c as AA, P as j } from "./payout-account-CfYFecy1.js";
+import { c as AA, P as j } from "./payout-account-yu8hGM_j.js";
 import { useDialogChild as sA, useDialog as eA } from "@feedmepos/ui-library";
 import { z as f, a as q } from "./validator-D5jtpt9A.js";
 import { P as K } from "./PDFViewer-CjH_C1uT.js";

package/dist/{PayoutAccount-B2RkqaQ9.js → PayoutAccount-Dz-C7b28.js}

@@ -2,10 +2,10 @@ import { defineComponent as b, resolveComponent as m, openBlock as g, createBloc
 import { u as S } from "./index-BgnU5ezY.js";
 import { _ as O } from "./index-Cnxt2xmc.js";
 import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
-import { P as V } from "./payout-account-CfYFecy1.js";
+import { P as V } from "./payout-account-yu8hGM_j.js";
 import { p as D } from "./index-ApzEWD1P.js";
 import "@feedmepos/ui-library";
-import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-B8eGz19R.js";
+import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-D2Eefuww.js";
 import { useRouter as $ } from "vue-router";
 const G = /* @__PURE__ */ b({
   __name: "Status",

package/dist/{Terminal-CP380u7w.js → Terminal-DnLKgEq_.js}

@@ -2,7 +2,7 @@ import { defineComponent as x, openBlock as f, createElementBlock as B, createTe
 import "./index-Cnxt2xmc.js";
 import { h as Y } from "./moment-h96o7c8I.js";
 import { u as j } from "./index-BgnU5ezY.js";
-import { _ as q } from "./index.vue_vue_type_script_setup_true_lang-B8eGz19R.js";
+import { _ as q } from "./index.vue_vue_type_script_setup_true_lang-D2Eefuww.js";
 import { _ as Q } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import { useSnackbar as $, useDialogChild as G, useDialog as H } from "@feedmepos/ui-library";
 import { t as A } from "./index-CBFVJirn.js";

package/dist/{TerminalTransaction-BC-QZh_F.js → TerminalTransaction-BChyQQlb.js}

@@ -1,8 +1,8 @@
-import { defineComponent as I, openBlock as y, createElementBlock as w, unref as i, createCommentVNode as V, createElementVNode as h, resolveComponent as g, createBlock as v, normalizeClass as K, withCtx as N, toDisplayString as C, createVNode as p, Fragment as $, renderList as L, ref as P, watch as R, isRef as x, h as A } from "vue";
+import { defineComponent as I, openBlock as y, createElementBlock as h, unref as c, createCommentVNode as V, createElementVNode as w, resolveComponent as g, createBlock as v, normalizeClass as K, withCtx as N, toDisplayString as C, createVNode as p, Fragment as $, renderList as L, ref as P, watch as F, isRef as x, h as A } from "vue";
 import { e as f } from "./index-Cnxt2xmc.js";
-import { h as F } from "./moment-h96o7c8I.js";
+import { h as R } from "./moment-h96o7c8I.js";
 import { u as B } from "./index-BgnU5ezY.js";
-import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-B8eGz19R.js";
+import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-D2Eefuww.js";
 import { _ as U } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import { useSnackbar as Y, useDialog as Q } from "@feedmepos/ui-library";
 import { g as W } from "./assets-sX1_K-nt.js";
@@ -20,15 +20,15 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
     data: {}
   },
   setup(T) {
-    return (a, m) => (y(), w("div", ee, [
-      a.row.original.ecrGateway ? (y(), w("img", {
+    return (a, m) => (y(), h("div", ee, [
+      a.row.original.ecrGateway ? (y(), h("img", {
         key: 0,
         class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
-        src: i(j)
+        src: c(j)
       }, null, 8, te)) : V("", !0),
-      h("img", {
+      w("img", {
         class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-        src: i(W)(a.row.original.gateway)
+        src: c(W)(a.row.original.gateway)
       }, null, 8, ae)
     ]));
   }
@@ -43,14 +43,14 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
     function m() {
       return a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (r, l) => {
+    return (o, l) => {
       const s = g("FmBadge");
       return y(), v(s, {
         inline: "",
         class: K(m())
       }, {
         default: N(() => [
-          h("div", null, C(r.data.toUpperCase()), 1)
+          w("div", null, C(o.data.toUpperCase()), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -64,13 +64,13 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
   },
   setup(T) {
     const a = T, m = X();
-    function r() {
+    function o() {
       m.push(a.route);
     }
-    return (l, s) => (y(), w("div", {
+    return (l, s) => (y(), h("div", {
       class: "fm-typo-en-link-md-600",
       onClick: s[0] || (s[0] = (u) => {
-        u.stopPropagation(), r();
+        u.stopPropagation(), o();
       })
     }, C(l.data), 1));
   }
@@ -94,11 +94,11 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
         action: "refund"
       }
     ];
-    return (m, r) => {
+    return (m, o) => {
       const l = g("FmIcon"), s = g("FmMenuItem"), u = g("FmMenu");
-      return y(), w("div", {
-        onClick: r[0] || (r[0] = (c) => {
-          c.stopPropagation();
+      return y(), h("div", {
+        onClick: o[0] || (o[0] = (i) => {
+          i.stopPropagation();
         })
       }, [
         p(u, null, {
@@ -106,13 +106,13 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
             p(l, { name: "settings" })
           ]),
           default: N(() => [
-            (y(), w($, null, L(a, (c) => p(s, {
+            (y(), h($, null, L(a, (i) => p(s, {
               selectable: !0,
-              key: c.label,
-              sublabel: c.sublabel,
-              label: c.label,
-              icon: c.icon,
-              onclick: () => m.onAction(c.action)
+              key: i.label,
+              sublabel: i.sublabel,
+              label: i.label,
+              icon: i.icon,
+              onclick: () => m.onAction(i.action)
             }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
           ]),
           _: 1
@@ -120,34 +120,34 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
       ]);
     };
   }
-}), le = { class: "flex justify-between mb-6 items-start" }, ce = { class: "flex space-x-4 items-start" }, ie = { class: "flex space-x-4" }, xe = /* @__PURE__ */ I({
+}), le = { class: "flex justify-between mb-6 items-start" }, ie = { class: "flex space-x-4 items-start" }, ce = { class: "flex space-x-4" }, xe = /* @__PURE__ */ I({
   __name: "TerminalTransaction",
   setup(T) {
-    const a = Y(), m = Q(), r = P(), { dateRange: l, status: s, searchKey: u } = B({
+    const a = Y(), m = Q(), o = P(), { dateRange: l, status: s, searchKey: u } = B({
       searchKey: "",
       status: [f.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: F().startOf("day").toISOString(),
-        endDate: F().endOf("day").toISOString()
+        startDate: R().startOf("day").toISOString(),
+        endDate: R().endOf("day").toISOString()
       }
     });
-    R([l, s], () => {
+    F([l, s], () => {
       var e;
-      return (e = r.value) == null ? void 0 : e.reset();
+      return (e = o.value) == null ? void 0 : e.reset();
     });
-    let c;
-    R(u, async () => {
-      c && clearTimeout(c), c = setTimeout(
+    let i;
+    F(u, async () => {
+      i && clearTimeout(i), i = setTimeout(
         () => {
           var e;
-          return (e = r.value) == null ? void 0 : e.reset();
+          return (e = o.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
-    async function E(e) {
-      var o, d, _;
-      const t = (d = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
+    async function k(e) {
+      var r, d, _;
+      const t = (d = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : d.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -166,7 +166,7 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
       }
       try {
         const n = await b.queryTransaction(t._id);
-        (_ = r.value) == null || _.replaceData(e, n), a.open({
+        (_ = o.value) == null || _.replaceData(e, n), a.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -178,9 +178,9 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
         });
       }
     }
-    async function k(e) {
-      var o, d;
-      const t = (d = (o = r.value) == null ? void 0 : o.pageData()) == null ? void 0 : d.at(e);
+    async function E(e) {
+      var r, d;
+      const t = (d = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : d.at(e);
       if (!t) {
         a.open({
           type: "error",
@@ -209,7 +209,7 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
               reason: "portal transaction refund",
               amount: t.details.amount
             });
-            (_ = r.value) == null || _.replaceData(e, n), a.open({
+            (_ = o.value) == null || _.replaceData(e, n), a.open({
               type: "success",
               title: "Transaction queried and updated successfully."
             });
@@ -242,17 +242,17 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
       }
     ], D = function(e) {
       const t = e;
-      let o = "-";
-      return t.details && t.details.amount && (o = z(t.details.amount).toFormat("$0.00")), {
+      let r = "-";
+      return t.details && t.details.amount && (r = z(t.details.amount).toFormat("$0.00")), {
         id: e._id,
         refId: e.refId,
         owner: e.owner,
         terminalId: e.terminalId,
-        transactionAt: F(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: R(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         ecrGateway: e.ecrGateway,
-        amount: o
+        amount: r
       };
     }, M = [
       {
@@ -269,13 +269,13 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
         meta: {
           textAlign: "left"
         },
-        cell: ({ cell: e }) => {
-          const t = e.getValue();
+        cell: ({ cell: e, row: t }) => {
+          const r = e.getValue();
           return A(oe, {
-            data: t,
+            data: r,
             route: {
               name: "mf-payment-admin.terminal-setting",
-              params: { terminalId: t }
+              params: { terminalId: r }
             }
           });
         }
@@ -333,12 +333,12 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
           if (e.original.gateway === "ScanPay")
             return A(se, {
               onAction: (t) => {
-                const o = e.index;
+                const r = e.index;
                 switch (t) {
                   case "query":
-                    return E(o);
+                    return k(r);
                   case "refund":
-                    return k(o);
+                    return E(r);
                 }
               }
             });
@@ -346,23 +346,23 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
       }
     ];
     return (e, t) => {
-      const o = g("FmSearch"), d = g("FmSelect"), _ = g("FmDateRangePicker");
+      const r = g("FmSearch"), d = g("FmSelect"), _ = g("FmDateRangePicker");
       return y(), v(U, {
         title: "Offline Transactions",
         loading: !1
       }, {
         default: N(() => [
-          h("div", le, [
-            h("div", ce, [
-              p(o, {
-                "model-value": i(u),
+          w("div", le, [
+            w("div", ie, [
+              p(r, {
+                "model-value": c(u),
                 "onUpdate:modelValue": t[0] || (t[0] = (n) => x(u) ? u.value = n : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
               p(d, {
-                modelValue: i(s),
+                modelValue: c(s),
                 "onUpdate:modelValue": t[1] || (t[1] = (n) => x(s) ? s.value = n : null),
                 class: "mr-6 w-[300px]",
                 label: "Status",
@@ -371,38 +371,40 @@ const ee = { class: "flex" }, te = ["src"], ae = ["src"], ne = /* @__PURE__ */ I
                 items: O
               }, null, 8, ["modelValue"]),
               p(_, {
-                modelValue: i(l),
+                modelValue: c(l),
                 "onUpdate:modelValue": t[2] || (t[2] = (n) => x(l) ? l.value = n : null),
                 compare: "",
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            h("div", ie, [
+            w("div", ce, [
               p(H, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
-                handler: () => {
+                handler: async () => {
                   var n;
-                  return i(b).downloadTransactions(((n = r.value) == null ? void 0 : n.data()) ?? []);
+                  return c(b).downloadTransactions(await ((n = o.value) == null ? void 0 : n.allData()) ?? []);
                 }
               }, null, 8, ["handler"])
             ])
           ]),
           p(G, {
             ref_key: "controller",
-            ref: r,
+            ref: o,
             "column-defs": M,
             "rows-defs": D,
-            paginate: (n, q) => i(b).readTransactions({
-              status: i(s),
-              searchKey: i(u),
+            onRowClick: t[3] || (t[3] = () => {
+            }),
+            paginate: (n, q) => c(b).readTransactions({
+              status: c(s),
+              searchKey: c(u),
               limit: n,
               cursor: q,
-              start: i(l).startDate,
-              end: i(l).endDate
+              start: c(l).startDate,
+              end: c(l).endDate
             })
           }, null, 8, ["paginate"])
         ]),

package/dist/{TerminalTransaction-DCqbXI2q.js → TerminalTransaction-DL5a5BbI.js}

@@ -1,17 +1,16 @@
-import { defineComponent as N, openBlock as _, createElementBlock as w, Fragment as F, unref as t, createCommentVNode as k, createElementVNode as d, resolveComponent as p, createBlock as R, normalizeClass as D, withCtx as C, toDisplayString as V, ref as K, watch as T, createVNode as i, isRef as g, h } from "vue";
+import { defineComponent as N, openBlock as _, createElementBlock as x, Fragment as F, unref as t, createCommentVNode as k, createElementVNode as d, resolveComponent as p, createBlock as R, normalizeClass as D, withCtx as C, toDisplayString as V, ref as K, watch as T, createVNode as i, isRef as g, h } from "vue";
 import { e as l } from "./index-Cnxt2xmc.js";
 import { h as I } from "./moment-h96o7c8I.js";
 import { u as M } from "./index-BgnU5ezY.js";
-import { _ as $ } from "./index.vue_vue_type_script_setup_true_lang-B8eGz19R.js";
+import { _ as $ } from "./index.vue_vue_type_script_setup_true_lang-D2Eefuww.js";
 import "@feedmepos/ui-library";
 import { g as L } from "./assets-sX1_K-nt.js";
-import { E as B, t as x } from "./index-Dlszue3Y.js";
+import { E as B, t as w } from "./index-Dlszue3Y.js";
 import { d as G } from "./dinero-CIVmXLL-.js";
 import { _ as P } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
 import { useCoreStore as U } from "@feedmepos/mf-common";
 import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as W } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
-import "vue-router";
 import { _ as j } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
 const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
   __name: "Gateway",
@@ -20,8 +19,8 @@ const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
     data: {}
   },
   setup(f) {
-    return (n, s) => (_(), w(F, null, [
-      n.row.original.ecrGateway ? (_(), w("img", {
+    return (n, s) => (_(), x(F, null, [
+      n.row.original.ecrGateway ? (_(), x("img", {
         key: 0,
         class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
         src: t(B)
@@ -56,7 +55,7 @@ const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
       }, 8, ["class"]);
     };
   }
-}), J = { class: "flex justify-between mb-6 items-start" }, X = { class: "flex space-x-8 items-start" }, Z = { class: "flex space-x-4" }, fe = /* @__PURE__ */ N({
+}), J = { class: "flex justify-between mb-6 items-start" }, X = { class: "flex space-x-8 items-start" }, Z = { class: "flex space-x-4" }, _e = /* @__PURE__ */ N({
   __name: "TerminalTransaction",
   setup(f) {
     const { currentRestaurant: n } = U(), s = K(), { dateRange: o, status: m, searchKey: c } = M({
@@ -213,7 +212,7 @@ const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
                 },
                 handler: () => {
                   var r;
-                  return t(x).downloadTransactions(((r = s.value) == null ? void 0 : r.data()) ?? []);
+                  return t(w).downloadTransactions(((r = s.value) == null ? void 0 : r.data()) ?? []);
                 }
               }, null, 8, ["handler"])
             ])
@@ -223,16 +222,14 @@ const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
             ref: s,
             "column-defs": O,
             "rows-defs": E,
-            paginate: (r, b) => t(x).readRestaurantTransactions({
+            paginate: (r, b) => t(w).readRestaurantTransactions({
               status: t(m),
               searchKey: t(c),
               limit: r,
               cursor: b,
               start: t(o).startDate,
               end: t(o).endDate
-            }),
-            onRowClick: () => {
-            }
+            })
           }, null, 8, ["paginate"])
         ]),
         _: 1
@@ -241,5 +238,5 @@ const q = ["src"], z = ["src"], Q = /* @__PURE__ */ N({
   }
 });
 export {
-  fe as default
+  _e as default
 };

package/dist/app.js

@@ -9,7 +9,7 @@ const f = [
     meta: {
       sidebarDisplay: "Payout Accounts"
     },
-    component: () => import("./PayoutAccount-B2RkqaQ9.js")
+    component: () => import("./PayoutAccount-Dz-C7b28.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
@@ -23,7 +23,7 @@ const f = [
     meta: {
       sidebarDisplay: "Terminals"
     },
-    component: () => import("./Terminal-CP380u7w.js")
+    component: () => import("./Terminal-DnLKgEq_.js")
   },
   {
     path: "/admin/terminal/:terminalId",
@@ -37,7 +37,7 @@ const f = [
     meta: {
       sidebarDisplay: "Offline Transactions"
     },
-    component: () => import("./TerminalTransaction-BC-QZh_F.js")
+    component: () => import("./TerminalTransaction-BChyQQlb.js")
   },
   {
     path: "/admin/transaction",
@@ -69,7 +69,7 @@ const f = [
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-BGbBteeq.js"),
+    component: () => import("./PayoutAccount-B4i4fRfF.js"),
     meta: {
       sidebarDisplay: "Payout Accounts"
     }
@@ -80,7 +80,7 @@ const f = [
     meta: {
       sidebarDisplay: "Offline Transactions"
     },
-    component: () => import("./TerminalTransaction-DCqbXI2q.js")
+    component: () => import("./TerminalTransaction-DL5a5BbI.js")
   },
   {
     path: "/transaction",

package/dist/components/CursorTable/index.vue.d.ts

@@ -5,6 +5,10 @@ export type CursorTableController<T> = {
      * Reset pagination and all loaded data, and perform load for first page data
      */
     reset: () => {};
+    /**
+     * All data from the server, will be keep on looping cursor until there's no cursor.
+     */
+    allData: () => Promise<T[]>;
     /**
      * All loaded data, before transform
      */

package/dist/index.vue_vue_type_script_setup_true_lang-D2Eefuww.js

@@ -0,0 +1,167 @@
+import { defineComponent as U, ref as r, resolveComponent as v, openBlock as w, createBlock as M, withCtx as z, createVNode as m, createElementVNode as u, normalizeStyle as T, createElementBlock as I, Fragment as $, renderList as j, computed as C, watch as L, onMounted as E, unref as P, toDisplayString as D, normalizeClass as O } from "vue";
+import { u as R } from "./index-Cnxt2xmc.js";
+import "@feedmepos/ui-library";
+const G = ["id"], S = /* @__PURE__ */ U({
+  __name: "FmTableSelection",
+  props: {
+    value: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: F }) {
+    const h = F, f = p, i = r(!1);
+    return (g, y) => {
+      const k = v("FmButton"), V = v("FmMenuItem"), x = v("FmMenu");
+      return w(), M(x, {
+        "max-height": 264,
+        shift: "",
+        onMenuChanged: y[0] || (y[0] = (a) => i.value = a)
+      }, {
+        "menu-button": z(() => {
+          var a;
+          return [
+            m(k, {
+              icon: i.value ? "expand_less" : "expand_more",
+              label: (a = g.items.find((o) => o.value === f.value)) == null ? void 0 : a.label,
+              "icon-position": "append",
+              size: "md",
+              variant: "tertiary"
+            }, null, 8, ["icon", "label"])
+          ];
+        }),
+        "menu-wrapper": z(({ maxHeight: a }) => [
+          u("div", {
+            id: `menu-wrapper-${a}`,
+            style: T({ maxHeight: `${a}px` }),
+            class: "bg-fm-color-neutral-white flex flex-col overflow-y-auto px-4 py-12 rounded-md shadow-light-300 w-[75px]"
+          }, [
+            (w(!0), I($, null, j(g.items, (o) => (w(), M(V, {
+              key: o.value,
+              label: o.label,
+              value: o.value,
+              "model-value": o.value === f.value,
+              "onUpdate:modelValue": (n) => h("update:modelValue", o.value)
+            }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"]))), 128))
+          ], 12, G)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), H = { class: "basis-72 bg-white flex items-center justify-between px-24 pt-6" }, J = { class: "flex gap-24 items-center justify-between xs:hidden xs:invisible" }, K = { class: "flex gap-8 items-center" }, Q = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary xs:hidden xs:invisible" }, W = {
+  class: /* @__PURE__ */ O(["flex gap-8 items-center"])
+}, X = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary xs:mr-auto" }, Y = { class: "flex gap-8" }, ae = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    columnDefs: {
+      type: Array,
+      required: !0
+    },
+    rowsDefs: {
+      type: Function,
+      required: !0
+    },
+    paginate: {
+      type: Function,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(p, { expose: F, emit: h }) {
+    const f = [10, 20, 30, 50, 100].map((t) => ({
+      label: t.toString(),
+      value: t
+    })), i = p, g = h, { isLoading: y, startLoading: k, stopLoading: V } = R(!0), x = r(), a = r(), o = r(""), n = r(10), l = r(1), c = r(0), b = async function(t = !1) {
+      k(), t && (a.value = [], o.value = "", l.value = 1, c.value = 0);
+      const e = await i.paginate(n.value, o.value);
+      a.value = [...a.value ?? [], ...e.data], o.value = e.meta.cursor ?? "", c.value += 1, V();
+    }, q = C(() => l.value > 1), A = C(() => l.value < c.value ? !0 : o.value > ""), N = C(() => {
+      const t = n.value * (l.value - 1), e = t + n.value;
+      return (a.value ?? []).slice(t, e).map(i.rowsDefs);
+    });
+    return L(n, () => b(!0)), L(l, (t) => {
+      t > c.value && b();
+    }), E(() => b()), F({
+      reset: () => b(!0),
+      data: () => a.value ?? [],
+      allData: async () => {
+        let t = [], e = "";
+        do {
+          const d = await i.paginate(100, e);
+          t = [...t, ...d.data], e = d.meta.cursor ?? "";
+        } while (e > "");
+        return t;
+      },
+      pageData: () => {
+        const t = n.value * (l.value - 1), e = t + n.value;
+        return (a.value ?? []).slice(t, e);
+      },
+      replaceData: (t, e) => {
+        const d = t * l.value;
+        a.value && (a.value[d] = e);
+      }
+    }), (t, e) => {
+      const d = v("FmTable"), B = v("FmButton");
+      return w(), I($, null, [
+        m(d, {
+          modelValue: x.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (s) => x.value = s),
+          loading: P(y),
+          "page-size": n.value,
+          "row-data": N.value,
+          "column-defs": p.columnDefs,
+          "hide-footer": !0,
+          onRowClick: e[1] || (e[1] = (s) => {
+            var _;
+            return g("row-click", (_ = a.value) == null ? void 0 : _.at(s.index));
+          })
+        }, null, 8, ["modelValue", "loading", "page-size", "row-data", "column-defs"]),
+        u("div", H, [
+          u("div", J, [
+            u("div", K, [
+              e[6] || (e[6] = u("span", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, " Items per page: ", -1)),
+              m(S, {
+                items: P(f),
+                value: n.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (s) => n.value = s)
+              }, null, 8, ["items", "value"])
+            ]),
+            u("span", Q, D((l.value - 1) * n.value) + " - " + D((l.value - 1) * n.value + n.value), 1)
+          ]),
+          u("div", W, [
+            m(S, {
+              items: Array.from(Array(c.value), (s, _) => _ + 1).map(
+                (s) => ({
+                  label: s.toString(),
+                  value: s
+                })
+              ),
+              value: l.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => l.value = s)
+            }, null, 8, ["items", "value"]),
+            u("span", X, " Page " + D(l.value), 1),
+            u("div", Y, [
+              m(B, {
+                disabled: !q.value,
+                icon: "chevron_left",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: e[4] || (e[4] = () => l.value -= 1)
+              }, null, 8, ["disabled"]),
+              m(B, {
+                disabled: !A.value,
+                icon: "chevron_right",
+                "icon-color": "neutral-black",
+                variant: "tertiary",
+                onClick: e[5] || (e[5] = () => l.value += 1)
+              }, null, 8, ["disabled"])
+            ])
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  ae as _
+};

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-payment",
-  "version": "0.0.0-beta.38",
+  "version": "0.0.0-beta.39",
   "type": "module",
   "files": [
     "dist"