@feedmepos/mf-payment 1.1.19 → 1.1.20-beta.2

package/dist/{TransactionTable.vue_vue_type_script_setup_true_lang-BEHZCoq6.js → TransactionTable.vue_vue_type_script_setup_true_lang-BdPgL0W8.js}

@@ -1,8 +1,8 @@
-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 { defineComponent as m, resolveComponent as d, openBlock as l, createBlock as g, normalizeClass as M, withCtx as f, createElementVNode as x, toDisplayString as D, createElementBlock as w, unref as E, createVNode as I, Fragment as P, renderList as R, ref as V, h as y } 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-Bka69roC.js";
-import { e as h } from "./index-CGg0eJIr.js";
-import { g as G } from "./grafana-CZhYcWzi.js";
+import { g as $, a as L, t as b, c as N } from "./assets-Bne2NJOR.js";
+import { e as h } from "./index-Bm2MGtsS.js";
+import { g as G } from "./grafana-DpsdWu10.js";
 import { w as k } from "./Modal-DB8M9o1T.js";
 import { u as T } from "./error-K1CakhA9.js";
 import { useCoreStore as O, useI18n as Y } from "@feedmepos/mf-common";
@@ -12,19 +12,19 @@ const j = /* @__PURE__ */ m({
     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) => {
+    return (c, i) => {
       const u = d("FmBadge");
-      return l(), f(u, {
+      return l(), g(u, {
         inline: "",
-        class: v(r())
+        class: M(r())
       }, {
-        default: y(() => [
-          x("div", null, P(i.data), 1)
+        default: f(() => [
+          x("div", null, D(c.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -36,7 +36,7 @@ const j = /* @__PURE__ */ m({
     row: {},
     data: {}
   },
-  setup(o) {
+  setup(s) {
     return (n, r) => (l(), w("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
       src: E($)(n.row.original.gateway)
@@ -48,16 +48,16 @@ const j = /* @__PURE__ */ m({
     row: {},
     data: {}
   },
-  setup(o) {
+  setup(s) {
     return (n, r) => {
-      const i = d("FmTooltip");
-      return l(), f(i, {
+      const c = d("FmTooltip");
+      return l(), g(c, {
         variant: "plain",
         placement: "top",
         content: n.row.original.method.issuer,
         "hide-arrow": !0
       }, {
-        default: y(() => [
+        default: f(() => [
           x("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)
@@ -73,21 +73,21 @@ const j = /* @__PURE__ */ m({
     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 (r, c) => {
+      const i = d("FmIcon"), u = d("FmMenuItem"), p = d("FmMenu");
       return l(), w("div", {
-        onClick: i[0] || (i[0] = (a) => {
+        onClick: c[0] || (c[0] = (a) => {
           a.stopPropagation();
         })
       }, [
-        q(g, null, {
-          "menu-button": y(() => [
-            q(s, { name: "settings" })
+        I(p, null, {
+          "menu-button": f(() => [
+            I(i, { name: "settings" })
           ]),
-          default: y(() => [
-            (l(!0), w(R, null, V(n.filter((a) => !!a), (a) => (l(), f(u, {
+          default: f(() => [
+            (l(!0), w(P, null, R(n.filter((a) => !!a), (a) => (l(), g(u, {
               selectable: !0,
               key: a.label,
               sublabel: a.sublabel,
@@ -139,25 +139,25 @@ 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();
-    async function K(t) {
+  setup(s, { emit: n }) {
+    var q;
+    const r = s, c = n, i = U(), u = B(), { sessionUser: p } = O(), { t: a } = Y();
+    async function S(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 ? N(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) {
+    async function K(t) {
       k(
         u,
         "Refund Transaction",
@@ -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 ? N(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)
@@ -190,12 +190,12 @@ const j = /* @__PURE__ */ m({
         "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)
@@ -204,7 +204,7 @@ const j = /* @__PURE__ */ m({
         }
       );
     }
-    async function M(t) {
+    async function v(t) {
       const e = G([
         {
           type: "span",
@@ -214,7 +214,7 @@ const j = /* @__PURE__ */ m({
       ], t.transactionAt);
       window.open(e, "_blank");
     }
-    const A = D(""), F = [
+    const A = V(""), 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 ? y(Q, { 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 ? y(J, { 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 }) => y(j, { row: e, data: t.getValue() })
       },
       {
         header: () => a("payment.transactions.table.restaurant"),
@@ -278,36 +278,40 @@ const j = /* @__PURE__ */ m({
       },
       {
         header: () => a("payment.transactions.table.sales_amount"),
-        accessorKey: "amount"
+        accessorKey: "amount",
+        cell: ({ cell: t, row: e }) => {
+          var o;
+          return (o = p.value) != null && o.role.isStaff && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount;
+        }
       }
     ];
-    return (I = g.value) != null && I.isInternal && F.push({
+    return (q = p.value) != null && q.role.isStaff && F.push({
       header: () => a("payment.transactions.table.actions"),
       accessorKey: "actions",
-      cell: ({ row: t }) => p(W, {
+      cell: ({ row: t }) => y(W, {
         transaction: t.original,
         onAction: (e) => {
           switch (e) {
             case "notify":
               return C(t.original);
             case "query":
-              return K(t.original);
-            case "refund":
               return S(t.original);
+            case "refund":
+              return K(t.original);
             case "history":
-              return M(t.original);
+              return v(t.original);
           }
         }
       })
     }), (t, e) => {
-      const c = d("FmTable");
-      return l(), f(c, {
+      const o = d("FmTable");
+      return l(), g(o, {
         modelValue: A.value,
         "onUpdate:modelValue": e[0] || (e[0] = (_) => A.value = _),
         "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] = (_) => c("row-click", r.data.at(_.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }