@feedmepos/mf-payment 1.5.16-dev → 1.5.18-dev

package/dist/Transaction-DgrEw-tG.js

@@ -0,0 +1,619 @@
+import { defineComponent as I, resolveComponent as m, openBlock as g, createBlock as F, normalizeClass as U, withCtx as w, createElementVNode as h, toDisplayString as M, unref as f, createElementBlock as E, createVNode as y, Fragment as L, renderList as z, ref as R, createTextVNode as j, watch as $, isRef as C, h as D } from "vue";
+import { t as b } from "./index-COi73LGz.js";
+import { h as S } from "./moment-h96o7c8I.js";
+import { g as Q, a as W, t as H, b as x } from "./assets-lFgK3KQx.js";
+import { u as J } from "./index-CHX0p0Dm.js";
+import { _ as X } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
+import { _ as Z } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { useDialogChild as ee, useSnackbar as te, useDialog as ae } from "@feedmepos/ui-library";
+import { w as G } from "./Modal-DB8M9o1T.js";
+import { u as v } from "./error-K1CakhA9.js";
+import { _ as ne } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-kymnzYpd.js";
+import { g as re } from "./grafana-BRpcfaCo.js";
+import { _ as oe } from "./index.vue_vue_type_script_setup_true_lang-QCvHWbIq.js";
+import { e as V } from "./index-QTsd1BO1.js";
+import { _ as se } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
+import { s as A, z as ie } from "./validator-DzjyJnvv.js";
+import { useCoreStore as ce } from "@feedmepos/mf-common";
+const le = /* @__PURE__ */ I({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    const r = s;
+    function c() {
+      return r.data === V.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : r.data === V.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : r.data === V.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (i, d) => {
+      const o = m("FmBadge");
+      return g(), F(o, {
+        inline: "",
+        class: U(c())
+      }, {
+        default: w(() => [
+          h("div", null, M(s.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ue = ["src"], de = /* @__PURE__ */ I({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (r, c) => {
+      const i = m("FmTooltip");
+      return g(), F(i, {
+        variant: "plain",
+        placement: "top",
+        content: s.row.original.gateway,
+        "hide-arrow": !0
+      }, {
+        default: w(() => [
+          h("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: f(Q)(s.row.original.gateway)
+          }, null, 8, ue)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), me = ["src"], pe = /* @__PURE__ */ I({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (r, c) => {
+      const i = m("FmTooltip");
+      return g(), F(i, {
+        variant: "plain",
+        placement: "top",
+        content: s.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: w(() => [
+          h("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: f(W)(s.row.original.method.issuer, s.row.original.method.variant)
+          }, null, 8, me)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), fe = /* @__PURE__ */ I({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function },
+    transaction: {}
+  },
+  setup(s) {
+    const r = [
+      s.transaction.flags.query && {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      s.transaction.flags.refund && {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      s.transaction.flags.notify && {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      },
+      {
+        label: "Log",
+        sublabel: "Inspect transaction historical actions, requests and responses.",
+        icon: "history",
+        action: "history"
+      },
+      {
+        label: "Set Pay ID",
+        sublabel: "Set a pay ID for this transaction",
+        icon: "receipt_long",
+        action: "setPayId"
+      },
+      {
+        label: "Set Gateway ID",
+        sublabel: "Set a gateway transaction ID",
+        icon: "link",
+        action: "setGatewayId"
+      }
+    ];
+    return (c, i) => {
+      const d = m("FmIcon"), o = m("FmMenuItem"), p = m("FmMenu");
+      return g(), E("div", {
+        onClick: i[0] || (i[0] = (l) => {
+          l.stopPropagation();
+        })
+      }, [
+        y(p, null, {
+          "menu-button": w(() => [
+            y(d, { name: "settings" })
+          ]),
+          default: w(() => [
+            (g(!0), E(L, null, z(r.filter((l) => !!l), (l) => (g(), F(o, {
+              selectable: !0,
+              key: l.label,
+              sublabel: l.sublabel,
+              label: l.label,
+              icon: l.icon,
+              onclick: () => s.onAction(l.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ye = { class: "flex justify-end mb-2" }, K = /* @__PURE__ */ I({
+  __name: "TextInputDialog",
+  props: {
+    label: {
+      type: String,
+      default: "Value"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    schema: {
+      type: Object,
+      default: () => A().min(1, "Value is required")
+    }
+  },
+  setup(s) {
+    const r = s, { emitData: c, emitAction: i } = ee(), d = R(""), o = A().trim().pipe(r.schema), p = () => {
+      const l = o.safeParse(d.value);
+      l.success && (c(l.data), i("primary"));
+    };
+    return (l, T) => {
+      const N = m("FmTextField"), P = m("FmButton"), q = m("FmForm");
+      return g(), F(q, {
+        class: "flex flex-col gap-16",
+        onValidationSuccess: p
+      }, {
+        default: w(() => [
+          y(N, {
+            modelValue: d.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (k) => d.value = k),
+            label: s.label,
+            placeholder: s.placeholder,
+            rules: f(ie)(f(o)),
+            autofocus: ""
+          }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
+          h("div", ye, [
+            y(P, {
+              type: "submit",
+              variant: "primary",
+              label: "Confirm"
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ge = { class: "flex items-center gap-1" }, he = /* @__PURE__ */ I({
+  __name: "BillSeqNumber",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (r, c) => {
+      const i = m("FmIcon");
+      return g(), E("span", ge, [
+        j(M(s.row.original.seqNumber) + " ", 1),
+        y(i, {
+          size: "md",
+          name: "check",
+          color: "#16a34a"
+        })
+      ]);
+    };
+  }
+}), _e = { class: "flex justify-between mb-6 items-center" }, be = { class: "flex space-x-4" }, we = { class: "flex space-x-4 self-center" }, Ie = { class: "mb-6" }, Me = /* @__PURE__ */ I({
+  __name: "Transaction",
+  setup(s) {
+    const r = R(), { dateRange: c, searchKey: i } = J({
+      searchKey: "",
+      dateRange: {
+        startDate: S().startOf("day").format("YYYY-MM-DD"),
+        endDate: S().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { sessionUser: d } = ce(), o = te(), p = ae(), l = async (t, e) => {
+      let a = parseInt(e);
+      Number.isNaN(a) && (a = 1);
+      const n = await b.readTransactions({
+        start: S(c.value.startDate).startOf("day").toISOString(),
+        end: S(c.value.endDate).endOf("day").toISOString(),
+        limit: t,
+        skip: (a - 1) * t,
+        search: i.value
+      }), u = n.length == t;
+      return {
+        data: H(n),
+        meta: {
+          cursor: u ? (a + 1).toString() : ""
+        }
+      };
+    };
+    $(c, async () => {
+      var t;
+      (t = r.value) == null || t.reset();
+    });
+    let T;
+    $(i, async () => {
+      T && clearTimeout(T), T = setTimeout(() => {
+        var t;
+        (t = r.value) == null || t.reset();
+      }, 700);
+    });
+    async function N(t) {
+      var a, n;
+      const e = (a = r.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const u = await b.refetchTransaction({ transactionId: e.id });
+        (n = r.value) == null || n.replaceData(t, x(u)), o.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (u) {
+        o.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: v(u)
+        });
+      }
+    }
+    async function P(t) {
+      var a;
+      const e = (a = r.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      G(
+        p,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var n;
+          try {
+            const u = await b.refundTransaction({
+              transactionId: e.id,
+              reason: "portal transaction refund",
+              amount: e.fdoAmount
+            });
+            (n = r.value) == null || n.replaceData(t, x(u)), o.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (u) {
+            o.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: v(u)
+            });
+          }
+        }
+      );
+    }
+    async function q(t) {
+      var a;
+      const e = (a = r.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      G(
+        p,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await b.renotifyTransaction(e.id), o.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (n) {
+            o.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: v(n)
+            });
+          }
+        }
+      );
+    }
+    async function k(t) {
+      var n;
+      const e = (n = r.value) == null ? void 0 : n.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const a = re([
+        {
+          type: "span",
+          queryKey: "transaction.id",
+          queryValue: e.id
+        }
+      ], e.transactionAt);
+      window.open(a, "_blank");
+    }
+    async function B(t) {
+      var a;
+      const e = (a = r.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      p.open({
+        title: "Set Pay ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: K,
+        contentComponentProps: {
+          label: "Pay ID",
+          placeholder: "Enter Pay ID",
+          schema: A().trim().min(1, "Pay ID is required")
+        }
+      }).onPrimary(async (n) => {
+        var u;
+        try {
+          const _ = await b.bindPayId({ transactionId: e.id, payId: n });
+          (u = r.value) == null || u.replaceData(t, x(_)), o.open({
+            type: "success",
+            title: "Pay ID set successfully."
+          }), p.close();
+        } catch (_) {
+          o.open({
+            type: "error",
+            title: "Failed to set Pay ID.",
+            message: v(_)
+          });
+        }
+      });
+    }
+    async function O(t) {
+      var a;
+      const e = (a = r.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        o.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      p.open({
+        title: "Set Gateway ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: K,
+        contentComponentProps: {
+          label: "Gateway Transaction ID",
+          placeholder: "Enter Gateway Transaction ID",
+          schema: A().trim().min(1, "Gateway Transaction ID is required")
+        }
+      }).onPrimary(async (n) => {
+        var u;
+        try {
+          const _ = await b.setGatewayId({ transactionId: e.id, gatewayTransactionId: n });
+          (u = r.value) == null || u.replaceData(t, x(_)), o.open({
+            type: "success",
+            title: "Gateway ID set successfully."
+          }), p.close();
+        } catch (_) {
+          o.open({
+            type: "error",
+            title: "Failed to set Gateway ID.",
+            message: v(_)
+          });
+        }
+      });
+    }
+    const Y = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => {
+          var a, n;
+          let e = "";
+          return ((a = d.value) != null && a.role.isStaff || (n = d.value) != null && n.role.isAdmin) && t.row.original.transactionId && (e = `
+ID: ${t.row.original.transactionId}`), D(se, { data: t.getValue(), extra: e });
+        }
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Bill",
+        accessorKey: "seqNumber",
+        cell: ({ cell: t, row: e }) => e.original.seqNumberBinded ? D(he, { row: e, data: t.getValue() }) : e.original.seqNumber
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? D(de, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? D(pe, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Gateway ID",
+        accessorKey: "gatewayTransactionId",
+        cell: ({ cell: t, row: e }) => e.original.status === "REFUNDED" ? e.original.gatewayRefundId : e.original.gatewayTransactionId
+      },
+      {
+        header: () => "Type",
+        accessorKey: "payFor",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: t, row: e }) => D(le, { row: e, data: t.getValue() })
+      },
+      {
+        header: () => "Source",
+        accessorKey: "source",
+        cell: ({ cell: t, row: e }) => `(${e.original.sourceType}) ${e.original.source}`
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount",
+        cell: ({ cell: t, row: e }) => {
+          var a, n;
+          return ((a = d.value) != null && a.role.isStaff || (n = d.value) != null && n.role.isAdmin) && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount;
+        }
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: t }) => {
+          var a;
+          const e = (a = r.value) == null ? void 0 : a.pageData().at(t.index);
+          if (!e) {
+            o.open({
+              type: "error",
+              title: "Something went wrong",
+              message: "Fail to find transactions from the displayed transactions."
+            });
+            return;
+          }
+          return D(fe, {
+            transaction: e,
+            onAction: (n) => {
+              switch (n) {
+                case "notify":
+                  return q(t.index);
+                case "query":
+                  return N(t.index);
+                case "refund":
+                  return P(t.index);
+                case "history":
+                  return k(t.index);
+                case "setPayId":
+                  return B(t.index);
+                case "setGatewayId":
+                  return O(t.index);
+              }
+            }
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const a = m("FmSearch");
+      return g(), F(X, {
+        title: "Transactions",
+        loading: !1
+      }, {
+        default: w(() => [
+          h("div", _e, [
+            h("div", be, [
+              y(a, {
+                "model-value": f(i),
+                "onUpdate:modelValue": e[0] || (e[0] = (n) => C(i) ? i.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            h("div", we, [
+              y(Z, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await f(b).downloadTransactionReport({
+                    start: f(c).startDate,
+                    end: f(c).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          h("div", Ie, [
+            y(ne, {
+              modelValue: f(c),
+              "onUpdate:modelValue": e[1] || (e[1] = (n) => C(c) ? c.value = n : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          y(oe, {
+            ref_key: "controller",
+            ref: r,
+            "column-defs": Y,
+            "rows-defs": (n) => n,
+            paginate: l
+          }, null, 8, ["rows-defs"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Me as default
+};

package/dist/{TransactionOld-CmRVIeU2.js → TransactionOld-DPF3VYZ7.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, ref as K, watch as x, resolveComponent as F, openBlock as Y, createBlock as C, h as A, onMounted as M, unref as i, withCtx as O, createElementVNode as w, createVNode as _, isRef as R } from "vue";
-import { t as v } from "./index-s7pe9sTx.js";
+import { t as v } from "./index-COi73LGz.js";
 import { u as U } from "./index-QTsd1BO1.js";
 import { useSnackbar as L, useDialog as P } from "@feedmepos/ui-library";
 import { b as $, t as B } from "./assets-lFgK3KQx.js";

package/dist/api/transaction/index.d.ts

@@ -16,6 +16,14 @@ export declare const transactionApi: {
     }): Promise<FdoPaymentTransactionV2Output>;
     refundTransaction(req: PaymentRefundByTransactionIdDto): Promise<FdoPaymentTransactionV2Output>;
     renotifyTransaction(transactionId: string): Promise<FdoPaymentTransactionV2Output>;
+    bindPayId(req: {
+        transactionId: string;
+        payId: string;
+    }): Promise<FdoPaymentTransactionV2Output>;
+    setGatewayId(req: {
+        transactionId: string;
+        gatewayTransactionId: string;
+    }): Promise<FdoPaymentTransactionV2Output>;
     readRestaurantTransactions(dateRange: {
         start: string;
         end: string;