@feedmepos/mf-payment 1.6.13-dev → 1.6.16-dev

package/dist/Transaction-C5oj2fA7.js

@@ -0,0 +1,690 @@
+import { defineComponent as v, resolveComponent as g, openBlock as y, createBlock as M, withCtx as D, createElementVNode as S, unref as f, computed as X, createElementBlock as I, createVNode as p, Fragment as Z, renderList as ee, toDisplayString as G, createTextVNode as te, ref as ae, watch as V, onBeforeUnmount as ne, isRef as A, h as T } from "vue";
+import { t as b } from "./index--DP2Qv9r.js";
+import { h as P } from "./moment-h96o7c8I.js";
+import { p as w } from "./index-HB-taFPL.js";
+import { g as oe, a as re, t as se, _ as ie, b as E } from "./assets-DAh5KIbj.js";
+import { u as le } from "./index-DyRqovBt.js";
+import { _ as ce } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
+import { _ as ue } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as de } from "./SelectAll.vue_vue_type_script_setup_true_lang-BNZTqdoF.js";
+import { _ as me } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-CQSEq_3Z.js";
+import { useSnackbar as pe, useDialog as ye } from "@feedmepos/ui-library";
+import { w as q } from "./Modal-DB8M9o1T.js";
+import { u as F } from "./error-K1CakhA9.js";
+import { _ as fe } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-CDjdQf-E.js";
+import { g as ge } from "./grafana-CfbW-0Ri.js";
+import { _ as _e } from "./index.vue_vue_type_script_setup_true_lang-BqUNz7vW.js";
+import { _ as he } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
+import { _ as $ } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-BvGYVca0.js";
+import { useCoreStore as Te } from "@feedmepos/mf-common";
+import { u as be, a as Se } from "./index-n58-Qewm.js";
+import { h as C } from "./app-Bv1eKatH.js";
+import { s as R } from "./validator-CTlVogBQ.js";
+const we = ["src"], Ie = /* @__PURE__ */ v({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (o, c) => {
+      const l = g("FmTooltip");
+      return y(), M(l, {
+        variant: "plain",
+        placement: "top",
+        content: i.row.original.gateway,
+        "hide-arrow": !0
+      }, {
+        default: D(() => [
+          S("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: f(oe)(i.row.original.gateway)
+          }, null, 8, we)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), De = ["src"], ve = /* @__PURE__ */ v({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (o, c) => {
+      const l = g("FmTooltip");
+      return y(), M(l, {
+        variant: "plain",
+        placement: "top",
+        content: i.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: D(() => [
+          S("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: f(re)(i.row.original.method.issuer, i.row.original.method.variant)
+          }, null, 8, De)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), Ae = /* @__PURE__ */ v({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function },
+    transaction: {}
+  },
+  setup(i) {
+    const o = X(() => [
+      i.transaction.flags.query && {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      i.transaction.flags.refund && {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      i.transaction.flags.notify && {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      },
+      i.transaction.callbackResponse != null && {
+        label: "Show Transaction Metadata",
+        sublabel: "Display the transaction callback metadata in JSON.",
+        icon: "code",
+        action: "transactionMetadata"
+      },
+      {
+        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, l) => {
+      const d = g("FmIcon"), _ = g("FmMenuItem"), N = g("FmMenu");
+      return y(), I("div", {
+        onClick: l[0] || (l[0] = (u) => {
+          u.stopPropagation();
+        })
+      }, [
+        p(N, null, {
+          "menu-button": D(() => [
+            p(d, { name: "settings" })
+          ]),
+          default: D(() => [
+            (y(!0), I(Z, null, ee(o.value.filter((u) => !!u), (u) => (y(), M(_, {
+              selectable: !0,
+              key: u.label,
+              sublabel: u.sublabel,
+              label: u.label,
+              icon: u.icon,
+              onclick: () => i.onAction(u.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Fe = { class: "pb-24" }, Ne = {
+  key: 0,
+  class: "bg-gray-50 border border-gray-200 rounded-md p-16 text-xs font-mono overflow-auto max-h-[60vh]"
+}, xe = {
+  key: 1,
+  class: "text-gray-500 text-sm"
+}, Pe = /* @__PURE__ */ v({
+  __name: "TransactionMetadataDialog",
+  props: {
+    transactionMetadata: {}
+  },
+  setup(i) {
+    const o = i, c = () => {
+      if (o.transactionMetadata == null)
+        return "No transaction metadata available.";
+      try {
+        return JSON.stringify(o.transactionMetadata, null, 2);
+      } catch {
+        return String(o.transactionMetadata);
+      }
+    };
+    return (l, d) => (y(), I("div", Fe, [
+      o.transactionMetadata != null ? (y(), I("pre", Ne, G(c()), 1)) : (y(), I("div", xe, " No transaction metadata available for this transaction. "))
+    ]));
+  }
+}), Ee = { class: "flex items-center gap-1" }, Me = /* @__PURE__ */ v({
+  __name: "BillSeqNumber",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (o, c) => {
+      const l = g("FmIcon");
+      return y(), I("span", Ee, [
+        te(G(i.row.original.seqNumber) + " ", 1),
+        p(l, {
+          size: "md",
+          name: "check",
+          color: "#16a34a"
+        })
+      ]);
+    };
+  }
+}), ke = { class: "flex flex-row justify-between items-end mb-6" }, Ve = { class: "flex flex-col" }, qe = { class: "flex items-start mb-2 gap-3" }, $e = { class: "flex gap-3" }, rt = /* @__PURE__ */ v({
+  __name: "Transaction",
+  setup(i) {
+    const o = ae(), { dateRange: c, searchKey: l, status: d, id: _ } = le({
+      id: "",
+      searchKey: "",
+      status: [w.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS],
+      dateRange: {
+        startDate: P().startOf("day").format("YYYY-MM-DD"),
+        endDate: P().endOf("day").format("YYYY-MM-DD")
+      }
+    }), N = [
+      {
+        label: "Success",
+        value: w.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS
+      },
+      {
+        label: "Refunded",
+        value: w.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED
+      },
+      {
+        label: "Process",
+        value: w.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING
+      },
+      {
+        label: "Pending Settlement",
+        value: w.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING_SETTLEMENT
+      },
+      {
+        label: "Failed",
+        value: w.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED
+      }
+    ], { sessionUser: u } = Te(), r = pe(), h = ye(), { getBillLink: U } = be();
+    let x;
+    const k = () => {
+      x && (clearTimeout(x), x = void 0);
+    }, {
+      promptSuggestion: K,
+      closeSuggestion: O
+    } = Se({
+      searchKey: l,
+      dateRange: c,
+      onBeforeApply: k
+    }), Y = async (t, e) => {
+      const a = await b.readTransactions({
+        start: P(c.value.startDate).startOf("day").toISOString(),
+        end: P(c.value.endDate).endOf("day").toISOString(),
+        limit: t,
+        cursor: e,
+        status: d.value,
+        by: "RESTAURANT",
+        id: _.value,
+        search: l.value
+      });
+      return {
+        data: se(a.data),
+        meta: a.meta
+      };
+    };
+    V([c, d, _], () => {
+      var t;
+      (t = o.value) == null || t.reset();
+    }), V(l, () => {
+      k(), K(), x = setTimeout(() => {
+        var t;
+        (t = o.value) == null || t.reset();
+      }, 700);
+    }), ne(() => {
+      k(), O();
+    });
+    async function B(t) {
+      var a, s;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const n = await b.refetchTransaction({
+          transactionId: e.id
+        });
+        (s = o.value) == null || s.replaceData(t, E(n)), r.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (n) {
+        r.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: F(n)
+        });
+      }
+    }
+    async function L(t) {
+      var a;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      q(
+        h,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var s;
+          try {
+            const n = await b.refundTransaction({
+              transactionId: e.id,
+              reason: "portal transaction refund",
+              amount: e.fdoAmount
+            });
+            (s = o.value) == null || s.replaceData(t, E(n)), r.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (n) {
+            r.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: F(n)
+            });
+          }
+        }
+      );
+    }
+    async function J(t) {
+      var a;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      q(
+        h,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await b.renotifyTransaction(e.id), r.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (s) {
+            r.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: F(s)
+            });
+          }
+        }
+      );
+    }
+    async function Q(t) {
+      var s;
+      const e = (s = o.value) == null ? void 0 : s.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const a = ge(
+        [
+          {
+            type: "span",
+            queryKey: "transaction.id",
+            queryValue: e.id
+          }
+        ],
+        e.transactionAt
+      );
+      window.open(a, "_blank");
+    }
+    async function j(t) {
+      var a;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      h.open({
+        title: "Set Pay ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: $,
+        contentComponentProps: {
+          label: "Pay ID",
+          placeholder: "Enter Pay ID",
+          schema: R().trim().min(1, "Pay ID is required")
+        }
+      }).onPrimary(async (s) => {
+        var n;
+        try {
+          const m = await b.bindPayId({
+            transactionId: e.id,
+            payId: s
+          });
+          (n = o.value) == null || n.replaceData(t, E(m)), r.open({
+            type: "success",
+            title: "Pay ID set successfully."
+          }), h.close();
+        } catch (m) {
+          r.open({
+            type: "error",
+            title: "Failed to set Pay ID.",
+            message: F(m)
+          });
+        }
+      });
+    }
+    async function z(t) {
+      var a;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      h.open({
+        title: "Set Gateway ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: $,
+        contentComponentProps: {
+          label: "Gateway Transaction ID",
+          placeholder: "Enter Gateway Transaction ID",
+          schema: R().trim().min(1, "Gateway Transaction ID is required")
+        }
+      }).onPrimary(async (s) => {
+        var n;
+        try {
+          const m = await b.setGatewayId({
+            transactionId: e.id,
+            gatewayTransactionId: s
+          });
+          (n = o.value) == null || n.replaceData(t, E(m)), r.open({
+            type: "success",
+            title: "Gateway ID set successfully."
+          }), h.close();
+        } catch (m) {
+          r.open({
+            type: "error",
+            title: "Failed to set Gateway ID.",
+            message: F(m)
+          });
+        }
+      });
+    }
+    async function H(t) {
+      var a;
+      const e = (a = o.value) == null ? void 0 : a.pageData().at(t);
+      if (!e) {
+        r.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      h.open({
+        title: "Transaction Metadata",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: Pe,
+        contentComponentProps: {
+          transactionMetadata: e.callbackResponse
+        }
+      });
+    }
+    const W = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => {
+          let e = "";
+          return C(u.value) && t.row.original.transactionId && (e = `
+ID: ${t.row.original.transactionId}`), T(he, { data: t.getValue(), extra: e });
+        }
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId",
+        cell: ({ cell: t, row: e }) => {
+          const a = U(e.original);
+          return a ? T(
+            "a",
+            {
+              href: a,
+              class: "text-blue-600 underline"
+            },
+            t.getValue()
+          ) : t.getValue();
+        }
+      },
+      {
+        header: () => "Bill",
+        accessorKey: "seqNumber",
+        cell: ({ cell: t, row: e }) => e.original.seqNumberBinded ? T(Me, { row: e, data: t.getValue() }) : e.original.seqNumber
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? T(Ie, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? T(ve, { 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 }) => T(ie, { data: t.getValue() })
+      },
+      {
+        header: () => "Restaurant",
+        accessorKey: "restaurantId"
+      },
+      {
+        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 }) => C(u.value) && 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 = o.value) == null ? void 0 : a.pageData().at(t.index);
+          if (!e) {
+            r.open({
+              type: "error",
+              title: "Something went wrong",
+              message: "Fail to find transactions from the displayed transactions."
+            });
+            return;
+          }
+          return T(Ae, {
+            transaction: e,
+            onAction: (s) => {
+              switch (s) {
+                case "notify":
+                  return J(t.index);
+                case "query":
+                  return B(t.index);
+                case "refund":
+                  return L(t.index);
+                case "transactionMetadata":
+                  return H(t.index);
+                case "history":
+                  return Q(t.index);
+                case "setPayId":
+                  return j(t.index);
+                case "setGatewayId":
+                  return z(t.index);
+              }
+            }
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const a = g("FmSearch"), s = g("FmSelect");
+      return y(), M(ce, {
+        title: "Transactions",
+        loading: !1
+      }, {
+        default: D(() => [
+          S("div", ke, [
+            S("div", Ve, [
+              S("div", qe, [
+                p(a, {
+                  "model-value": f(l),
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => A(l) ? l.value = n : null),
+                  class: "mr-8",
+                  label: "Search",
+                  "label-info": "Search by Transaction ID, Pay ID, Gateway Transaction ID, or Amount.",
+                  placeholder: "Search Transactions ..."
+                }, null, 8, ["model-value"]),
+                p(s, {
+                  modelValue: f(d),
+                  "onUpdate:modelValue": e[2] || (e[2] = (n) => A(d) ? d.value = n : null),
+                  class: "w-[300px]",
+                  label: "Status",
+                  "label-mark": "required",
+                  multiselect: "",
+                  items: N
+                }, {
+                  "prepend-menu": D(() => [
+                    p(de, {
+                      modelValue: f(d),
+                      "onUpdate:modelValue": e[1] || (e[1] = (n) => A(d) ? d.value = n : null),
+                      items: N
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              S("div", $e, [
+                p(me, {
+                  modelValue: f(_),
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => A(_) ? _.value = n : null),
+                  placeholder: "Select restaurant",
+                  "search-placeholder": "Search restaurants"
+                }, null, 8, ["modelValue"]),
+                p(fe, {
+                  modelValue: f(c),
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => A(c) ? c.value = n : null)
+                }, null, 8, ["modelValue"])
+              ])
+            ]),
+            S("div", null, [
+              p(ue, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  var m;
+                  const n = await ((m = o.value) == null ? void 0 : m.allData());
+                  n != null && await f(b).downloadPortalTransactionReport(
+                    f(c),
+                    n
+                  );
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          p(_e, {
+            ref_key: "controller",
+            ref: o,
+            "column-defs": W,
+            "rows-defs": (n) => n,
+            paginate: Y
+          }, null, 8, ["rows-defs"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  rt as default
+};