@feedmepos/mf-payment 1.0.2 → 1.0.3-beta.2

package/dist/{TerminalTransaction-64Bn6vh0.js → TerminalTransaction-CLRn9sy5.js}

@@ -1,11 +1,11 @@
-import { defineComponent as N, openBlock as p, createElementBlock as C, Fragment as O, unref as r, createCommentVNode as F, createElementVNode as d, resolveComponent as I, createBlock as v, normalizeClass as D, withCtx as y, toDisplayString as V, ref as M, watch as T, createVNode as i, isRef as _, h as g } from "vue";
-import { c as m } from "./index-Dj_LwPBy.js";
-import { h } from "./moment-h96o7c8I.js";
-import { u as k } from "./index-BerQZMQW.js";
-import { _ as Y } from "./index.vue_vue_type_script_setup_true_lang-BgTr7KWF.js";
+import { defineComponent as N, openBlock as p, createElementBlock as C, Fragment as O, unref as r, createCommentVNode as F, createElementVNode as d, resolveComponent as h, createBlock as v, normalizeClass as D, withCtx as y, toDisplayString as V, ref as M, watch as T, createVNode as i, isRef as _, h as I } from "vue";
+import { c as m } from "./index-BrKBilMa.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-Cg9lo1F7.js";
+import { _ as Y } from "./index.vue_vue_type_script_setup_true_lang-DTDPPej5.js";
 import "@feedmepos/ui-library";
-import { g as $ } from "./assets-DjRoCcqv.js";
-import { E as K, t as R } from "./index-CKyh0nlu.js";
+import { g as $ } from "./assets-C1lv-AvI.js";
+import { E as K, t as R } from "./index-Ct_2lLEp.js";
 import { d as L } from "./dinero-CIVmXLL-.js";
 import { _ as B } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
 import { useCoreStore as G } from "@feedmepos/mf-common";
@@ -45,7 +45,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       return o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (l, s) => {
-      const c = I("FmBadge");
+      const c = h("FmBadge");
       return p(), v(c, {
         inline: "",
         class: D(n())
@@ -57,15 +57,15 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       }, 8, ["class"]);
     };
   }
