@feedmepos/mf-payment 1.0.28 → 1.1.0-beta.2

package/dist/{Transaction-DWzZ31qR.js → Transaction-_CB4VTT9.js}

@@ -1,17 +1,16 @@
-import { defineComponent as b, resolveComponent as h, openBlock as p, createBlock as k, normalizeClass as R, withCtx as T, createElementVNode as g, toDisplayString as V, createElementBlock as A, unref as u, createVNode as d, Fragment as Y, renderList as $, ref as C, watch as F, isRef as D, h as y } from "vue";
-import { t as _, a as P, b as I } from "./transaction-CzLoSCVe.js";
+import { defineComponent as b, resolveComponent as h, openBlock as m, createBlock as F, normalizeClass as V, withCtx as T, createElementVNode as _, toDisplayString as Y, createElementBlock as A, unref as d, createVNode as f, Fragment as $, renderList as C, ref as O, watch as v, isRef as I, h as y } from "vue";
+import { g as P, a as U, t as g, b as B, c as N } from "./assets-BImh8bhR.js";
 import { h as w } from "./moment-h96o7c8I.js";
-import { u as B } from "./index-d3nubgyT.js";
-import { _ as U } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { _ as G } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { useSnackbar as L, useDialog as j } from "@feedmepos/ui-library";
-import { w as N } from "./Modal-DB8M9o1T.js";
-import { u as S } 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-b2ht7XmY.js";
-import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-Du3twb8U.js";
-import { e as v } from "./index-iiG_kivD.js";
-import { g as J, a as W } from "./assets-BySnqkmr.js";
+import { u as G } from "./index-8eCaI4jI.js";
+import { _ as L } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { _ as j } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { useSnackbar as Q, useDialog as z } from "@feedmepos/ui-library";
+import { w as k } from "./Modal-DB8M9o1T.js";
+import { u as D } from "./error-K1CakhA9.js";
+import { _ as H } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { g as J } from "./grafana-CPOGSE20.js";
+import { _ as W } from "./index.vue_vue_type_script_setup_true_lang-DNXWZt8k.js";
+import { e as S } from "./index-CNZFZxie.js";
 import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
 const Z = /* @__PURE__ */ b({
   __name: "Status",
@@ -19,19 +18,19 @@ const Z = /* @__PURE__ */ b({
     row: {},
     data: {}
   },
-  setup(f) {
-    const a = f;
+  setup(u) {
+    const a = u;
     function o() {
-      return a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+      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 = h("FmBadge");
-      return p(), k(m, {
+    return (c, s) => {
+      const p = h("FmBadge");
+      return m(), F(p, {
         inline: "",
-        class: R(o())
+        class: V(o())
       }, {
         default: T(() => [
-          g("div", null, V(i.data), 1)
+          _("div", null, Y(c.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -43,10 +42,10 @@ const Z = /* @__PURE__ */ b({
     row: {},
     data: {}
   },
-  setup(f) {
-    return (a, o) => (p(), A("img", {
+  setup(u) {
+    return (a, o) => (m(), A("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: u(J)(a.row.original.gateway)
+      src: d(P)(a.row.original.gateway)
     }, null, 8, ee));
   }
 }), ae = ["src"], ne = /* @__PURE__ */ b({
@@ -55,32 +54,33 @@ const Z = /* @__PURE__ */ b({
     row: {},
     data: {}
   },
-  setup(f) {
-    return (a, o) => (p(), A("img", {
+  setup(u) {
+    return (a, o) => (m(), A("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: u(W)(a.row.original.method.issuer, a.row.original.method.variant)
+      src: d(U)(a.row.original.method.issuer, a.row.original.method.variant)
     }, null, 8, ae));
   }
 }), re = /* @__PURE__ */ b({
   __name: "Actions",
   props: {
-    onAction: { type: Function }
+    onAction: { type: Function },
+    transaction: {}
   },
-  setup(f) {
+  setup(u) {
     const a = [
-      {
+      u.transaction.flags.query && {
         label: "Query",
         sublabel: "Perform transaction status inquriy",
         icon: "question_answer",
         action: "query"
       },
-      {
+      u.transaction.flags.refund && {
         label: "Refund",
         sublabel: "Perform transaction refund request",
         icon: "request_page",
         action: "refund"
       },
-      {
+      u.transaction.flags.notify && {
         label: "Notify",
         sublabel: "Perform webhook notification for transaction",
         icon: "webhook",
@@ -93,65 +93,65 @@ const Z = /* @__PURE__ */ b({
         action: "history"
       }
     ];
-    return (o, i) => {
-      const s = h("FmIcon"), m = h("FmMenuItem"), x = h("FmMenu");
-      return p(), A("div", {
-        onClick: i[0] || (i[0] = (c) => {
-          c.stopPropagation();
+    return (o, c) => {
+      const s = h("FmIcon"), p = h("FmMenuItem"), x = h("FmMenu");
+      return m(), A("div", {
+        onClick: c[0] || (c[0] = (i) => {
+          i.stopPropagation();
         })
       }, [
-        d(x, null, {
+        f(x, null, {
           "menu-button": T(() => [
-            d(s, { name: "settings" })
+            f(s, { name: "settings" })
           ]),
           default: T(() => [
-            (p(), A(Y, null, $(a, (c) => d(m, {
+            (m(!0), A($, null, C(a.filter((i) => !!i), (i) => (m(), F(p, {
               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))
+              key: i.label,
+              sublabel: i.sublabel,
+              label: i.label,
+              icon: i.icon,
+              onclick: () => o.onAction(i.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
           ]),
           _: 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" }, Se = /* @__PURE__ */ b({
+}), oe = { class: "flex justify-between mb-6 items-center" }, se = { class: "flex space-x-4" }, ie = { class: "flex space-x-4 self-center" }, ce = { class: "mb-6" }, xe = /* @__PURE__ */ b({
   __name: "Transaction",
-  setup(f) {
-    const a = C(), { dateRange: o, searchKey: i } = B({
+  setup(u) {
+    const a = O(), { dateRange: o, searchKey: c } = G({
       searchKey: "",
       dateRange: {
         startDate: w().startOf("day").format("YYYY-MM-DD"),
         endDate: w().endOf("day").format("YYYY-MM-DD")
       }
-    }), s = L(), m = j(), x = async (e, t) => {
+    }), s = Q(), p = z(), x = async (e, t) => {
       let r = parseInt(t);
       Number.isNaN(r) && (r = 1);
-      const n = await _.readTransactions({
+      const n = await g.readTransactions({
         start: w(o.value.startDate).startOf("day").toISOString(),
         end: w(o.value.endDate).endOf("day").toISOString(),
         limit: e,
         skip: (r - 1) * e,
-        search: i.value
+        search: c.value
       }), l = n.length == e;
       return {
-        data: P(n),
+        data: B(n),
         meta: {
           cursor: l ? (r + 1).toString() : ""
         }
       };
     };
-    F(o, async () => {
+    v(o, async () => {
       var e;
       (e = a.value) == null || e.reset();
     });
-    let c;
-    F(i, async () => {
-      c && clearTimeout(c), c = setTimeout(() => {
+    let i;
+    v(c, async () => {
+      i && clearTimeout(i), i = setTimeout(() => {
         var e;
         (e = a.value) == null || e.reset();
       }, 700);
@@ -168,8 +168,8 @@ const Z = /* @__PURE__ */ b({
         return;
       }
       try {
-        const l = await _.refetchTransaction({ transactionId: t.id });
-        (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+        const l = await g.refetchTransaction({ transactionId: t.id });
+        (n = a.value) == null || n.replaceData(e, N(l)), s.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -177,11 +177,11 @@ const Z = /* @__PURE__ */ b({
         s.open({
           type: "error",
           title: "Fail to query transaction.",
-          message: S(l)
+          message: D(l)
         });
       }
     }
-    async function M(e) {
+    async function E(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -192,19 +192,19 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      N(
-        m,
+      k(
+        p,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
           var n;
           try {
-            const l = await _.refundTransaction({
+            const l = await g.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
             });
-            (n = a.value) == null || n.replaceData(e, I(l)), s.open({
+            (n = a.value) == null || n.replaceData(e, N(l)), s.open({
               type: "success",
               title: "Transaction refund request initiated."
             });
@@ -212,13 +212,13 @@ const Z = /* @__PURE__ */ b({
             s.open({
               type: "error",
               title: "Fail to request refund transaction.",
-              message: S(l)
+              message: D(l)
             });
           }
         }
       );
     }
-    async function E(e) {
+    async function M(e) {
       var r;
       const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
@@ -229,13 +229,13 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      N(
-        m,
+      k(
+        p,
         "Notify Transaction",
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await _.renotifyTransaction(t.id), s.open({
+            await g.renotifyTransaction(t.id), s.open({
               type: "success",
               title: "Transaction notify successfully."
             });
@@ -243,7 +243,7 @@ const Z = /* @__PURE__ */ b({
             s.open({
               type: "error",
               title: "Fail to notify transaction.",
-              message: S(n)
+              message: D(n)
             });
           }
         }
@@ -260,7 +260,7 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      const r = z([
+      const r = J([
         {
           type: "span",
           queryKey: "transaction.id",
@@ -269,7 +269,7 @@ const Z = /* @__PURE__ */ b({
       ], t.transactionAt);
       window.open(r, "_blank");
     }
-    const O = [
+    const R = [
       {
         header: () => "Transaction ID",
         accessorKey: "id",
@@ -299,6 +299,11 @@ const Z = /* @__PURE__ */ b({
         },
         cell: ({ cell: e, row: t }) => t.original.method ? y(ne, { row: t, data: e.getValue() }) : ""
       },
+      {
+        header: () => "Gateway ID",
+        accessorKey: "gatewayTransactionId",
+        cell: ({ cell: e, row: t }) => t.original.status === "REFUNDED" ? t.original.gatewayRefundId : t.original.gatewayTransactionId
+      },
       {
         header: () => "Type",
         accessorKey: "payFor",
@@ -325,65 +330,78 @@ const Z = /* @__PURE__ */ b({
       {
         header: () => "Actions",
         accessorKey: "actions",
-        cell: ({ row: e }) => y(re, {
-          onAction: (t) => {
-            switch (t) {
-              case "notify":
-                return E(e.index);
-              case "query":
-                return q(e.index);
-              case "refund":
-                return M(e.index);
-              case "history":
-                return K(e.index);
-            }
+        cell: ({ row: e }) => {
+          var r;
+          const t = (r = a.value) == null ? void 0 : r.pageData().at(e.index);
+          if (!t) {
+            s.open({
+              type: "error",
+              title: "Something went wrong",
+              message: "Fail to find transactions from the displayed transactions."
+            });
+            return;
           }
-        })
+          return y(re, {
+            transaction: t,
+            onAction: (n) => {
+              switch (n) {
+                case "notify":
+                  return M(e.index);
+                case "query":
+                  return q(e.index);
+                case "refund":
+                  return E(e.index);
+                case "history":
+                  return K(e.index);
+              }
+            }
+          });
+        }
       }
     ];
     return (e, t) => {
       const r = h("FmSearch");
-      return p(), k(U, {
-        title: "Online Transactions",
+      return m(), F(L, {
+        title: "Transactions",
         loading: !1
       }, {
         default: T(() => [
-          g("div", oe, [
-            g("div", se, [
-              d(r, {
-                "model-value": u(i),
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => D(i) ? i.value = n : null),
+          _("div", oe, [
+            _("div", se, [
+              f(r, {
+                "model-value": d(c),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => I(c) ? c.value = n : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"])
             ]),
-            g("div", ce, [
-              d(G, {
+            _("div", ie, [
+              f(j, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
                   label: "Export"
                 },
                 handler: async () => {
-                  await u(_).downloadTransactionReport({
-                    start: u(o).startDate,
-                    end: u(o).endDate
+                  await d(g).downloadTransactionReport({
+                    start: d(o).startDate,
+                    end: d(o).endDate
                   });
                 }
               }, null, 8, ["handler"])
             ])
           ]),
-          g("div", ie, [
-            d(Q, {
-              modelValue: u(o),
-              "onUpdate:modelValue": t[1] || (t[1] = (n) => D(o) ? o.value = n : null)
+          _("div", ce, [
+            f(H, {
+              modelValue: d(o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => I(o) ? o.value = n : null)
             }, null, 8, ["modelValue"])
           ]),
-          d(H, {
+          f(W, {
             ref_key: "controller",
             ref: a,
-            "column-defs": O,
+            "column-defs": R,
             "rows-defs": (n) => n,
             paginate: x
           }, null, 8, ["rows-defs"])
@@ -394,5 +412,5 @@ const Z = /* @__PURE__ */ b({
   }
 });
 export {
-  Se as default
+  xe as default
 };

package/dist/TransactionOld-BhzUSu5h.js

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