@feedmepos/mf-payment 1.1.20 → 1.2.0

package/dist/{TransactionTable.vue_vue_type_script_setup_true_lang-Be5X-POy.js → TransactionTable.vue_vue_type_script_setup_true_lang-Bm6pV5Ps.js}

@@ -1,93 +1,93 @@
-import { defineComponent as m, resolveComponent as d, openBlock as l, createBlock as f, normalizeClass as v, withCtx as y, createElementVNode as x, toDisplayString as P, createElementBlock as w, unref as E, createVNode as q, Fragment as R, renderList as V, ref as D, h as p } from "vue";
-import { useSnackbar as U, useDialog as B } from "@feedmepos/ui-library";
-import { g as $, a as L, t as b, c as N } from "./assets-uU5K-t3w.js";
-import { e as h } from "./index-CeqaPQxS.js";
-import { g as G } from "./grafana-jZIQEb-4.js";
-import { w as k } from "./Modal-DB8M9o1T.js";
+import { defineComponent as y, resolveComponent as p, openBlock as l, createBlock as _, normalizeClass as D, withCtx as g, createElementVNode as E, toDisplayString as P, createElementBlock as A, unref as S, createVNode as N, Fragment as R, renderList as V, ref as U, h as f } from "vue";
+import { useSnackbar as B, useDialog as $ } from "@feedmepos/ui-library";
+import { g as L, a as G, t as b, c as k } from "./assets-CiNHrDU0.js";
+import { e as h } from "./index-B9Q6VJh7.js";
+import { g as O } from "./grafana-D4sIBgS0.js";
+import { w as x } from "./Modal-DB8M9o1T.js";
 import { u as T } from "./error-K1CakhA9.js";