-}), X = { class: "flex justify-between mb-6 items-start" }, Z = { class: "flex space-x-8 items-start" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, ge = /* @__PURE__ */ N({
+}), X = { class: "flex justify-between mb-6 items-start" }, Z = { class: "flex space-x-8 items-start" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, Ie = /* @__PURE__ */ N({
   __name: "TerminalTransaction",
   setup(f) {
     const { currentRestaurant: o } = G(), n = M(), { dateRange: l, status: s, searchKey: c } = k({
       searchKey: "",
       status: [m.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: h().startOf("day").format("YYYY-MM-DD"),
-        endDate: h().endOf("day").format("YYYY-MM-DD")
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
       }
     });
     T([l, s], () => {
@@ -107,10 +107,11 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       let u = "-";
       return a.details && a.details.amount && (u = L(a.details.amount).toFormat("$0.00")), {
         id: e._id,
+        transactionId: e.transactionId,
         orderId: e.orderId,
         refId: e.refId,
         terminalId: e.terminalId,
-        transactionAt: h(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: g(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         ecrGateway: e.ecrGateway,
@@ -118,12 +119,12 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       };
     }, E = [
       {
-        accessorKey: "id",
+        accessorKey: "transactionId",
         header: () => "Transaction ID",
         meta: {
           textAlign: "left"
         },
-        cell: ({ cell: e }) => g(P, { data: e.getValue() })
+        cell: ({ cell: e }) => I(P, { data: e.getValue() })
       },
       {
         accessorKey: "orderId",
@@ -146,7 +147,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: a }) => g(H, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => I(H, { row: a, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -155,7 +156,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
           textAlign: "right",
           maxWidth: "132px"
         },
-        cell: ({ cell: e, row: a }) => g(J, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => I(J, { row: a, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -180,7 +181,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       }
     ];
     return (e, a) => {
-      const u = I("FmSearch"), w = I("FmSelect");
+      const u = h("FmSearch"), w = h("FmSelect");
       return p(), v(j, {
         title: "Terminal Transactions",
         description: "Transactions are purchases or payments made in retail using electronic devices such as POS systems, kiosks, terminals, or ECRs.",
@@ -257,5 +258,5 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
   }
 });
 export {
-  ge as default
+  Ie as default
 };

package/dist/Transaction-BlvwjRPM.js

@@ -0,0 +1,412 @@
+import { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as E, normalizeClass as R, withCtx as w, createElementVNode as h, toDisplayString as V, createElementBlock as A, unref as u, createVNode as d, Fragment as Y, renderList as $, ref as C, watch as N, isRef as v, h as y } from "vue";
+import { t as _, a as P, b as I } from "./transaction-Caa2nhli.js";
+import { h as T } from "./moment-h96o7c8I.js";
+import { u as L } from "./index-Cg9lo1F7.js";
+import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { useSnackbar as G, useDialog as j } from "@feedmepos/ui-library";
+import { w as D } from "./Modal-DB8M9o1T.js";
+import { u as x } from "./error-K1CakhA9.js";
+import { _ as Q } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as z } from "./grafana-CqkYm_ru.js";
+import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-DTDPPej5.js";
+import { e as S } from "./index-BrKBilMa.js";
+import { g as J, a as W } from "./assets-C1lv-AvI.js";
+import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+const Z = /* @__PURE__ */ b({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    const a = f;
+    function o() {
+      return a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (i, s) => {
+      const m = g("FmBadge");
+      return p(), E(m, {
+        inline: "",
+        class: R(o())
+      }, {
+        default: w(() => [
+          h("div", null, V(i.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ee = ["src"], te = /* @__PURE__ */ b({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (a, o) => (p(), A("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: u(J)(a.row.original.gateway)
+    }, null, 8, ee));
+  }
+}), ae = ["src"], ne = /* @__PURE__ */ b({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (a, o) => (p(), A("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: u(W)(a.row.original.method.issuer)
+    }, null, 8, ae));
+  }
+}), re = /* @__PURE__ */ b({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function }
+  },
+  setup(f) {
+    const a = [
+      {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      },
+      {
+        label: "Log",
+        sublabel: "Inspect transaction historical actions, requests and responses.",
+        icon: "history",
+        action: "history"
+      }
+    ];
+    return (o, i) => {
+      const s = g("FmIcon"), m = g("FmMenuItem"), F = g("FmMenu");
+      return p(), A("div", {
+        onClick: i[0] || (i[0] = (c) => {
+          c.stopPropagation();
+        })
+      }, [
+        d(F, null, {
+          "menu-button": w(() => [
+            d(s, { name: "settings" })
+          ]),
+          default: w(() => [
+            (p(), A(Y, null, $(a, (c) => d(m, {
+              selectable: !0,
+              key: c.label,
+              sublabel: c.sublabel,
+              label: c.label,
+              icon: c.icon,
+              onclick: () => o.onAction(c.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), oe = { class: "flex justify-between mb-6 items-center" }, se = { class: "flex space-x-4" }, ce = { class: "flex space-x-4 self-center" }, ie = { class: "mb-6" }, xe = /* @__PURE__ */ b({
+  __name: "Transaction",
+  setup(f) {
+    const a = C(), { dateRange: o, searchKey: i } = L({
+      searchKey: "",
+      dateRange: {
+        startDate: T().startOf("day").format("YYYY-MM-DD"),
+        endDate: T().endOf("day").format("YYYY-MM-DD")
+      }
+    }), s = G(), m = j(), F = async (e, t) => {
+      let r = parseInt(t);
+      Number.isNaN(r) && (r = 1);
+      const n = await _.readTransactions({
+        start: T(o.value.startDate).startOf("day").toISOString(),
+        end: T(o.value.endDate).endOf("day").toISOString(),
+        limit: e,
+        skip: (r - 1) * e,
+        search: i.value
+      }), l = n.length == e;
+      return {
+        data: P(n),
+        meta: {
+          cursor: l ? (r + 1).toString() : ""
+        }
+      };
+    };
+    N(o, async () => {
+      var e;
+      (e = a.value) == null || e.reset();
+    });
+    let c;
+    N(i, async () => {
+      c && clearTimeout(c), c = setTimeout(() => {
+        var e;
+        (e = a.value) == null || e.reset();
+      }, 700);
+    });
+    async function k(e) {
+      var r, n;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const l = await _.refetchTransaction({ transactionId: t.id });
+        (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (l) {
+        s.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: x(l)
+        });
+      }
+    }
+    async function q(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      D(
+        m,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var n;
+          try {
+            const l = await _.refundTransaction({
+              transactionId: t.id,
+              reason: "portal transaction refund",
+              amount: t.fdoAmount
+            });
+            (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (l) {
+            s.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: x(l)
+            });
+          }
+        }
+      );
+    }
+    async function K(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      D(
+        m,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await _.renotifyTransaction(t.id), s.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (n) {
+            s.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: x(n)
+            });
+          }
+        }
+      );
+    }
+    async function M(e) {
+      var n;
+      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const r = z([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: t.id
+        }
+      ], t.createdAt);
+      window.open(r, "_blank");
+    }
+    const O = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: e }) => y(X, { data: e.getValue() })
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Bill",
+        accessorKey: "seqNumber"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: e, row: t }) => t.original.method ? y(te, { row: t, data: e.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: e, row: t }) => t.original.method ? y(ne, { row: t, data: e.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: e }) => {
+          if (!e.original.method)
+            return "";
+          const t = e.original.method.variant;
+          return t.includes("_ONLINE") ? "ONLINE" : t.includes("_OFFLINE") ? "OFFLINE" : t;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: e, row: t }) => y(Z, { row: t, data: e.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: e }) => y(re, {
+          onAction: (t) => {
+            switch (t) {
+              case "notify":
+                return K(e.index);
+              case "query":
+                return k(e.index);
+              case "refund":
+                return q(e.index);
+              case "history":
+                return M(e.index);
+            }
+          }
+        })
+      }
+    ];
+    return (e, t) => {
+      const r = g("FmSearch");
+      return p(), E(B, {
+        title: "Online Transactions",
+        loading: !1
+      }, {
+        default: w(() => [
+          h("div", oe, [
+            h("div", se, [
+              d(r, {
+                "model-value": u(i),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => v(i) ? i.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            h("div", ce, [
+              d(U, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await u(_).downloadTransactionReport({
+                    start: u(o).startDate,
+                    end: u(o).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          h("div", ie, [
+            d(Q, {
+              modelValue: u(o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => v(o) ? o.value = n : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          d(H, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": O,
+            "rows-defs": (n) => n,
+            paginate: F
+          }, null, 8, ["rows-defs"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  xe as default
+};

package/dist/{Transaction-CZkNzH-m.js → Transaction-DZz0TdGO.js}

@@ -1,17 +1,17 @@
-import { defineComponent as f, resolveComponent as N, openBlock as g, createBlock as S, normalizeClass as O, withCtx as D, createElementVNode as _, toDisplayString as V, createElementBlock as I, unref as o, ref as A, h as v, onMounted as C, watch as w, createVNode as p, isRef as E } from "vue";
-import { t as b, a as M } from "./transaction-CIYqsLqc.js";
-import { e as x, u as Y } from "./index-Dj_LwPBy.js";
+import { defineComponent as f, resolveComponent as A, openBlock as h, createBlock as S, normalizeClass as O, withCtx as D, createElementVNode as _, toDisplayString as V, createElementBlock as I, unref as o, ref as N, h as v, onMounted as C, watch as w, createVNode as p, isRef as E } from "vue";
+import { t as b, a as M } from "./transaction-Caa2nhli.js";
+import { e as x, u as Y } from "./index-BrKBilMa.js";
 import "@feedmepos/ui-library";
 import "./dinero-CIVmXLL-.js";
 import { h as F } from "./moment-h96o7c8I.js";
-import { g as $, a as k } from "./assets-DjRoCcqv.js";
-import { useCoreStore as L } from "@feedmepos/mf-common";
-import { _ as P } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as B } from "./index-BerQZMQW.js";
+import { g as $, a as k } from "./assets-C1lv-AvI.js";
+import { useCoreStore as B } from "@feedmepos/mf-common";
+import { _ as L } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as P } from "./index-Cg9lo1F7.js";
 import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { _ as G } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
-import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-const q = /* @__PURE__ */ f({
+import { _ as q } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { _ as G } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const j = /* @__PURE__ */ f({
   __name: "Status",
   props: {
     row: {},
@@ -23,8 +23,8 @@ const q = /* @__PURE__ */ f({
       return a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (l, c) => {
-      const d = N("FmBadge");
-      return g(), S(d, {
+      const d = A("FmBadge");
+      return h(), S(d, {
         inline: "",
         class: O(t())
       }, {
@@ -42,7 +42,7 @@ const q = /* @__PURE__ */ f({
     data: {}
   },
   setup(s) {
-    return (a, t) => (g(), I("img", {
+    return (a, t) => (h(), I("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
       src: o($)(a.row.original.gateway)
     }, null, 8, J));
@@ -54,7 +54,7 @@ const q = /* @__PURE__ */ f({
     data: {}
   },
   setup(s) {
-    return (a, t) => (g(), I("img", {
+    return (a, t) => (h(), I("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
       src: o(k)(a.row.original.method.issuer)
     }, null, 8, Q));
@@ -73,7 +73,7 @@ const q = /* @__PURE__ */ f({
   },
   emits: ["row-click"],
   setup(s, { emit: a }) {
-    const t = s, l = a, c = A(""), d = [
+    const t = s, l = a, c = N(""), d = [
       {
         header: () => "Transaction ID",
         accessorKey: "id"
@@ -82,6 +82,10 @@ const q = /* @__PURE__ */ f({
         header: () => "Pay ID",
         accessorKey: "payId"
       },
+      {
+        header: () => "Bill Seq No",
+        accessorKey: "seqNumber"
+      },
       {
         header: () => "Gateway",
         accessorKey: "gateway",
@@ -114,7 +118,7 @@ const q = /* @__PURE__ */ f({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: n, row: e }) => v(q, { row: e, data: n.getValue() })
+        cell: ({ cell: n, row: e }) => v(j, { row: e, data: n.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -137,8 +141,8 @@ const q = /* @__PURE__ */ f({
       }
     ];
     return (n, e) => {
-      const h = N("FmTable");
-      return g(), S(h, {
+      const g = A("FmTable");
+      return h(), S(g, {
         modelValue: c.value,
         "onUpdate:modelValue": e[0] || (e[0] = (i) => c.value = i),
         "column-defs": d,
@@ -151,14 +155,14 @@ const q = /* @__PURE__ */ f({
 }), X = { class: "flex justify-between mb-6 items-center" }, Z = { class: "flex space-x-8" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, fe = /* @__PURE__ */ f({
   __name: "Transaction",
   setup(s) {
-    const { dateRange: a, searchKey: t } = B({
+    const { dateRange: a, searchKey: t } = P({
       searchKey: "",
       dateRange: {
         startDate: F().startOf("day").format("YYYY-MM-DD"),
         endDate: F().endOf("day").format("YYYY-MM-DD")
       }
-    }), { isLoading: l, startAsyncCall: c } = Y(!0), { currentRestaurant: d } = L(), n = A([]), e = A([]);
-    async function h() {
+    }), { isLoading: l, startAsyncCall: c } = Y(!0), { currentRestaurant: d } = B(), n = N([]), e = N([]);
+    async function g() {
       await c(async () => {
         const { startDate: y, endDate: r } = a.value, u = await b.readRestaurantTransactions({
           start: y,
@@ -174,9 +178,9 @@ const q = /* @__PURE__ */ f({
       });
     }
     function i() {
-      h();
+      g();
     }
-    C(i), w(d, i), w(a, h);
+    C(i), w(d, i), w(a, g);
     let T;
     return w(t, async () => {
       T && clearTimeout(T), T = setTimeout(() => {
@@ -187,8 +191,8 @@ const q = /* @__PURE__ */ f({
         });
       }, 700);
     }), (y, r) => {
-      const u = N("FmSearch");
-      return g(), S(P, {
+      const u = A("FmSearch");
+      return h(), S(L, {
         title: "Online Transactions",
         description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
         loading: o(l)
@@ -196,7 +200,7 @@ const q = /* @__PURE__ */ f({
         default: D(() => [
           _("div", X, [
             _("div", Z, [
-              p(G),
+              p(q),
               p(u, {
                 "model-value": o(t),
                 "onUpdate:modelValue": r[0] || (r[0] = (m) => E(t) ? t.value = m : null),
@@ -218,7 +222,7 @@ const q = /* @__PURE__ */ f({
             ])
           ]),
           _("div", ae, [
-            p(j, {
+            p(G, {
               modelValue: o(a),
               "onUpdate:modelValue": r[1] || (r[1] = (m) => E(a) ? a.value = m : null)
             }, null, 8, ["modelValue"])

package/dist/api/transaction/index.d.ts

@@ -5,6 +5,9 @@ export declare const transactionApi: {
     readTransactions(params: {
         start: string;
         end: string;
+        limit: number;
+        skip: number;
+        search: string;
     }): Promise<PaymentTransactionDtoOutput[]>;
     removeTransactionFromSettlement(transactionId: string): Promise<any>;
     refetchTransaction({ transactionId, }: {