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

package/dist/Transaction-B1Hw-Qs-.js

@@ -1,636 +0,0 @@
-import { defineComponent as I, resolveComponent as _, openBlock as d, createBlock as k, withCtx as v, createElementVNode as b, unref as g, computed as j, createElementBlock as w, createVNode as h, Fragment as z, renderList as H, toDisplayString as K, createTextVNode as W, ref as X, watch as q, onBeforeUnmount as Z, isRef as P, h as y } from "vue";
-import { t as f } from "./index-B4BQXToQ.js";
-import { h as x } from "./moment-h96o7c8I.js";
-import { g as tt, a as et, t as at, _ as nt, b as F } from "./assets-BEqu4LTS.js";
-import { u as ot } from "./index-9bLqrnE-.js";
-import { _ as rt } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
-import { _ as st } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { useSnackbar as it, useDialog as ct } from "@feedmepos/ui-library";
-import { w as $ } from "./Modal-DB8M9o1T.js";
-import { u as T } from "./error-K1CakhA9.js";
-import { _ as lt } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-CDjdQf-E.js";
-import { g as ut } from "./grafana-BC92XSGj.js";
-import { _ as dt } from "./index.vue_vue_type_script_setup_true_lang-Dh_I8dOY.js";
-import { _ as mt } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
-import { _ as A } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-BvGYVca0.js";
-import { useCoreStore as pt } from "@feedmepos/mf-common";
-import { u as yt, a as ft } from "./index-n58-Qewm.js";
-import { h as N } from "./app-D4_0cKed.js";
-import { s as G } from "./validator-CTlVogBQ.js";
-const gt = ["src"], ht = /* @__PURE__ */ I({
-  __name: "Gateway",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    return (n, c) => {
-      const i = _("FmTooltip");
-      return d(), k(i, {
-        variant: "plain",
-        placement: "top",
-        content: s.row.original.gateway,
-        "hide-arrow": !0
-      }, {
-        default: v(() => [
-          b("img", {
-            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-            src: g(tt)(s.row.original.gateway)
-          }, null, 8, gt)
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-}), _t = ["src"], bt = /* @__PURE__ */ I({
-  __name: "Method",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    return (n, c) => {
-      const i = _("FmTooltip");
-      return d(), k(i, {
-        variant: "plain",
-        placement: "top",
-        content: s.row.original.method.issuer,
-        "hide-arrow": !0
-      }, {
-        default: v(() => [
-          b("img", {
-            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-            src: g(et)(s.row.original.method.issuer, s.row.original.method.variant)
-          }, null, 8, _t)
-        ]),
-        _: 1
-      }, 8, ["content"]);
-    };
-  }
-}), wt = /* @__PURE__ */ I({
-  __name: "Actions",
-  props: {
-    onAction: { type: Function },
-    transaction: {}
-  },
-  setup(s) {
-    const n = j(() => [
-      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"
-      },
-      s.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, i) => {
-      const D = _("FmIcon"), r = _("FmMenuItem"), m = _("FmMenu");
-      return d(), w("div", {
-        onClick: i[0] || (i[0] = (u) => {
-          u.stopPropagation();
-        })
-      }, [
-        h(m, null, {
-          "menu-button": v(() => [
-            h(D, { name: "settings" })
-          ]),
-          default: v(() => [
-            (d(!0), w(z, null, H(n.value.filter((u) => !!u), (u) => (d(), k(r, {
-              selectable: !0,
-              key: u.label,
-              sublabel: u.sublabel,
-              label: u.label,
-              icon: u.icon,
-              onclick: () => s.onAction(u.action)
-            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), It = { class: "pb-24" }, Dt = {
-  key: 0,
-  class: "bg-gray-50 border border-gray-200 rounded-md p-16 text-xs font-mono overflow-auto max-h-[60vh]"
-}, Tt = {
-  key: 1,
-  class: "text-gray-500 text-sm"
-}, vt = /* @__PURE__ */ I({
-  __name: "TransactionMetadataDialog",
-  props: {
-    transactionMetadata: {}
-  },
-  setup(s) {
-    const n = s, c = () => {
-      if (n.transactionMetadata == null)
-        return "No transaction metadata available.";
-      try {
-        return JSON.stringify(n.transactionMetadata, null, 2);
-      } catch {
-        return String(n.transactionMetadata);
-      }
-    };
-    return (i, D) => (d(), w("div", It, [
-      n.transactionMetadata != null ? (d(), w("pre", Dt, K(c()), 1)) : (d(), w("div", Tt, " No transaction metadata available for this transaction. "))
-    ]));
-  }
-}), St = { class: "flex items-center gap-1" }, xt = /* @__PURE__ */ I({
-  __name: "BillSeqNumber",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    return (n, c) => {
-      const i = _("FmIcon");
-      return d(), w("span", St, [
-        W(K(s.row.original.seqNumber) + " ", 1),
-        h(i, {
-          size: "md",
-          name: "check",
-          color: "#16a34a"
-        })
-      ]);
-    };
-  }
-}), Ft = { class: "flex justify-between mb-6 items-center" }, kt = { class: "flex space-x-4" }, Mt = { class: "flex space-x-4 self-center" }, qt = { class: "mb-6" }, Ht = /* @__PURE__ */ I({
-  __name: "Transaction",
-  setup(s) {
-    const n = X(), { dateRange: c, searchKey: i } = ot({
-      searchKey: "",
-      dateRange: {
-        startDate: x().startOf("day").format("YYYY-MM-DD"),
-        endDate: x().endOf("day").format("YYYY-MM-DD")
-      }
-    }), { sessionUser: D } = pt(), r = it(), m = ct(), { getBillLink: u } = yt();
-    let S;
-    const M = () => {
-      S && (clearTimeout(S), S = void 0);
-    }, {
-      promptSuggestion: V,
-      closeSuggestion: B
-    } = ft({
-      searchKey: i,
-      dateRange: c,
-      onBeforeApply: M
-    }), C = async (e, t) => {
-      let a = parseInt(t);
-      Number.isNaN(a) && (a = 1);
-      const o = await f.readTransactions({
-        start: x(c.value.startDate).startOf("day").toISOString(),
-        end: x(c.value.endDate).endOf("day").toISOString(),
-        limit: e,
-        skip: (a - 1) * e,
-        search: i.value
-      }), l = o.length == e;
-      return {
-        data: at(o),
-        meta: {
-          cursor: l ? (a + 1).toString() : ""
-        }
-      };
-    };
-    q(c, () => {
-      var e;
-      (e = n.value) == null || e.reset();
-    }), q(i, () => {
-      M(), V(), S = setTimeout(() => {
-        var e;
-        (e = n.value) == null || e.reset();
-      }, 700);
-    }), Z(() => {
-      M(), B();
-    });
-    async function R(e) {
-      var a, o;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      try {
-        const l = await f.refetchTransaction({
-          transactionId: t.id
-        });
-        (o = n.value) == null || o.replaceData(e, F(l)), r.open({
-          type: "success",
-          title: "Transaction queried and updated successfully."
-        });
-      } catch (l) {
-        r.open({
-          type: "error",
-          title: "Fail to query transaction.",
-          message: T(l)
-        });
-      }
-    }
-    async function O(e) {
-      var a;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      $(
-        m,
-        "Refund Transaction",
-        "Are you sure to refund transaction? This action cannot be revert!",
-        async () => {
-          var o;
-          try {
-            const l = await f.refundTransaction({
-              transactionId: t.id,
-              reason: "portal transaction refund",
-              amount: t.fdoAmount
-            });
-            (o = n.value) == null || o.replaceData(e, F(l)), r.open({
-              type: "success",
-              title: "Transaction refund request initiated."
-            });
-          } catch (l) {
-            r.open({
-              type: "error",
-              title: "Fail to request refund transaction.",
-              message: T(l)
-            });
-          }
-        }
-      );
-    }
-    async function E(e) {
-      var a;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      $(
-        m,
-        "Notify Transaction",
-        "Are you sure to perform notify transaction?",
-        async () => {
-          try {
-            await f.renotifyTransaction(t.id), r.open({
-              type: "success",
-              title: "Transaction notify successfully."
-            });
-          } catch (o) {
-            r.open({
-              type: "error",
-              title: "Fail to notify transaction.",
-              message: T(o)
-            });
-          }
-        }
-      );
-    }
-    async function Y(e) {
-      var o;
-      const t = (o = n.value) == null ? void 0 : o.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      const a = ut(
-        [
-          {
-            type: "span",
-            queryKey: "transaction.id",
-            queryValue: t.id
-          }
-        ],
-        t.transactionAt
-      );
-      window.open(a, "_blank");
-    }
-    async function L(e) {
-      var a;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      m.open({
-        title: "Set Pay ID",
-        closeButton: !0,
-        overlay: !0,
-        contentComponent: A,
-        contentComponentProps: {
-          label: "Pay ID",
-          placeholder: "Enter Pay ID",
-          schema: G().trim().min(1, "Pay ID is required")
-        }
-      }).onPrimary(async (o) => {
-        var l;
-        try {
-          const p = await f.bindPayId({
-            transactionId: t.id,
-            payId: o
-          });
-          (l = n.value) == null || l.replaceData(e, F(p)), r.open({
-            type: "success",
-            title: "Pay ID set successfully."
-          }), m.close();
-        } catch (p) {
-          r.open({
-            type: "error",
-            title: "Failed to set Pay ID.",
-            message: T(p)
-          });
-        }
-      });
-    }
-    async function U(e) {
-      var a;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      m.open({
-        title: "Set Gateway ID",
-        closeButton: !0,
-        overlay: !0,
-        contentComponent: A,
-        contentComponentProps: {
-          label: "Gateway Transaction ID",
-          placeholder: "Enter Gateway Transaction ID",
-          schema: G().trim().min(1, "Gateway Transaction ID is required")
-        }
-      }).onPrimary(async (o) => {
-        var l;
-        try {
-          const p = await f.setGatewayId({
-            transactionId: t.id,
-            gatewayTransactionId: o
-          });
-          (l = n.value) == null || l.replaceData(e, F(p)), r.open({
-            type: "success",
-            title: "Gateway ID set successfully."
-          }), m.close();
-        } catch (p) {
-          r.open({
-            type: "error",
-            title: "Failed to set Gateway ID.",
-            message: T(p)
-          });
-        }
-      });
-    }
-    async function J(e) {
-      var a;
-      const t = (a = n.value) == null ? void 0 : a.pageData().at(e);
-      if (!t) {
-        r.open({
-          type: "error",
-          title: "Something went wrong",
-          message: "Fail to find transactions from the displayed transactions."
-        });
-        return;
-      }
-      m.open({
-        title: "Transaction Metadata",
-        closeButton: !0,
-        overlay: !0,
-        contentComponent: vt,
-        contentComponentProps: {
-          transactionMetadata: t.callbackResponse
-        }
-      });
-    }
-    const Q = [
-      {
-        header: () => "Transaction ID",
-        accessorKey: "id",
-        cell: ({ cell: e }) => {
-          let t = "";
-          return N(D.value) && e.row.original.transactionId && (t = `
-ID: ${e.row.original.transactionId}`), y(mt, { data: e.getValue(), extra: t });
-        }
-      },
-      {
-        header: () => "Pay ID",
-        accessorKey: "payId",
-        cell: ({ cell: e, row: t }) => {
-          const a = u(t.original);
-          return a ? y(
-            "a",
-            {
-              href: a,
-              class: "text-blue-600 underline"
-            },
-            e.getValue()
-          ) : e.getValue();
-        }
-      },
-      {
-        header: () => "Bill",
-        accessorKey: "seqNumber",
-        cell: ({ cell: e, row: t }) => t.original.seqNumberBinded ? y(xt, { row: t, data: e.getValue() }) : t.original.seqNumber
-      },
-      {
-        header: () => "Gateway",
-        accessorKey: "gateway",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: e, row: t }) => t.original.method ? y(ht, { row: t, data: e.getValue() }) : ""
-      },
-      {
-        header: () => "Method",
-        accessorKey: "method",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: e, row: t }) => t.original.method ? y(bt, { row: t, data: e.getValue() }) : ""
-      },
-      {
-        header: () => "Gateway ID",
-        accessorKey: "gatewayTransactionId",
-        cell: ({ cell: e, row: t }) => t.original.status === "REFUNDED" ? t.original.gatewayRefundId : t.original.gatewayTransactionId
-      },
-      {
-        header: () => "Type",
-        accessorKey: "payFor",
-        meta: {
-          textAlign: "center"
-        }
-      },
-      {
-        header: () => "Status",
-        accessorKey: "status",
-        cell: ({ cell: e }) => y(nt, { data: e.getValue() })
-      },
-      {
-        header: () => "Restaurant",
-        accessorKey: "restaurantId"
-      },
-      {
-        header: () => "Source",
-        accessorKey: "source",
-        cell: ({ cell: e, row: t }) => `(${t.original.sourceType}) ${t.original.source}`
-      },
-      {
-        header: () => "Transaction At",
-        accessorKey: "transactionAt",
-        meta: {
-          width: "180px"
-        }
-      },
-      {
-        header: () => "Sales Amount",
-        accessorKey: "amount",
-        cell: ({ cell: e, row: t }) => N(D.value) && t.original.flags.isDelivery ? t.original.amount + "( " + t.original.gatewayAmount + ")" : t.original.amount
-      },
-      {
-        header: () => "Actions",
-        accessorKey: "actions",
-        cell: ({ row: e }) => {
-          var a;
-          const t = (a = n.value) == null ? void 0 : a.pageData().at(e.index);
-          if (!t) {
-            r.open({
-              type: "error",
-              title: "Something went wrong",
-              message: "Fail to find transactions from the displayed transactions."
-            });
-            return;
-          }
-          return y(wt, {
-            transaction: t,
-            onAction: (o) => {
-              switch (o) {
-                case "notify":
-                  return E(e.index);
-                case "query":
-                  return R(e.index);
-                case "refund":
-                  return O(e.index);
-                case "transactionMetadata":
-                  return J(e.index);
-                case "history":
-                  return Y(e.index);
-                case "setPayId":
-                  return L(e.index);
-                case "setGatewayId":
-                  return U(e.index);
-              }
-            }
-          });
-        }
-      }
-    ];
-    return (e, t) => {
-      const a = _("FmSearch");
-      return d(), k(rt, {
-        title: "Transactions",
-        loading: !1
-      }, {
-        default: v(() => [
-          b("div", Ft, [
-            b("div", kt, [
-              h(a, {
-                "model-value": g(i),
-                "onUpdate:modelValue": t[0] || (t[0] = (o) => P(i) ? i.value = o : null),
-                class: "mr-8",
-                label: "Search",
-                placeholder: "Search Transactions ..."
-              }, null, 8, ["model-value"])
-            ]),
-            b("div", Mt, [
-              h(st, {
-                button: {
-                  appendIcon: "file_download",
-                  variant: "primary",
-                  label: "Export"
-                },
-                handler: async () => {
-                  await g(f).downloadTransactionReport({
-                    start: g(c).startDate,
-                    end: g(c).endDate
-                  });
-                }
-              }, null, 8, ["handler"])
-            ])
-          ]),
-          b("div", qt, [
-            h(lt, {
-              modelValue: g(c),
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => P(c) ? c.value = o : null)
-            }, null, 8, ["modelValue"])
-          ]),
-          h(dt, {
-            ref_key: "controller",
-            ref: n,
-            "column-defs": Q,
-            "rows-defs": (o) => o,
-            paginate: C
-          }, null, 8, ["rows-defs"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ht as default
-};