@feedmepos/mf-payment 1.0.22 → 1.0.23

package/dist/{Transaction-CKKeqzvR.js → Transaction-H2qlHRpa.js}

@@ -1,17 +1,17 @@
-import { defineComponent as b, resolveComponent as h, openBlock as p, createBlock as E, normalizeClass as R, withCtx as w, 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 v, isRef as x, h as y } from "vue";
-import { t as _, a as L, b as I } from "./transaction-DQE3s11C.js";
-import { h as T } from "./moment-h96o7c8I.js";
-import { u as P } from "./index-DeUid_93.js";
-import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-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 N } from "./error-K1CakhA9.js";
+import { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as k, normalizeClass as R, withCtx as T, 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 v, isRef as D, h as y } from "vue";
+import { t as _, a as P, b as I } from "./transaction-DtnnuWV6.js";
+import { h as w } from "./moment-h96o7c8I.js";
+import { u as B } from "./index-BQnxAbbe.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 x } 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-CuycLt4k.js";
-import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-DItAQGwT.js";
-import { e as S } from "./index-WnCqt6BH.js";
-import { g as J, a as W } from "./assets-BjvJVTsz.js";
+import { g as z } from "./grafana-Ci9CfoG-.js";
+import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-DUdBc_f9.js";
+import { e as F } from "./index-BjIx-Vhv.js";
+import { g as J, a as W } from "./assets-DRzFPsyC.js";
 import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
 const Z = /* @__PURE__ */ b({
   __name: "Status",
@@ -22,16 +22,16 @@ const Z = /* @__PURE__ */ b({
   setup(f) {
     const a = f;
     function o() {
-      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 a.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (c, s) => {
-      const m = h("FmBadge");
-      return p(), E(m, {
+    return (i, s) => {
+      const m = g("FmBadge");
+      return p(), k(m, {
         inline: "",
         class: R(o())
       }, {
-        default: w(() => [
-          g("div", null, V(c.data), 1)
+        default: T(() => [
+          h("div", null, V(i.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -93,25 +93,25 @@ const Z = /* @__PURE__ */ b({
         action: "history"
       }
     ];
-    return (o, c) => {
-      const s = h("FmIcon"), m = h("FmMenuItem"), F = h("FmMenu");
+    return (o, i) => {
+      const s = g("FmIcon"), m = g("FmMenuItem"), S = g("FmMenu");
       return p(), A("div", {
-        onClick: c[0] || (c[0] = (i) => {
-          i.stopPropagation();
+        onClick: i[0] || (i[0] = (c) => {
+          c.stopPropagation();
         })
       }, [
-        d(F, null, {
-          "menu-button": w(() => [
+        d(S, null, {
+          "menu-button": T(() => [
             d(s, { name: "settings" })
           ]),
-          default: w(() => [
-            (p(), A(Y, null, $(a, (i) => d(m, {
+          default: T(() => [
+            (p(), A(Y, null, $(a, (c) => d(m, {
               selectable: !0,
-              key: i.label,
-              sublabel: i.sublabel,
-              label: i.label,
-              icon: i.icon,
-              onclick: () => o.onAction(i.action)
+              key: c.label,
+              sublabel: c.sublabel,
+              label: c.label,
+              icon: c.icon,
+              onclick: () => o.onAction(c.action)
             }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
           ]),
           _: 1
@@ -119,29 +119,29 @@ const Z = /* @__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" }, Ne = /* @__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 = C(), { dateRange: o, searchKey: c } = P({
+    const a = C(), { dateRange: o, searchKey: i } = B({
       searchKey: "",
       dateRange: {
-        startDate: T().startOf("day").format("YYYY-MM-DD"),
-        endDate: T().endOf("day").format("YYYY-MM-DD")
+        startDate: w().startOf("day").format("YYYY-MM-DD"),
+        endDate: w().endOf("day").format("YYYY-MM-DD")
       }
-    }), s = G(), m = j(), F = async (e, t) => {
-      let n = parseInt(t);
-      Number.isNaN(n) && (n = 1);
-      const r = await _.readTransactions({
-        start: T(o.value.startDate).startOf("day").toISOString(),
-        end: T(o.value.endDate).endOf("day").toISOString(),
+    }), s = L(), m = j(), S = async (e, t) => {
+      let r = parseInt(t);
+      Number.isNaN(r) && (r = 1);
+      const n = await _.readTransactions({
+        start: w(o.value.startDate).startOf("day").toISOString(),
+        end: w(o.value.endDate).endOf("day").toISOString(),
         limit: e,
-        skip: (n - 1) * e,
-        search: c.value
-      }), l = r.length == e;
+        skip: (r - 1) * e,
+        search: i.value
+      }), l = n.length == e;
       return {
-        data: L(r),
+        data: P(n),
         meta: {
-          cursor: l ? (n + 1).toString() : ""
+          cursor: l ? (r + 1).toString() : ""
         }
       };
     };
@@ -149,16 +149,16 @@ const Z = /* @__PURE__ */ b({
       var e;
       (e = a.value) == null || e.reset();
     });
-    let i;
-    v(c, async () => {
-      i && clearTimeout(i), i = setTimeout(() => {
+    let c;
+    v(i, async () => {
+      c && clearTimeout(c), c = setTimeout(() => {
         var e;
         (e = a.value) == null || e.reset();
       }, 700);
     });
-    async function k(e) {
-      var n, r;
-      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
+    async function q(e) {
+      var r, n;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
         s.open({
           type: "error",
@@ -169,7 +169,7 @@ const Z = /* @__PURE__ */ b({
       }
       try {
         const l = await _.refetchTransaction({ transactionId: t.id });
-        (r = a.value) == null || r.replaceData(e, I(l)), s.open({
+        (n = a.value) == null || n.replaceData(e, I(l)), s.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -177,13 +177,13 @@ const Z = /* @__PURE__ */ b({
         s.open({
           type: "error",
           title: "Fail to query transaction.",
-          message: N(l)
+          message: x(l)
         });
       }
     }
-    async function O(e) {
-      var n;
-      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
+    async function K(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
         s.open({
           type: "error",
@@ -192,19 +192,19 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      D(
+      N(
         m,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
-          var r;
+          var n;
           try {
             const l = await _.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
             });
-            (r = a.value) == null || r.replaceData(e, I(l)), s.open({
+            (n = a.value) == null || n.replaceData(e, I(l)), s.open({
               type: "success",
               title: "Transaction refund request initiated."
             });
@@ -212,15 +212,15 @@ const Z = /* @__PURE__ */ b({
             s.open({
               type: "error",
               title: "Fail to request refund transaction.",
-              message: N(l)
+              message: x(l)
             });
           }
         }
       );
     }
-    async function q(e) {
-      var n;
-      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
+    async function M(e) {
+      var r;
+      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
       if (!t) {
         s.open({
           type: "error",
@@ -229,7 +229,7 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      D(
+      N(
         m,
         "Notify Transaction",
         "Are you sure to perform notify transaction?",
@@ -239,19 +239,19 @@ const Z = /* @__PURE__ */ b({
               type: "success",
               title: "Transaction notify successfully."
             });
-          } catch (r) {
+          } catch (n) {
             s.open({
               type: "error",
               title: "Fail to notify transaction.",
-              message: N(r)
+              message: x(n)
             });
           }
         }
       );
     }
-    async function K(e) {
-      var r;
-      const t = (r = a.value) == null ? void 0 : r.pageData().at(e);
+    async function E(e) {
+      var n;
+      const t = (n = a.value) == null ? void 0 : n.pageData().at(e);
       if (!t) {
         s.open({
           type: "error",
@@ -260,16 +260,16 @@ const Z = /* @__PURE__ */ b({
         });
         return;
       }
-      const n = z([
+      const r = z([
         {
           type: "span",
           queryKey: "transaction.id",
           queryValue: t.id
         }
       ], t.transactionAt);
-      window.open(n, "_blank");
+      window.open(r, "_blank");
     }
-    const M = [
+    const O = [
       {
         header: () => "Transaction ID",
         accessorKey: "id",
@@ -301,17 +301,9 @@ const Z = /* @__PURE__ */ b({
       },
       {
         header: () => "Type",
-        accessorKey: "type",
+        accessorKey: "payFor",
         meta: {
           textAlign: "center"
-        },
-        cell: ({ row: e }) => {
-          let t = "ONLINE";
-          if (e.original.method != null) {
-            const n = e.original.method.variant;
-            n.includes("_ONLINE") && (t = "ONLINE"), n.includes("_OFFLINE") && (t = "OFFLINE");
-          }
-          return e.original.payType && (t = e.original.payType), t;
         }
       },
       {
@@ -345,37 +337,37 @@ const Z = /* @__PURE__ */ b({
           onAction: (t) => {
             switch (t) {
               case "notify":
-                return q(e.index);
+                return M(e.index);
               case "query":
-                return k(e.index);
+                return q(e.index);
               case "refund":
-                return O(e.index);
-              case "history":
                 return K(e.index);
+              case "history":
+                return E(e.index);
             }
           }
         })
       }
     ];
     return (e, t) => {
-      const n = h("FmSearch");
-      return p(), E(B, {
+      const r = g("FmSearch");
+      return p(), k(U, {
         title: "Online Transactions",
         loading: !1
       }, {
-        default: w(() => [
-          g("div", oe, [
-            g("div", se, [
-              d(n, {
-                "model-value": u(c),
-                "onUpdate:modelValue": t[0] || (t[0] = (r) => x(c) ? c.value = r : null),
+        default: T(() => [
+          h("div", oe, [
+            h("div", se, [
+              d(r, {
+                "model-value": u(i),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => D(i) ? i.value = n : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"])
             ]),
-            g("div", ie, [
-              d(U, {
+            h("div", ce, [
+              d(G, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
@@ -390,18 +382,18 @@ const Z = /* @__PURE__ */ b({
               }, null, 8, ["handler"])
             ])
           ]),
-          g("div", ce, [
+          h("div", ie, [
             d(Q, {
               modelValue: u(o),
-              "onUpdate:modelValue": t[1] || (t[1] = (r) => x(o) ? o.value = r : null)
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => D(o) ? o.value = n : null)
             }, null, 8, ["modelValue"])
           ]),
           d(H, {
             ref_key: "controller",
             ref: a,
-            "column-defs": M,
-            "rows-defs": (r) => r,
-            paginate: F
+            "column-defs": O,
+            "rows-defs": (n) => n,
+            paginate: S
           }, null, 8, ["rows-defs"])
         ]),
         _: 1
@@ -410,5 +402,5 @@ const Z = /* @__PURE__ */ b({
   }
 });
 export {
-  Ne as default
+  xe as default
 };

package/dist/{TransactionOld-Bp-srl5_.js → TransactionOld-CIuZAfzh.js}

@@ -1,11 +1,11 @@
 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-DQE3s11C.js";
-import { u as O } from "./index-WnCqt6BH.js";
-import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-dHvp3T2E.js";
+import { t as y, a as M } from "./transaction-DtnnuWV6.js";
+import { u as O } from "./index-BjIx-Vhv.js";
+import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-Bi7ZW_bx.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-DeUid_93.js";
+import { u as N } from "./index-BQnxAbbe.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-p4qddIbp.js";
 import { _ as A } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";

package/dist/TransactionTable.vue_vue_type_script_setup_true_lang-Bi7ZW_bx.js

@@ -0,0 +1,159 @@
+import { defineComponent as s, resolveComponent as p, openBlock as c, createBlock as _, normalizeClass as w, withCtx as g, createElementVNode as h, toDisplayString as A, createElementBlock as f, unref as y, ref as x, h as u } from "vue";
+import "@feedmepos/ui-library";
+import { e as m } from "./index-BjIx-Vhv.js";
+import "./dinero-CIVmXLL-.js";
+import "./moment-h96o7c8I.js";
+import { g as N, a as S } from "./assets-DRzFPsyC.js";
+const E = /* @__PURE__ */ s({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    const t = o;
+    function a() {
+      return t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (n, l) => {
+      const i = p("FmBadge");
+      return c(), _(i, {
+        inline: "",
+        class: w(a())
+      }, {
+        default: g(() => [
+          h("div", null, A(n.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), F = ["src"], b = /* @__PURE__ */ s({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (t, a) => (c(), f("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: y(N)(t.row.original.gateway)
+    }, null, 8, F));
+  }
+}), K = ["src"], I = /* @__PURE__ */ s({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(o) {
+    return (t, a) => {
+      const n = p("FmTooltip");
+      return c(), _(n, {
+        variant: "plain",
+        placement: "top",
+        content: t.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: g(() => [
+          h("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: y(S)(t.row.original.method.issuer, t.row.original.method.variant)
+          }, null, 8, K)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), M = /* @__PURE__ */ s({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(o, { emit: t }) {
+    const a = o, n = t, l = x(""), i = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Bill Seq No",
+        accessorKey: "seqNumber"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? u(b, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? u(I, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "payFor",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: r, row: e }) => u(E, { row: e, data: r.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        },
+        cell: ({ cell: r, row: e }) => e.original.status === "REFUNDED" ? e.original.refundedAt : e.original.transactionAt
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ];
+    return (r, e) => {
+      const T = p("FmTable");
+      return c(), _(T, {
+        modelValue: l.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (d) => l.value = d),
+        "column-defs": i,
+        "row-data": a.data,
+        loading: a.loading,
+        onRowClick: e[1] || (e[1] = (d) => n("row-click", a.data.at(d.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+});
+export {
+  M as _
+};