@feedmepos/mf-payment 1.1.0-beta.1 → 1.1.0-beta.3

package/dist/TransactionOld-DLjym0JG.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-CizBCu1u.js";
+import { u as $ } from "./index-DEvTHjDK.js";
+import { _ as N } from "./TransactionTable.vue_vue_type_script_setup_true_lang-xSb40MKu.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-OD8n4-_f.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
+};

package/dist/{TransactionTable.vue_vue_type_script_setup_true_lang-dwwesT4_.js → TransactionTable.vue_vue_type_script_setup_true_lang-xSb40MKu.js}

@@ -1,80 +1,80 @@
-import { defineComponent as m, resolveComponent as d, openBlock as l, createBlock as y, normalizeClass as M, withCtx as f, createElementVNode as x, toDisplayString as D, createElementBlock as A, unref as S, createVNode as I, Fragment as P, renderList as v, ref as R, h as p } from "vue";
-import { useSnackbar as V, useDialog as B } from "@feedmepos/ui-library";
-import { g as U, a as G, t as h, c as N } from "./assets-pLBp82yE.js";
-import { e as b } from "./index-DGKxdJVj.js";
-import { g as L } from "./grafana-hv7inD36.js";
+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 I, 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-CizBCu1u.js";
+import { e as h } from "./index-DEvTHjDK.js";
+import { g as G } from "./grafana-NU2yqPXT.js";
 import { w as k } from "./Modal-DB8M9o1T.js";
 import { u as T } from "./error-K1CakhA9.js";
