@feedmepos/mf-payment 1.0.5 → 1.0.7-beta.1

package/dist/Transaction-BZqqi5qu.js

@@ -0,0 +1,145 @@
+import { defineComponent as Y, ref as E, onMounted as b, watch as T, resolveComponent as y, openBlock as w, createBlock as D, withCtx as x, createElementVNode as _, createVNode as n, unref as o, isRef as m } from "vue";
+import { t as V, a as F } from "./transaction-D4S3PvuQ.js";
+import { _ as d, u as I } from "./index-DQsvadHF.js";
+import { _ as M } from "./TransactionTable.vue_vue_type_script_setup_true_lang-qZA8uWSK.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { useCoreStore as O } from "@feedmepos/mf-common";
+import { _ as P } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as $ } from "./index-NnxZlW-g.js";
+import { _ as k } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as L } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as B } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as J } from "./PayoutAccountSelector.vue_vue_type_script_setup_true_lang-BiUxmjU6.js";
+const K = { class: "flex justify-between mb-6 items-center" }, j = { class: "flex space-x-8 items-start" }, q = { class: "flex space-x-4 self-center" }, G = { class: "flex space-x-12 mb-6" }, re = /* @__PURE__ */ Y({
+  __name: "Transaction",
+  setup(Q) {
+    const { dateRange: r, searchKey: l, accountId: s, status: t } = $({
+      accountId: "",
+      searchKey: "",
+      status: [d.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS],
+      dateRange: {
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: C, startAsyncCall: h } = I(!0), { currentBusiness: R } = O(), u = E([]), c = E([]);
+    async function S() {
+      s.value && await h(async () => {
+        const { startDate: f, endDate: e } = r.value, i = await V.readAccountTransactions({
+          status: t.value,
+          accountId: s.value,
+          start: f,
+          end: e
+        });
+        if (u.value = F(i), c.value = u.value, l.value > "") {
+          var v = new RegExp(l.value, "i");
+          c.value = u.value.filter((a) => {
+            const U = JSON.stringify(a);
+            return v.test(U);
+          });
+        }
+      });
+    }
+    function A() {
+      S();
+    }
+    b(A), T(R, A), T([s, r, t], S);
+    let p;
+    T(l, async () => {
+      p && clearTimeout(p), p = setTimeout(() => {
+        var f = new RegExp(l.value, "i");
+        c.value = u.value.filter((e) => {
+          const i = JSON.stringify(e);
+          return f.test(i);
+        });
+      }, 700);
+    });
+    const N = [
+      {
+        label: "Success",
+        value: d.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS
+      },
+      {
+        label: "Refunded",
+        value: d.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED
+      },
+      {
+        label: "Process",
+        value: d.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING
+      },
+      {
+        label: "Failed",
+        value: d.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED
+      }
+    ];
+    return (f, e) => {
+      const i = y("FmSearch"), v = y("FmSelect");
+      return w(), D(P, {
+        title: "Online Transactions",
+        description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
+        loading: !1
+      }, {
+        default: x(() => [
+          _("div", K, [
+            _("div", j, [
+              n(i, {
+                "model-value": o(l),
+                "onUpdate:modelValue": e[0] || (e[0] = (a) => m(l) ? l.value = a : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              n(v, {
+                modelValue: o(t),
+                "onUpdate:modelValue": e[2] || (e[2] = (a) => m(t) ? t.value = a : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: N
+              }, {
+                "prepend-menu": x(() => [
+                  n(L, {
+                    modelValue: o(t),
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => m(t) ? t.value = a : null),
+                    items: N
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _("div", q, [
+              n(k, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await o(V).downloadPortalTransactionReport(u.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          _("div", G, [
+            n(J, {
+              modelValue: o(s),
+              "onUpdate:modelValue": e[3] || (e[3] = (a) => m(s) ? s.value = a : null)
+            }, null, 8, ["modelValue"]),
+            n(B, {
+              modelValue: o(r),
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => m(r) ? r.value = a : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          n(M, {
+            loading: o(C),
+            data: c.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  re as default
+};

package/dist/{Transaction-IDcY01Oi.js → Transaction-tcV33ufA.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-Cyw84Cks.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-D4S3PvuQ.js";
 import { h as T } from "./moment-h96o7c8I.js";
-import { u as V } from "./index-BerQZMQW.js";
+import { u as L } from "./index-NnxZlW-g.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-BRDqWauv.js";
+import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-CoiUD4O5.js";
+import { e as S } from "./index-DQsvadHF.js";
+import { g as J, a as W } from "./assets-D-ueIWdy.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
 };

package/dist/TransactionOld-CgJdUs7l.js

@@ -0,0 +1,99 @@
+import { defineComponent as R, ref as v, onMounted as Y, watch as m, resolveComponent as S, openBlock as b, createBlock as V, unref as r, withCtx as C, createElementVNode as d, createVNode as l, isRef as h } from "vue";
+import { t as y, a as M } from "./transaction-D4S3PvuQ.js";
+import { u as O } from "./index-DQsvadHF.js";
+import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-qZA8uWSK.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { useCoreStore as k } from "@feedmepos/mf-common";
+import { _ as E } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as N } from "./index-NnxZlW-g.js";
+import { _ as L } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as P } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { _ as A } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const B = { class: "flex justify-between mb-6 items-center" }, F = { class: "flex space-x-8" }, J = { class: "flex space-x-4 self-center" }, K = { class: "mb-6" }, ae = /* @__PURE__ */ R({
+  __name: "TransactionOld",
+  setup(U) {
+    const { dateRange: t, searchKey: a } = N({
+      searchKey: "",
+      dateRange: {
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: f, startAsyncCall: x } = O(!0), { currentRestaurant: w } = k(), n = v([]), i = v([]);
+    async function p() {
+      await x(async () => {
+        const { startDate: c, endDate: e } = t.value, o = await y.readRestaurantTransactions({
+          start: c,
+          end: e
+        });
+        if (n.value = M(o), i.value = n.value, a.value > "") {
+          var s = new RegExp(a.value, "i");
+          i.value = n.value.filter((T) => {
+            const D = JSON.stringify(T);
+            return s.test(D);
+          });
+        }
+      });
+    }
+    function _() {
+      p();
+    }
+    Y(_), m(w, _), m(t, p);
+    let u;
+    return m(a, async () => {
+      u && clearTimeout(u), u = setTimeout(() => {
+        var c = new RegExp(a.value, "i");
+        i.value = n.value.filter((e) => {
+          const o = JSON.stringify(e);
+          return c.test(o);
+        });
+      }, 700);
+    }), (c, e) => {
+      const o = S("FmSearch");
+      return b(), V(E, {
+        title: "Transactions",
+        description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
+        loading: r(f)
+      }, {
+        default: C(() => [
+          d("div", B, [
+            d("div", F, [
+              l(P),
+              l(o, {
+                "model-value": r(a),
+                "onUpdate:modelValue": e[0] || (e[0] = (s) => h(a) ? a.value = s : null),
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            d("div", J, [
+              l(L, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await r(y).downloadPortalTransactionReport(n.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          d("div", K, [
+            l(A, {
+              modelValue: r(t),
+              "onUpdate:modelValue": e[1] || (e[1] = (s) => h(t) ? t.value = s : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          l($, {
+            loading: r(f),
+            data: i.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  ae as default
+};