-import { useCoreStore as O, useI18n as Y } from "@feedmepos/mf-common";
-const j = /* @__PURE__ */ m({
+import { useCoreStore as Y, useI18n as j } from "@feedmepos/mf-common";
+const z = /* @__PURE__ */ y({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(o) {
-    const n = o;
+  setup(s) {
+    const n = s;
     function r() {
       return n.data === h.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === h.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === h.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (i, s) => {
-      const u = d("FmBadge");
-      return l(), f(u, {
+    return (c, i) => {
+      const u = p("FmBadge");
+      return l(), _(u, {
         inline: "",
-        class: v(r())
+        class: D(r())
       }, {
-        default: y(() => [
-          x("div", null, P(i.data), 1)
+        default: g(() => [
+          E("div", null, P(c.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), z = ["src"], Q = /* @__PURE__ */ m({
+}), Q = ["src"], H = /* @__PURE__ */ y({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
-  setup(o) {
-    return (n, r) => (l(), w("img", {
+  setup(s) {
+    return (n, r) => (l(), A("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: E($)(n.row.original.gateway)
-    }, null, 8, z));
+      src: S(L)(n.row.original.gateway)
+    }, null, 8, Q));
   }
-}), H = ["src"], J = /* @__PURE__ */ m({
+}), J = ["src"], W = /* @__PURE__ */ y({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
-  setup(o) {
+  setup(s) {
     return (n, r) => {
-      const i = d("FmTooltip");
-      return l(), f(i, {
+      const c = p("FmTooltip");
+      return l(), _(c, {
         variant: "plain",
         placement: "top",
         content: n.row.original.method.issuer,
         "hide-arrow": !0
       }, {
-        default: y(() => [
-          x("img", {
+        default: g(() => [
+          E("img", {
             class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-            src: E(L)(n.row.original.method.issuer, n.row.original.method.variant)
-          }, null, 8, H)
+            src: S(G)(n.row.original.method.issuer, n.row.original.method.variant)
+          }, null, 8, J)
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), W = /* @__PURE__ */ m({
+}), X = /* @__PURE__ */ y({
   __name: "Actions",
   props: {
     onAction: { type: Function },
     transaction: {}
   },
-  setup(o) {
+  setup(s) {
     const n = [
-      o.transaction.flags.query && {
+      s.transaction.flags.query && {
         label: "Query",
         sublabel: "Perform transaction status inquriy",
         icon: "question_answer",
         action: "query"
       },
-      o.transaction.flags.refund && {
+      s.transaction.flags.refund && {
         label: "Refund",
         sublabel: "Perform transaction refund request",
         icon: "request_page",
         action: "refund"
       },
-      o.transaction.flags.notify && {
+      s.transaction.flags.notify && {
         label: "Notify",
         sublabel: "Perform webhook notification for transaction",
         icon: "webhook",
@@ -100,19 +100,19 @@ const j = /* @__PURE__ */ m({
         action: "history"
       }
     ];
-    return (r, i) => {
-      const s = d("FmIcon"), u = d("FmMenuItem"), g = d("FmMenu");
-      return l(), w("div", {
-        onClick: i[0] || (i[0] = (a) => {
+    return (r, c) => {
+      const i = p("FmIcon"), u = p("FmMenuItem"), d = p("FmMenu");
+      return l(), A("div", {
+        onClick: c[0] || (c[0] = (a) => {
           a.stopPropagation();
         })
       }, [
-        q(g, null, {
-          "menu-button": y(() => [
-            q(s, { name: "settings" })
+        N(d, null, {
+          "menu-button": g(() => [
+            N(i, { name: "settings" })
           ]),
-          default: y(() => [
-            (l(!0), w(R, null, V(n.filter((a) => !!a), (a) => (l(), f(u, {
+          default: g(() => [
+            (l(!0), A(R, null, V(n.filter((a) => !!a), (a) => (l(), _(u, {
               selectable: !0,
               key: a.label,
               sublabel: a.sublabel,
@@ -126,7 +126,7 @@ const j = /* @__PURE__ */ m({
       ]);
     };
   }
-}), se = /* @__PURE__ */ m({
+}), ie = /* @__PURE__ */ y({
   __name: "TransactionTable",
   props: {
     data: {
@@ -139,26 +139,26 @@ const j = /* @__PURE__ */ m({
     }
   },
   emits: ["row-click"],
-  setup(o, { emit: n }) {
-    var I;
-    const r = o, i = n, s = U(), u = B(), { sessionUser: g } = O(), { t: a } = Y();
+  setup(s, { emit: n }) {
+    var q, I;
+    const r = s, c = n, i = B(), u = $(), { sessionUser: d } = Y(), { t: a } = j();
     async function K(t) {
       try {
         const e = await b.refetchTransaction({ transactionId: t.id });
-        r.data.map((c) => c.id === e._id ? N(e) : c), s.open({
+        r.data.map((o) => o.id === e._id ? k(e) : o), i.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
       } catch (e) {
-        s.open({
+        i.open({
           type: "error",
           title: "Fail to query transaction.",
           message: T(e)
         });
       }
     }
-    async function S(t) {
-      k(
+    async function v(t) {
+      x(
         u,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
@@ -169,12 +169,12 @@ const j = /* @__PURE__ */ m({
               reason: "portal transaction refund",
               amount: t.fdoAmount
             });
-            r.data.map((c) => c.id === e._id ? N(e) : c), s.open({
+            r.data.map((o) => o.id === e._id ? k(e) : o), i.open({
               type: "success",
               title: "Transaction refund request initiated."
             });
           } catch (e) {
-            s.open({
+            i.open({
               type: "error",
               title: "Fail to request refund transaction.",
               message: T(e)
@@ -184,18 +184,18 @@ const j = /* @__PURE__ */ m({
       );
     }
     async function C(t) {
-      k(
+      x(
         u,
         "Notify Transaction",
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await b.renotifyTransaction(t.id), s.open({
+            await b.renotifyTransaction(t.id), i.open({
               type: "success",
               title: "Transaction notify successfully."
             });
           } catch (e) {
-            s.open({
+            i.open({
               type: "error",
               title: "Fail to notify transaction.",
               message: T(e)
@@ -205,7 +205,7 @@ const j = /* @__PURE__ */ m({
       );
     }
     async function M(t) {
-      const e = G([
+      const e = O([
         {
           type: "span",
           queryKey: "transaction.id",
@@ -214,7 +214,7 @@ const j = /* @__PURE__ */ m({
       ], t.transactionAt);
       window.open(e, "_blank");
     }
-    const A = D(""), F = [
+    const w = U(""), F = [
       {
         header: () => a("payment.transactions.table.id"),
         accessorKey: "id"
@@ -237,7 +237,7 @@ const j = /* @__PURE__ */ m({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: t, row: e }) => e.original.gateway ? p(Q, { row: e, data: t.getValue() }) : ""
+        cell: ({ cell: t, row: e }) => e.original.gateway ? f(H, { row: e, data: t.getValue() }) : ""
       },
       {
         header: () => a("payment.transactions.table.method"),
@@ -245,7 +245,7 @@ const j = /* @__PURE__ */ m({
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: t, row: e }) => e.original.method ? p(J, { row: e, data: t.getValue() }) : ""
+        cell: ({ cell: t, row: e }) => e.original.method ? f(W, { row: e, data: t.getValue() }) : ""
       },
       {
         header: () => a("payment.transactions.table.type"),
@@ -257,7 +257,7 @@ const j = /* @__PURE__ */ m({
       {
         header: () => a("payment.transactions.table.status"),
         accessorKey: "status",
-        cell: ({ cell: t, row: e }) => p(j, { row: e, data: t.getValue() })
+        cell: ({ cell: t, row: e }) => f(z, { row: e, data: t.getValue() })
       },
       {
         header: () => a("payment.transactions.table.restaurant"),
@@ -278,13 +278,17 @@ const j = /* @__PURE__ */ m({
       },
       {
         header: () => a("payment.transactions.table.sales_amount"),
-        accessorKey: "amount"
+        accessorKey: "amount",
+        cell: ({ cell: t, row: e }) => {
+          var o, m;
+          return ((o = d.value) != null && o.role.isStaff || (m = d.value) != null && m.role.isAdmin) && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount;
+        }
       }
     ];
-    return (I = g.value) != null && I.isInternal && F.push({
+    return ((q = d.value) != null && q.role.isStaff || (I = d.value) != null && I.role.isAdmin) && F.push({
       header: () => a("payment.transactions.table.actions"),
       accessorKey: "actions",
-      cell: ({ row: t }) => p(W, {
+      cell: ({ row: t }) => f(X, {
         transaction: t.original,
         onAction: (e) => {
           switch (e) {
@@ -293,25 +297,25 @@ const j = /* @__PURE__ */ m({
             case "query":
               return K(t.original);
             case "refund":
-              return S(t.original);
+              return v(t.original);
             case "history":
               return M(t.original);
           }
         }
       })
     }), (t, e) => {
-      const c = d("FmTable");
-      return l(), f(c, {
-        modelValue: A.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (_) => A.value = _),
+      const o = p("FmTable");
+      return l(), _(o, {
+        modelValue: w.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (m) => w.value = m),
         "column-defs": F,
         "row-data": r.data,
         loading: r.loading,
-        onRowClick: e[1] || (e[1] = (_) => i("row-click", r.data.at(_.index)))
+        onRowClick: e[1] || (e[1] = (m) => c("row-click", r.data.at(m.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
 });
 export {
-  se as _
+  ie as _
 };