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

package/dist/{Transaction-BOc0NW9a.js → Transaction-DFqANzFa.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-Bxl86wzh.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-13xSmWg9.js";
+import { e as x, u as Y } from "./index-Bl77l-UI.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-NM2zCyV8.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-BWpuTiNy.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/{Transaction-CqTKm8KP.js → Transaction-izWqPmdQ.js}

@@ -1,18 +1,19 @@
-import { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as E, normalizeClass as q, withCtx as w, createElementVNode as h, toDisplayString as Y, createElementBlock as A, unref as u, createVNode as d, Fragment as $, renderList as C, ref as P, watch as N, isRef as v, h as _ } from "vue";
-import { t as y, a as R, b as I } from "./transaction-Bxl86wzh.js";
+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-13xSmWg9.js";
 import { h as T } from "./moment-h96o7c8I.js";
-import { u as V } from "./index-BerQZMQW.js";
+import { u as L } from "./index-BWpuTiNy.js";
 import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { _ as L } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { useSnackbar as U, useDialog as G } from "@feedmepos/ui-library";
+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 j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { _ as Q } from "./index.vue_vue_type_script_setup_true_lang-BgTr7KWF.js";
-import { e as S } from "./index-Dj_LwPBy.js";
-import { g as z, a as H } from "./assets-DjRoCcqv.js";
-import { _ as J } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
-const W = /* @__PURE__ */ b({
+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-Bm7Wybo3.js";
+import { e as S } from "./index-Bl77l-UI.js";
+import { g as J, a as W } from "./assets-NM2zCyV8.js";
+import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+const Z = /* @__PURE__ */ b({
   __name: "Status",
   props: {
     row: {},
@@ -27,16 +28,16 @@ const W = /* @__PURE__ */ b({
       const m = g("FmBadge");
       return p(), E(m, {
         inline: "",
-        class: q(o())
+        class: R(o())
       }, {
         default: w(() => [
-          h("div", null, Y(i.data), 1)
+          h("div", null, V(i.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), X = ["src"], Z = /* @__PURE__ */ b({
+}), ee = ["src"], te = /* @__PURE__ */ b({
   __name: "Gateway",
   props: {
     row: {},
@@ -45,10 +46,10 @@ const W = /* @__PURE__ */ b({
   setup(f) {
     return (a, o) => (p(), A("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: u(z)(a.row.original.gateway)
-    }, null, 8, X));
+      src: u(J)(a.row.original.gateway)
+    }, null, 8, ee));
   }
-}), ee = ["src"], te = /* @__PURE__ */ b({
+}), ae = ["src"], ne = /* @__PURE__ */ b({
   __name: "Method",
   props: {
     row: {},
@@ -57,10 +58,10 @@ const W = /* @__PURE__ */ b({
   setup(f) {
     return (a, o) => (p(), A("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: u(H)(a.row.original.method.issuer)
-    }, null, 8, ee));
+      src: u(W)(a.row.original.method.issuer)
+    }, null, 8, ae));
   }
-}), ae = /* @__PURE__ */ b({
+}), re = /* @__PURE__ */ b({
   __name: "Actions",
   props: {
     onAction: { type: Function }
@@ -84,6 +85,12 @@ const W = /* @__PURE__ */ b({
         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) => {
@@ -98,7 +105,7 @@ const W = /* @__PURE__ */ b({
             d(s, { name: "settings" })
           ]),
           default: w(() => [
-            (p(), A($, null, C(a, (c) => d(m, {
+            (p(), A(Y, null, $(a, (c) => d(m, {
               selectable: !0,
               key: c.label,
               sublabel: c.sublabel,
@@ -112,19 +119,19 @@ const W = /* @__PURE__ */ b({
       ]);
     };
   }
-}), ne = { class: "flex justify-between mb-6 items-center" }, re = { class: "flex space-x-4" }, oe = { class: "flex space-x-4 self-center" }, se = { class: "mb-6" }, we = /* @__PURE__ */ b({
+}), 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 = P(), { dateRange: o, searchKey: i } = V({
+    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 = U(), m = G(), F = async (e, t) => {
+    }), s = G(), m = j(), F = async (e, t) => {
       let r = parseInt(t);
       Number.isNaN(r) && (r = 1);
-      const n = await y.readTransactions({
+      const n = await _.readTransactions({
         start: T(o.value.startDate).startOf("day").toISOString(),
         end: T(o.value.endDate).endOf("day").toISOString(),
         limit: e,
@@ -132,7 +139,7 @@ const W = /* @__PURE__ */ b({
         search: i.value
       }), l = n.length == e;
       return {
-        data: R(n),
+        data: P(n),
         meta: {
           cursor: l ? (r + 1).toString() : ""
         }
@@ -161,7 +168,7 @@ const W = /* @__PURE__ */ b({
         return;
       }
       try {
-        const l = await y.refetchTransaction({ transactionId: t.id });
+        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."
@@ -174,7 +181,7 @@ const W = /* @__PURE__ */ b({
         });
       }
     }
-    async function M(e) {
+    async function q(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -192,7 +199,7 @@ const W = /* @__PURE__ */ b({
         async () => {
           var n;
           try {
-            const l = await y.refundTransaction({
+            const l = await _.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
@@ -211,7 +218,7 @@ const W = /* @__PURE__ */ b({
         }
       );
     }
-    async function O(e) {
+    async function K(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -228,7 +235,7 @@ const W = /* @__PURE__ */ b({
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await y.renotifyTransaction(t.id), s.open({
+            await _.renotifyTransaction(t.id), s.open({
               type: "success",
               title: "Transaction notify successfully."
             });
@@ -242,23 +249,47 @@ const W = /* @__PURE__ */ b({
         }
       );
     }
-    const K = [
+    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 }) => _(J, { data: e.getValue() })
+        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 ? _(Z, { row: t, data: e.getValue() }) : ""
+        cell: ({ cell: e, row: t }) => t.original.method ? y(te, { row: t, data: e.getValue() }) : ""
       },
       {
         header: () => "Method",
@@ -266,7 +297,7 @@ const W = /* @__PURE__ */ b({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: e, row: t }) => t.original.method ? _(te, { row: t, data: e.getValue() }) : ""
+        cell: ({ cell: e, row: t }) => t.original.method ? y(ne, { row: t, data: e.getValue() }) : ""
       },
       {
         header: () => "Type",
@@ -284,7 +315,7 @@ const W = /* @__PURE__ */ b({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: e, row: t }) => _(W, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => y(Z, { row: t, data: e.getValue() })
       },
       {
         header: () => "Transaction At",
@@ -308,14 +339,16 @@ const W = /* @__PURE__ */ b({
       {
         header: () => "Actions",
         accessorKey: "actions",
-        cell: ({ row: e }) => _(ae, {
+        cell: ({ row: e }) => y(re, {
           onAction: (t) => {
             switch (t) {
               case "notify":
-                return O(e.index);
+                return K(e.index);
               case "query":
                 return k(e.index);
               case "refund":
+                return q(e.index);
+              case "history":
                 return M(e.index);
             }
           }
@@ -329,8 +362,8 @@ const W = /* @__PURE__ */ b({
         loading: !1
       }, {
         default: w(() => [
-          h("div", ne, [
-            h("div", re, [
+          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),
@@ -339,15 +372,15 @@ const W = /* @__PURE__ */ b({
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"])
             ]),
-            h("div", oe, [
-              d(L, {
+            h("div", ce, [
+              d(U, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
                 handler: async () => {
-                  await u(y).downloadTransactionReport({
+                  await u(_).downloadTransactionReport({
                     start: u(o).startDate,
                     end: u(o).endDate
                   });
@@ -355,16 +388,16 @@ const W = /* @__PURE__ */ b({
               }, null, 8, ["handler"])
             ])
           ]),
-          h("div", se, [
-            d(j, {
+          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(Q, {
+          d(H, {
             ref_key: "controller",
             ref: a,
-            "column-defs": K,
+            "column-defs": O,
             "rows-defs": (n) => n,
             paginate: F
           }, null, 8, ["rows-defs"])
@@ -375,5 +408,5 @@ const W = /* @__PURE__ */ b({
   }
 });
 export {
-  we as default
+  xe as default
 };