@feedmepos/mf-payment 1.2.8 → 1.2.9

package/dist/{TransactionTable.vue_vue_type_script_setup_true_lang-C9RzkJqY.js → TransactionTable.vue_vue_type_script_setup_true_lang-Cyljl6hU.js}

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