@feedmepos/mf-payment 1.5.72-dev → 1.5.73-dev

package/dist/Transaction-Dwy9_GrM.js

@@ -0,0 +1,507 @@
+import { defineComponent as w, ref as x, watch as k, onMounted as Q, resolveComponent as h, unref as n, openBlock as R, createBlock as O, createElementBlock as Y, createVNode as d, withCtx as M, createElementVNode as N, Fragment as H, renderList as W, createTextVNode as X, toDisplayString as Z, onBeforeUnmount as ee, isRef as F, h as I } from "vue";
+import { t as P } from "./index-Ba3VR5ek.js";
+import { h as G } from "./moment-h96o7c8I.js";
+import { useI18n as j, useCoreStore as J } from "@feedmepos/mf-common";
+import { _ as te } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { t as ae, b as ne, _ as re } from "./assets-JQoSuSEA.js";
+import { u as se } from "./index-lNQ4Q5-W.js";
+import { _ as oe } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as le } from "./SelectAll.vue_vue_type_script_setup_true_lang-BNZTqdoF.js";
+import { _ as ie } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-BNVnvrVY.js";
+import { p as ce } from "./index-DIZGmv4_.js";
+import { t as ue } from "./index-OqVbzjLO.js";
+import { u as me, p as D } from "./index-BnAPDCZv.js";
+import { useSnackbar as de, useDialog as pe } from "@feedmepos/ui-library";
+import { _ as ye, a as fe, b as _e } from "./Actions.vue_vue_type_script_setup_true_lang-BJupTyqX.js";
+import { g as ge } from "./grafana-6o8_cFtS.js";
+import { w as z } from "./Modal-DB8M9o1T.js";
+import { u as L } from "./error-K1CakhA9.js";
+import { _ as be } from "./index.vue_vue_type_script_setup_true_lang-Dof9cIZc.js";
+import { u as Te, a as ve } from "./index-BwdnN4a2.js";
+import { h as q } from "./app-CP0wL5ns.js";
+const he = {
+  key: 1,
+  class: "inline-flex"
+}, Ae = { class: "relative" }, Se = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, Ne = /* @__PURE__ */ w({
+  __name: "SourceSelector",
+  props: {
+    id: {},
+    by: {},
+    excludePayoutAccount: { type: Boolean },
+    excludeOrderingPayoutAccount: { type: Boolean },
+    excludeMarketingPayoutAccount: { type: Boolean },
+    excludeRestaurant: { type: Boolean },
+    excludeDevice: { type: Boolean }
+  },
+  emits: ["update:id", "update:by"],
+  setup(U, { emit: f }) {
+    const _ = U, b = f, { t: r } = j(), { currentBusiness: $, readRestaurants: T } = J(), { isLoading: u, startAsyncCall: g } = me(!0), m = x([]), c = x(), p = x(""), v = x([]);
+    let A;
+    k(p, async () => {
+      A && clearTimeout(A), A = setTimeout(() => {
+        var l = new RegExp(p.value, "i");
+        v.value = m.value.filter((s) => {
+          const a = JSON.stringify(s);
+          return l.test(a);
+        });
+      }, 700);
+    }), k(c, () => {
+      var l, s;
+      b("update:id", (l = c.value) == null ? void 0 : l.value), b("update:by", (s = c.value) == null ? void 0 : s.by);
+    });
+    async function B() {
+      return g(async () => {
+        try {
+          let l = await ce.readBusinessPayoutAccounts();
+          return l.length === 0 ? [] : l;
+        } catch {
+          return [];
+        }
+      });
+    }
+    async function K() {
+      return g(async () => {
+        try {
+          let l = await ue.getBusinessTerminals();
+          return l.length === 0 ? [] : l;
+        } catch {
+          return [];
+        }
+      });
+    }
+    async function C() {
+      u.value = !0;
+      const l = [];
+      if (!_.excludePayoutAccount) {
+        let s = await B();
+        _.excludeMarketingPayoutAccount && (s = s == null ? void 0 : s.filter((a) => a.store.event !== "MARKETING")), _.excludeOrderingPayoutAccount && (s = s == null ? void 0 : s.filter((a) => a.store.event !== "ORDERING")), l.push(
+          ...(s || []).map((a) => {
+            var E, S, t, e;
+            return {
+              by: "PAYOUT_ACCOUNT",
+              value: a._id,
+              prefix: r("payment.components.payout_account"),
+              type: "Payout Account - " + a.store.event,
+              label: ((S = (E = a.ref) == null ? void 0 : E.profile) == null ? void 0 : S.name) ?? a.ref.name,
+              chipLabel: "Payout Account: " + (((e = (t = a.ref) == null ? void 0 : t.profile) == null ? void 0 : e.name) ?? a.ref.name)
+            };
+          })
+        );
+      }
+      if (!_.excludeRestaurant) {
+        const s = await T();
+        l.push(
+          ...(s || []).map((a) => ({
+            by: "RESTAURANT",
+            value: a._id,
+            prefix: r("payment.components.restaurant"),
+            type: "Restaurant",
+            label: a.profile.name + " (" + (a.profile.code ?? "--") + ")",
+            chipLabel: "Restaurant: " + a.profile.name + " (" + (a.profile.code ?? "--") + ")"
+          }))
+        );
+      }
+      if (!_.excludeDevice) {
+        const s = await K();
+        l.push(
+          ...(s || []).map((a) => ({
+            by: "DEVICE",
+            value: a._id,
+            prefix: r("payment.components.device"),
+            type: "Device - " + a.deviceType,
+            label: a.deviceType === "TERMINAL" ? a.name : a.restaurant.profile.name,
+            chipLabel: a.deviceType + ": " + (a.deviceType === "TERMINAL" ? a.name : a.restaurant.profile.name)
+          }))
+        );
+      }
+      m.value = l, v.value = m.value, u.value = !1;
+    }
+    return Q(C), k($, C), (l, s) => {
+      const a = h("FmCircularProgress"), E = h("FmChip"), S = h("FmSearch"), t = h("FmMenuItem"), e = h("FmMenu");
+      return n(u) ? (R(), O(a, {
+        key: 0,
+        size: "md"
+      })) : (R(), Y("div", he, [
+        d(e, { "close-on-click": !0 }, {
+          "menu-button": M(() => {
+            var o;
+            return [
+              d(E, {
+                icon: "account_box",
+                label: ((o = c.value) == null ? void 0 : o.chipLabel) ?? n(r)("payment.components.select"),
+                removable: !!c.value,
+                onChipClosed: s[0] || (s[0] = (y) => c.value = void 0)
+              }, null, 8, ["label", "removable"])
+            ];
+          }),
+          default: M(() => [
+            N("div", Ae, [
+              N("div", Se, [
+                d(S, {
+                  "model-value": p.value,
+                  "onUpdate:modelValue": s[1] || (s[1] = (o) => p.value = o),
+                  placeholder: n(r)("payment.components.select")
+                }, null, 8, ["model-value", "placeholder"])
+              ]),
+              N("div", null, [
+                (R(!0), Y(H, null, W(v.value, (o) => (R(), O(t, {
+                  key: o.value,
+                  label: o.label,
+                  sublabel: o.type,
+                  onClick: () => c.value = o
+                }, null, 8, ["label", "sublabel", "onClick"]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]));
+    };
+  }
+}), Ee = { class: "flex items-center gap-1" }, Fe = /* @__PURE__ */ w({
+  __name: "BillSeqNumber",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(U) {
+    return (f, _) => {
+      const b = h("FmIcon");
+      return R(), Y("span", Ee, [
+        X(Z(U.row.original.seqNumber) + " ", 1),
+        d(b, {
+          size: "md",
+          name: "check",
+          color: "#16a34a"
+        })
+      ]);
+    };
+  }
+}), Ie = { class: "flex justify-between mb-6 items-center" }, De = { class: "flex space-x-8 items-start" }, xe = { class: "flex space-x-4 self-center" }, Re = { class: "flex space-x-12 mb-6" }, Xe = /* @__PURE__ */ w({
+  __name: "Transaction",
+  setup(U) {
+    const f = de(), _ = pe(), { sessionUser: b } = J(), { t: r } = j(), { getBillLink: $ } = ve(), T = x(), { dateRange: u, searchKey: g, status: m, id: c, by: p } = se({
+      by: "",
+      id: "",
+      searchKey: "",
+      status: [D.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS],
+      dateRange: {
+        startDate: G().startOf("day").format("YYYY-MM-DD"),
+        endDate: G().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    let v;
+    const A = () => {
+      v && (clearTimeout(v), v = void 0);
+    }, {
+      promptSuggestion: B,
+      closeSuggestion: K
+    } = Te({
+      searchKey: g,
+      dateRange: u,
+      onBeforeApply: A
+    });
+    k(g, () => {
+      A(), B(), v = setTimeout(() => {
+        var t;
+        return (t = T.value) == null ? void 0 : t.reset();
+      }, 700);
+    }), k([u, m, c, p], () => {
+      var t;
+      (t = T.value) == null || t.reset();
+    }), ee(() => {
+      A(), K();
+    });
+    const C = [
+      {
+        label: "Success",
+        value: D.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS
+      },
+      {
+        label: "Refunded",
+        value: D.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED
+      },
+      {
+        label: "Process",
+        value: D.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING
+      },
+      {
+        label: "Pending Settlement",
+        value: D.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING_SETTLEMENT
+      },
+      {
+        label: "Failed",
+        value: D.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED
+      }
+    ];
+    async function l(t, e) {
+      var o;
+      try {
+        const y = await P.refetchTransaction({
+          transactionId: t.id
+        });
+        (o = T.value) == null || o.replaceData(e, y), f.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (y) {
+        f.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: L(y)
+        });
+      }
+    }
+    async function s(t, e) {
+      z(
+        _,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var o;
+          try {
+            const y = await P.refundTransaction({
+              transactionId: t.id,
+              reason: "portal transaction refund",
+              amount: t.fdoAmount
+            });
+            (o = T.value) == null || o.replaceData(e, y), f.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (y) {
+            f.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: L(y)
+            });
+          }
+        }
+      );
+    }
+    async function a(t, e) {
+      z(
+        _,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await P.renotifyTransaction(t.id), f.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (o) {
+            f.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: L(o)
+            });
+          }
+        }
+      );
+    }
+    async function E(t, e) {
+      const o = ge(
+        [
+          {
+            type: "span",
+            queryKey: "transaction.id",
+            queryValue: t.id
+          }
+        ],
+        t.transactionAt
+      );
+      window.open(o, "_blank");
+    }
+    x("");
+    const S = [
+      {
+        header: () => r("payment.transactions.table.id"),
+        accessorKey: "id",
+        cell: ({ cell: t, row: e }) => q(b.value) && e.original.transactionId ? e.original.id + `
+ID: ` + e.original.transactionId : e.original.id
+      },
+      {
+        header: () => r("payment.transactions.table.pay_id"),
+        accessorKey: "payId",
+        cell: ({ cell: t, row: e }) => {
+          const o = $(e.original);
+          return o ? I(
+            "a",
+            {
+              href: o,
+              class: "text-blue-600 underline"
+            },
+            t.getValue()
+          ) : t.getValue();
+        }
+      },
+      {
+        header: () => r("payment.transactions.table.gateway_id"),
+        accessorKey: "gatewayTransactionId"
+      },
+      {
+        header: () => r("payment.transactions.table.bill_seq"),
+        accessorKey: "seqNumber",
+        cell: ({ cell: t, row: e }) => e.original.seqNumberBinded ? I(Fe, { row: e, data: t.getValue() }) : e.original.seqNumber
+      },
+      {
+        header: () => r("payment.transactions.table.gateway"),
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.gateway ? I(ye, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => r("payment.transactions.table.method"),
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? I(fe, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => r("payment.transactions.table.type"),
+        accessorKey: "payFor",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        header: () => r("payment.transactions.table.status"),
+        accessorKey: "status",
+        cell: ({ cell: t }) => I(re, { data: t.getValue() })
+      },
+      {
+        header: () => r("payment.transactions.table.restaurant"),
+        accessorKey: "restaurantId"
+      },
+      {
+        header: () => r("payment.transactions.table.source"),
+        accessorKey: "source",
+        cell: ({ cell: t, row: e }) => `(${e.original.sourceType}) ${e.original.source}`
+      },
+      {
+        header: () => r("payment.transactions.table.transaction_at"),
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        },
+        cell: ({ cell: t, row: e }) => e.original.status === "REFUNDED" ? e.original.refundedAt : e.original.transactionAt
+      },
+      {
+        header: () => r("payment.transactions.table.sales_amount"),
+        accessorKey: "amount",
+        cell: ({ cell: t, row: e }) => q(b.value) && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount
+      }
+    ];
+    return q(b.value) && S.push({
+      header: () => r("payment.transactions.table.actions"),
+      accessorKey: "actions",
+      cell: ({ row: t }) => I(_e, {
+        transaction: t.original,
+        onAction: (e) => {
+          switch (e) {
+            case "notify":
+              return a(t.original, t.index);
+            case "query":
+              return l(t.original, t.index);
+            case "refund":
+              return s(t.original, t.index);
+            case "history":
+              return E(t.original, t.index);
+          }
+        }
+      })
+    }), (t, e) => {
+      const o = h("FmSearch"), y = h("FmSelect");
+      return R(), O(te, {
+        title: n(r)("payment.transactions.title"),
+        description: n(r)("payment.transactions.description"),
+        loading: !1
+      }, {
+        default: M(() => [
+          N("div", Ie, [
+            N("div", De, [
+              d(o, {
+                "model-value": n(g),
+                "onUpdate:modelValue": e[0] || (e[0] = (i) => F(g) ? g.value = i : null),
+                class: "mr-8",
+                label: n(r)("payment.transactions.search.title"),
+                placeholder: n(r)("payment.transactions.search.placeholder")
+              }, null, 8, ["model-value", "label", "placeholder"]),
+              d(y, {
+                modelValue: n(m),
+                "onUpdate:modelValue": e[2] || (e[2] = (i) => F(m) ? m.value = i : null),
+                class: "mr-6 w-[300px]",
+                label: n(r)("payment.transactions.status"),
+                "label-mark": "required",
+                multiselect: "",
+                items: C
+              }, {
+                "prepend-menu": M(() => [
+                  d(le, {
+                    modelValue: n(m),
+                    "onUpdate:modelValue": e[1] || (e[1] = (i) => F(m) ? m.value = i : null),
+                    items: C
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "label"])
+            ]),
+            N("div", xe, [
+              d(oe, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: n(r)("payment.transactions.button.export")
+                },
+                handler: async () => {
+                  var V;
+                  const i = await ((V = T.value) == null ? void 0 : V.allData());
+                  i != null && await n(P).downloadPortalTransactionReport(
+                    n(u),
+                    n(ae)(i)
+                  );
+                }
+              }, null, 8, ["button", "handler"])
+            ])
+          ]),
+          N("div", Re, [
+            d(Ne, {
+              id: n(c),
+              "onUpdate:id": e[3] || (e[3] = (i) => F(c) ? c.value = i : null),
+              by: n(p),
+              "onUpdate:by": e[4] || (e[4] = (i) => F(p) ? p.value = i : null)
+            }, null, 8, ["id", "by"]),
+            d(ie, {
+              modelValue: n(u),
+              "onUpdate:modelValue": e[5] || (e[5] = (i) => F(u) ? u.value = i : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          d(be, {
+            ref_key: "controller",
+            ref: T,
+            "column-defs": S,
+            "rows-defs": n(ne),
+            paginate: (i, V) => n(P).readTransactionsV2({
+              limit: i,
+              cursor: V,
+              status: n(m),
+              by: n(p),
+              id: n(c),
+              search: n(g),
+              start: n(u).startDate,
+              end: n(u).endDate
+            })
+          }, null, 8, ["rows-defs", "paginate"])
+        ]),
+        _: 1
+      }, 8, ["title", "description"]);
+    };
+  }
+});
+export {
+  Xe as default
+};