-import { useCoreStore as $ } from "@feedmepos/mf-common";
-const O = /* @__PURE__ */ m({
+import { useCoreStore as O, useI18n as Y } from "@feedmepos/mf-common";
+const j = /* @__PURE__ */ m({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
   setup(r) {
-    const n = r;
-    function a() {
-      return n.data === b.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === b.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === b.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    const a = r;
+    function o() {
+      return a.data === h.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === h.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.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(), y(u, {
+      return l(), f(u, {
         inline: "",
-        class: M(a())
+        class: v(o())
       }, {
-        default: f(() => [
-          x("div", null, D(i.data), 1)
+        default: y(() => [
+          x("div", null, P(i.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), Y = ["src"], j = /* @__PURE__ */ m({
+}), z = ["src"], Q = /* @__PURE__ */ m({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(r) {
-    return (n, a) => (l(), A("img", {
+    return (a, o) => (l(), w("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: S(U)(n.row.original.gateway)
-    }, null, 8, Y));
+      src: E($)(a.row.original.gateway)
+    }, null, 8, z));
   }
-}), z = ["src"], Q = /* @__PURE__ */ m({
+}), H = ["src"], J = /* @__PURE__ */ m({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(r) {
-    return (n, a) => {
+    return (a, o) => {
       const i = d("FmTooltip");
-      return l(), y(i, {
+      return l(), f(i, {
         variant: "plain",
         placement: "top",
-        content: n.row.original.method.issuer,
+        content: a.row.original.method.issuer,
         "hide-arrow": !0
       }, {
-        default: f(() => [
+        default: y(() => [
           x("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, z)
+            src: E(L)(a.row.original.method.issuer, a.row.original.method.variant)
+          }, null, 8, H)
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), H = /* @__PURE__ */ m({
+}), W = /* @__PURE__ */ m({
   __name: "Actions",
   props: {
     onAction: { type: Function },
     transaction: {}
   },
   setup(r) {
-    const n = [
+    const a = [
       r.transaction.flags.query && {
         label: "Query",
         sublabel: "Perform transaction status inquriy",
@@ -100,25 +100,25 @@ const O = /* @__PURE__ */ m({
         action: "history"
       }
     ];
-    return (a, i) => {
+    return (o, i) => {
       const s = d("FmIcon"), u = d("FmMenuItem"), g = d("FmMenu");
-      return l(), A("div", {
-        onClick: i[0] || (i[0] = (o) => {
-          o.stopPropagation();
+      return l(), w("div", {
+        onClick: i[0] || (i[0] = (n) => {
+          n.stopPropagation();
         })
       }, [
         I(g, null, {
-          "menu-button": f(() => [
+          "menu-button": y(() => [
             I(s, { name: "settings" })
           ]),
-          default: f(() => [
-            (l(!0), A(P, null, v(n.filter((o) => !!o), (o) => (l(), y(u, {
+          default: y(() => [
+            (l(!0), w(R, null, V(a.filter((n) => !!n), (n) => (l(), f(u, {
               selectable: !0,
-              key: o.label,
-              sublabel: o.sublabel,
-              label: o.label,
-              icon: o.icon,
-              onclick: () => a.onAction(o.action)
+              key: n.label,
+              sublabel: n.sublabel,
+              label: n.label,
+              icon: n.icon,
+              onclick: () => o.onAction(n.action)
             }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
           ]),
           _: 1
@@ -126,7 +126,7 @@ const O = /* @__PURE__ */ m({
       ]);
     };
   }
-}), oe = /* @__PURE__ */ m({
+}), se = /* @__PURE__ */ m({
   __name: "TransactionTable",
   props: {
     data: {
@@ -139,13 +139,13 @@ const O = /* @__PURE__ */ m({
     }
   },
   emits: ["row-click"],
-  setup(r, { emit: n }) {
+  setup(r, { emit: a }) {
     var q;
-    const a = r, i = n, s = V(), u = B(), { sessionUser: g } = $();
-    async function o(t) {
+    const o = r, i = a, s = U(), u = B(), { sessionUser: g } = O(), { t: n } = Y();
+    async function S(t) {
       try {
-        const e = await h.refetchTransaction({ transactionId: t.id });
-        a.data.map((c) => c.id === e._id ? N(e) : c), s.open({
+        const e = await b.refetchTransaction({ transactionId: t.id });
+        o.data.map((c) => c.id === e._id ? N(e) : c), s.open({
           type: "success",
           title: "Transaction queried and updated successfully."
         });
@@ -157,19 +157,19 @@ const O = /* @__PURE__ */ m({
         });
       }
     }
-    async function E(t) {
+    async function C(t) {
       k(
         u,
         "Refund Transaction",
         "Are you sure to refund transaction? This action cannot be revert!",
         async () => {
           try {
-            const e = await h.refundTransaction({
+            const e = await b.refundTransaction({
               transactionId: t.id,
               reason: "portal transaction refund",
               amount: t.fdoAmount
             });
-            a.data.map((c) => c.id === e._id ? N(e) : c), s.open({
+            o.data.map((c) => c.id === e._id ? N(e) : c), s.open({
               type: "success",
               title: "Transaction refund request initiated."
             });
@@ -183,14 +183,14 @@ const O = /* @__PURE__ */ m({
         }
       );
     }
-    async function C(t) {
+    async function K(t) {
       k(
         u,
         "Notify Transaction",
         "Are you sure to perform notify transaction?",
         async () => {
           try {
-            await h.renotifyTransaction(t.id), s.open({
+            await b.renotifyTransaction(t.id), s.open({
               type: "success",
               title: "Transaction notify successfully."
             });
@@ -204,8 +204,8 @@ const O = /* @__PURE__ */ m({
         }
       );
     }
-    async function K(t) {
-      const e = L([
+    async function M(t) {
+      const e = G([
         {
           type: "span",
           queryKey: "transaction.id",
@@ -214,49 +214,54 @@ const O = /* @__PURE__ */ m({
       ], t.transactionAt);
       window.open(e, "_blank");
     }
-    const w = R(""), F = [
+    const A = D(""), F = [
       {
-        header: () => "Transaction ID",
+        header: () => n("transactions.table.id"),
         accessorKey: "id"
       },
       {
-        header: () => "Pay ID",
+        header: () => n("transactions.table.pay_id"),
         accessorKey: "payId"
       },
       {
-        header: () => "Bill Seq No",
+        header: () => n("transactions.table.bill_seq"),
         accessorKey: "seqNumber"
       },
       {
-        header: () => "Gateway",
+        header: () => n("transactions.table.gateway"),
         accessorKey: "gateway",
         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 ? p(Q, { row: e, data: t.getValue() }) : ""
       },
       {
-        header: () => "Method",
+        header: () => n("transactions.table.method"),
         accessorKey: "method",
         meta: {
           textAlign: "center"
         },
-        cell: ({ cell: t, row: e }) => e.original.method ? p(Q, { row: e, data: t.getValue() }) : ""
+        cell: ({ cell: t, row: e }) => e.original.method ? p(J, { row: e, data: t.getValue() }) : ""
       },
       {
-        header: () => "Type",
+        header: () => n("transactions.table.type"),
         accessorKey: "payFor",
         meta: {
           textAlign: "center"
         }
       },
       {
-        header: () => "Status",
+        header: () => n("transactions.table.status"),
         accessorKey: "status",
-        cell: ({ cell: t, row: e }) => p(O, { row: e, data: t.getValue() })
+        cell: ({ cell: t, row: e }) => p(j, { row: e, data: t.getValue() })
+      },
+      {
+        header: () => n("transactions.table.source"),
+        accessorKey: "source",
+        cell: ({ cell: t, row: e }) => `(${e.original.sourceType}) ${e.original.source}`
       },
       {
-        header: () => "Transaction At",
+        header: () => n("transactions.table.transaction_at"),
         accessorKey: "transactionAt",
         meta: {
           width: "180px"
@@ -264,41 +269,41 @@ const O = /* @__PURE__ */ m({
         cell: ({ cell: t, row: e }) => e.original.status === "REFUNDED" ? e.original.refundedAt : e.original.transactionAt
       },
       {
-        header: () => "Sales Amount",
+        header: () => n("transactions.table.sales_amount"),
         accessorKey: "amount"
       }
     ];
     return (q = g.value) != null && q.isInternal && F.push({
-      header: () => "Actions",
+      header: () => n("transactions.table.actions"),
       accessorKey: "actions",
-      cell: ({ row: t }) => p(H, {
+      cell: ({ row: t }) => p(W, {
         transaction: t.original,
         onAction: (e) => {
           switch (e) {
             case "notify":
-              return C(t.original);
+              return K(t.original);
             case "query":
-              return o(t.original);
+              return S(t.original);
             case "refund":
-              return E(t.original);
+              return C(t.original);
             case "history":
-              return K(t.original);
+              return M(t.original);
           }
         }
       })
     }), (t, e) => {
       const c = d("FmTable");
-      return l(), y(c, {
-        modelValue: w.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (_) => w.value = _),
+      return l(), f(c, {
+        modelValue: A.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (_) => A.value = _),
         "column-defs": F,
-        "row-data": a.data,
-        loading: a.loading,
-        onRowClick: e[1] || (e[1] = (_) => i("row-click", a.data.at(_.index)))
+        "row-data": o.data,
+        loading: o.loading,
+        onRowClick: e[1] || (e[1] = (_) => i("row-click", o.data.at(_.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
 });
 export {
-  oe as _
+  se as _
 };