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

package/dist/Transaction-Cwbb5Ayo.js

@@ -0,0 +1,978 @@
+import { reactive as pe, computed as T, defineComponent as N, useModel as ye, ref as L, watch as U, resolveComponent as v, openBlock as y, createBlock as D, withCtx as F, createVNode as f, createElementVNode as I, unref as h, createElementBlock as M, Fragment as fe, renderList as ge, toDisplayString as Q, createCommentVNode as ve, withModifiers as _e, mergeModels as oe, createTextVNode as Ie, onMounted as Te, onBeforeUnmount as Se, isRef as Y, h as E } from "vue";
+import { t as B } from "./index-DMAge89y.js";
+import { h as j } from "./moment-h96o7c8I.js";
+import { g as we, b as ie, p as R } from "./index-D08_fxhH.js";
+import { g as Fe, a as Ae, t as De, _ as xe, b as z } from "./assets-BV-S-5iu.js";
+import { u as ke } from "./index-B0AgPQQK.js";
+import { useRoute as Ve, useRouter as Pe } from "vue-router";
+import { _ as Me } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
+import { _ as Ne } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as $e } from "./SelectAll.vue_vue_type_script_setup_true_lang-BNZTqdoF.js";
+import { useSnackbar as Ce, useDialog as qe } from "@feedmepos/ui-library";
+import { w as ce } from "./Modal-DB8M9o1T.js";
+import { u as K } from "./error-K1CakhA9.js";
+import { _ as Ee } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-CDjdQf-E.js";
+import { u as ne, k as Be, _ as Oe } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-yGL-KPBE.js";
+import { useI18n as Re, useCoreStore as Ue } from "@feedmepos/mf-common";
+import { g as Ge } from "./grafana-DMmvPioK.js";
+import { _ as Ke } from "./index.vue_vue_type_script_setup_true_lang-Dvmtag-7.js";
+import { _ as Le } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DrBLdVka.js";
+import { _ as ue } from "./TextInputDialog.vue_vue_type_script_setup_true_lang-BvGYVca0.js";
+import { u as Ye, a as je } from "./index-n58-Qewm.js";
+import { h as de } from "./app-DqsoEc2A.js";
+import { s as me } from "./validator-CTlVogBQ.js";
+const J = {
+  businessId: "",
+  restaurantId: "",
+  amount: null
+};
+function ze() {
+  const n = pe({ ...J }), a = T(() => {
+    let l = 0;
+    return n.businessId && l++, n.restaurantId && l++, n.amount !== null && n.amount !== void 0 && l++, l;
+  }), r = T(() => a.value > 0);
+  function m() {
+    Object.assign(n, { ...J });
+  }
+  function p(l) {
+    Object.assign(n, { ...l });
+  }
+  return {
+    filter: n,
+    activeCount: a,
+    hasActiveFilters: r,
+    reset: m,
+    apply: p,
+    defaultState: J
+  };
+}
+const se = {
+  async readBusinessesWithPagination(n) {
+    return (await ie().get("/payments/businesses", {
+      params: { ...n, limit: n.limit ?? 20 }
+    })).data;
+  },
+  async readBusinessById(n) {
+    return we(
+      await ie().get(`/payments/businesses/${n}`)
+    );
+  }
+}, Je = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer" }, Qe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, We = { class: "relative min-w-[280px]" }, He = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, Xe = {
+  key: 0,
+  class: "px-8 py-12 text-center fm-typo-en-body-md-400 text-fm-color-neutral-gray-500"
+}, Ze = /* @__PURE__ */ N({
+  __name: "AdminBusinessSelector",
+  props: /* @__PURE__ */ oe({
+    label: {},
+    labelMark: {},
+    placeholder: {},
+    searchPlaceholder: {},
+    rules: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const a = n, r = ye(n, "modelValue"), { t: m } = Re(), p = L(""), l = L("");
+    let x = null;
+    U(p, (c) => {
+      x && clearTimeout(x), x = setTimeout(() => l.value = c, 300);
+    });
+    const u = (c) => ({
+      label: c.name,
+      value: c._id
+    }), { data: A, isLoading: S } = ne({
+      queryKey: ["admin-businesses"],
+      queryFn: () => se.readBusinessesWithPagination({ limit: 20 }).then((c) => c.data),
+      select: (c) => c.map(u)
+    }), { data: _, isLoading: d } = ne({
+      queryKey: T(() => [
+        "admin-businesses",
+        "search",
+        l.value
+      ]),
+      queryFn: () => se.readBusinessesWithPagination({
+        limit: 20,
+        search: l.value
+      }).then((c) => c.data),
+      select: (c) => c.map(u),
+      enabled: T(() => l.value.length > 0),
+      placeholderData: Be
+    }), { data: V, isLoading: $ } = ne({
+      queryKey: T(() => ["admin-businesses", r.value]),
+      queryFn: () => se.readBusinessById(r.value).then((c) => c ? u(c) : null),
+      enabled: T(
+        () => !!r.value && !(A.value ?? []).some((c) => c.value === r.value)
+      )
+    }), C = T(() => A.value ?? []), q = T(
+      () => p.value ? _.value ?? [] : C.value
+    ), s = T(
+      () => S.value || d.value || $.value
+    ), k = T(
+      () => C.value.find((c) => c.value === r.value) ?? V.value ?? void 0
+    ), W = T(
+      () => p.value && !s.value && q.value.length === 0
+    ), O = (c) => {
+      r.value = c, p.value = "";
+    };
+    return (c, P) => {
+      const G = v("FmIcon"), H = v("FmCircularProgress"), X = v("FmSearch"), Z = v("FmMenuItem"), ee = v("FmMenu"), te = v("FmFormGroup");
+      return y(), D(te, {
+        modelValue: r.value,
+        "onUpdate:modelValue": P[2] || (P[2] = (w) => r.value = w),
+        label: a.label ?? "Business",
+        "label-mark": a.labelMark,
+        rules: a.rules
+      }, {
+        default: F(() => [
+          f(ee, { "close-on-click": !0 }, {
+            "menu-button": F(() => {
+              var w;
+              return [
+                I("div", Je, [
+                  f(G, {
+                    name: "business",
+                    size: "sm"
+                  }),
+                  I("div", Qe, Q(((w = k.value) == null ? void 0 : w.label) ?? a.placeholder ?? h(m)("payment.components.select")), 1),
+                  s.value ? (y(), D(H, {
+                    key: 0,
+                    size: "md"
+                  })) : k.value ? (y(), D(G, {
+                    key: 1,
+                    name: "close",
+                    size: "sm",
+                    onClick: P[0] || (P[0] = _e((ae) => r.value = "", ["stop"]))
+                  })) : (y(), D(G, {
+                    key: 2,
+                    name: "expand_more",
+                    size: "sm"
+                  }))
+                ])
+              ];
+            }),
+            default: F(() => [
+              I("div", We, [
+                I("div", He, [
+                  f(X, {
+                    "model-value": p.value,
+                    "onUpdate:modelValue": P[1] || (P[1] = (w) => p.value = w),
+                    placeholder: a.searchPlaceholder ?? a.placeholder ?? h(m)("payment.components.select")
+                  }, null, 8, ["model-value", "placeholder"])
+                ]),
+                (y(!0), M(fe, null, ge(q.value, (w) => (y(), D(Z, {
+                  key: w.value,
+                  label: w.label,
+                  sublabel: "Business",
+                  onClick: (ae) => O(w.value)
+                }, null, 8, ["label", "onClick"]))), 128)),
+                W.value ? (y(), M("div", Xe, Q(h(m)("payment.components.no_results")), 1)) : ve("", !0)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "label", "label-mark", "rules"]);
+    };
+  }
+}), et = { class: "relative inline-flex" }, tt = { class: "flex flex-col gap-6 px-4 py-6" }, at = { class: "flex gap-2 items-center justify-start" }, nt = /* @__PURE__ */ N({
+  __name: "AdvancedFilterPanel",
+  props: /* @__PURE__ */ oe({
+    filter: {},
+    activeCount: {},
+    hasActiveFilters: { type: Boolean },
+    disable: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ oe(["apply", "reset"], ["update:modelValue"]),
+  setup(n, { emit: a }) {
+    const r = n, m = a, p = ye(n, "modelValue"), l = pe({ ...r.filter }), x = T({
+      get: () => l.amount != null ? String(l.amount) : "",
+      set: (_) => {
+        const d = Number(_);
+        l.amount = _ === "" ? null : Number.isFinite(d) ? d : null;
+      }
+    });
+    U(p, (_) => {
+      _ && Object.assign(l, { ...r.filter });
+    }), U(
+      () => l.businessId,
+      (_, d) => {
+        _ !== d && (l.restaurantId = "");
+      }
+    );
+    function u() {
+      m("apply", { ...l }), p.value = !1;
+    }
+    function A() {
+      Object.assign(l, { ...J }), m("reset"), p.value = !1;
+    }
+    function S() {
+      p.value = !1;
+    }
+    return (_, d) => {
+      const V = v("FmButton"), $ = v("FmBadge"), C = v("FmTextField"), q = v("FmSideSheet");
+      return y(), D(q, {
+        modelValue: p.value,
+        "onUpdate:modelValue": d[5] || (d[5] = (s) => p.value = s),
+        header: "Advanced filters",
+        "dismiss-away": "",
+        "onOn:clickedAway": S
+      }, {
+        "side-sheet-button": F(() => [
+          I("div", et, [
+            f(V, {
+              variant: "plain",
+              size: "md",
+              "prepend-icon": "tune",
+              label: "Advanced filters"
+            }),
+            n.hasActiveFilters ? (y(), D($, {
+              key: 0,
+              value: n.activeCount,
+              variant: "neutral",
+              class: "bg-fm-color-primary text-fm-color-typo-white"
+            }, null, 8, ["value"])) : ve("", !0)
+          ])
+        ]),
+        "side-sheet-footer": F(() => [
+          I("div", at, [
+            f(V, {
+              variant: "primary",
+              label: "Apply",
+              onClick: d[3] || (d[3] = (s) => u())
+            }),
+            f(V, {
+              variant: "secondary",
+              label: "Reset",
+              onClick: d[4] || (d[4] = (s) => A())
+            })
+          ])
+        ]),
+        default: F(() => [
+          I("div", tt, [
+            f(Ze, {
+              modelValue: l.businessId,
+              "onUpdate:modelValue": d[0] || (d[0] = (s) => l.businessId = s),
+              label: "Business",
+              placeholder: "All businesses",
+              "search-placeholder": "Search businesses"
+            }, null, 8, ["modelValue"]),
+            f(Oe, {
+              modelValue: l.restaurantId,
+              "onUpdate:modelValue": d[1] || (d[1] = (s) => l.restaurantId = s),
+              "business-id": l.businessId,
+              label: "Restaurant",
+              placeholder: "All restaurants",
+              "search-placeholder": "Search restaurants"
+            }, null, 8, ["modelValue", "business-id"]),
+            f(C, {
+              modelValue: x.value,
+              "onUpdate:modelValue": d[2] || (d[2] = (s) => x.value = s),
+              label: "Amount",
+              type: "number",
+              placeholder: "Exact amount",
+              disabled: n.disable
+            }, null, 8, ["modelValue", "disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), st = ["src"], ot = /* @__PURE__ */ N({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(n) {
+    return (a, r) => {
+      const m = v("FmTooltip");
+      return y(), D(m, {
+        variant: "plain",
+        placement: "top",
+        content: n.row.original.gateway,
+        "hide-arrow": !0
+      }, {
+        default: F(() => [
+          I("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: h(Fe)(n.row.original.gateway)
+          }, null, 8, st)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), rt = ["src"], lt = /* @__PURE__ */ N({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(n) {
+    return (a, r) => {
+      const m = v("FmTooltip");
+      return y(), D(m, {
+        variant: "plain",
+        placement: "top",
+        content: n.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: F(() => [
+          I("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: h(Ae)(n.row.original.method.issuer, n.row.original.method.variant)
+          }, null, 8, rt)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), it = /* @__PURE__ */ N({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function },
+    transaction: {}
+  },
+  setup(n) {
+    const a = T(() => [
+      n.transaction.flags.query && {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      n.transaction.flags.refund && {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      n.transaction.flags.notify && {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      },
+      n.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 (r, m) => {
+      const p = v("FmIcon"), l = v("FmMenuItem"), x = v("FmMenu");
+      return y(), M("div", {
+        onClick: m[0] || (m[0] = (u) => {
+          u.stopPropagation();
+        })
+      }, [
+        f(x, null, {
+          "menu-button": F(() => [
+            f(p, { name: "settings" })
+          ]),
+          default: F(() => [
+            (y(!0), M(fe, null, ge(a.value.filter((u) => !!u), (u) => (y(), D(l, {
+              selectable: !0,
+              key: u.label,
+              sublabel: u.sublabel,
+              label: u.label,
+              icon: u.icon,
+              onclick: () => n.onAction(u.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"]))), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ct = { class: "pb-24" }, ut = {
+  key: 0,
+  class: "bg-gray-50 border border-gray-200 rounded-md p-16 text-xs font-mono overflow-auto max-h-[60vh]"
+}, dt = {
+  key: 1,
+  class: "text-gray-500 text-sm"
+}, mt = /* @__PURE__ */ N({
+  __name: "TransactionMetadataDialog",
+  props: {
+    transactionMetadata: {}
+  },
+  setup(n) {
+    const a = n, r = () => {
+      if (a.transactionMetadata == null)
+        return "No transaction metadata available.";
+      try {
+        return JSON.stringify(a.transactionMetadata, null, 2);
+      } catch {
+        return String(a.transactionMetadata);
+      }
+    };
+    return (m, p) => (y(), M("div", ct, [
+      a.transactionMetadata != null ? (y(), M("pre", ut, Q(r()), 1)) : (y(), M("div", dt, " No transaction metadata available for this transaction. "))
+    ]));
+  }
+}), pt = { class: "flex items-center gap-1" }, yt = /* @__PURE__ */ N({
+  __name: "BillSeqNumber",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(n) {
+    return (a, r) => {
+      const m = v("FmIcon");
+      return y(), M("span", pt, [
+        Ie(Q(n.row.original.seqNumber) + " ", 1),
+        f(m, {
+          size: "md",
+          name: "check",
+          color: "#16a34a"
+        })
+      ]);
+    };
+  }
+}), ft = { class: "flex flex-row justify-between items-end mb-6" }, gt = { class: "flex flex-col" }, vt = { class: "flex items-start mb-2 gap-3" }, bt = { class: "flex gap-3" }, Gt = /* @__PURE__ */ N({
+  __name: "Transaction",
+  setup(n) {
+    var re, le;
+    const a = L(), { filter: r, activeCount: m, hasActiveFilters: p, reset: l, apply: x } = ze(), { dateRange: u, searchKey: A, status: S } = ke({
+      searchKey: "",
+      status: [R.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS],
+      dateRange: {
+        startDate: j().startOf("day").format("YYYY-MM-DD"),
+        endDate: j().endOf("day").format("YYYY-MM-DD")
+      }
+    }), _ = Ve(), d = Pe(), V = L(((re = _.query.restaurantId) == null ? void 0 : re.toString()) || ""), $ = L(((le = _.query.businessId) == null ? void 0 : le.toString()) || "");
+    U(
+      [() => r.restaurantId, () => r.businessId],
+      ([t, e]) => {
+        V.value = t, $.value = e, d.replace({
+          name: _.name,
+          query: {
+            ..._.query,
+            restaurantId: t || void 0,
+            businessId: e || void 0
+          }
+        });
+      }
+    );
+    const C = [
+      {
+        label: "Success",
+        value: R.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS
+      },
+      {
+        label: "Refunded",
+        value: R.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED
+      },
+      {
+        label: "Process",
+        value: R.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING
+      },
+      {
+        label: "Pending Settlement",
+        value: R.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING_SETTLEMENT
+      },
+      {
+        label: "Failed",
+        value: R.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED
+      }
+    ], { sessionUser: q } = Ue(), s = Ce(), k = qe(), { getBillLink: W } = Ye();
+    let O;
+    const c = () => {
+      O && (clearTimeout(O), O = void 0);
+    }, {
+      promptSuggestion: P,
+      closeSuggestion: G
+    } = je({
+      searchKey: A,
+      dateRange: u,
+      onBeforeApply: c
+    }), H = async (t, e) => {
+      const o = await B.readTransactions({
+        start: j(u.value.startDate).startOf("day").toISOString(),
+        end: j(u.value.endDate).endOf("day").toISOString(),
+        limit: t,
+        cursor: e,
+        status: S.value,
+        businessId: r.businessId || void 0,
+        restaurantId: r.restaurantId || void 0,
+        amount: r.amount ?? void 0,
+        search: A.value
+      });
+      return {
+        data: De(o.data),
+        meta: o.meta
+      };
+    };
+    U([u, S], () => {
+      var t;
+      (t = a.value) == null || t.reset();
+    }), Te(() => {
+      V.value && (r.restaurantId = V.value), $.value && (r.businessId = $.value);
+    }), U(A, () => {
+      c(), P(), O = setTimeout(() => {
+        var t;
+        (t = a.value) == null || t.reset();
+      }, 700);
+    }), Se(() => {
+      c(), G();
+    });
+    async function X(t) {
+      var o, g;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const i = await B.refetchTransaction({
+          transactionId: e.id
+        });
+        (g = a.value) == null || g.replaceData(t, z(i)), s.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (i) {
+        s.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: K(i)
+        });
+      }
+    }
+    async function Z(t) {
+      var o;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      ce(
+        k,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var g;
+          try {
+            const i = await B.refundTransaction({
+              transactionId: e.id,
+              reason: "portal transaction refund",
+              amount: e.fdoAmount
+            });
+            (g = a.value) == null || g.replaceData(t, z(i)), s.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (i) {
+            s.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: K(i)
+            });
+          }
+        }
+      );
+    }
+    async function ee(t) {
+      var o;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      ce(
+        k,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await B.renotifyTransaction(e.id), s.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (g) {
+            s.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: K(g)
+            });
+          }
+        }
+      );
+    }
+    async function te(t) {
+      var g;
+      const e = (g = a.value) == null ? void 0 : g.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      const o = Ge(
+        [
+          {
+            type: "span",
+            queryKey: "transaction.id",
+            queryValue: e.id
+          }
+        ],
+        e.transactionAt
+      );
+      window.open(o, "_blank");
+    }
+    async function w(t) {
+      var o;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      k.open({
+        title: "Set Pay ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: ue,
+        contentComponentProps: {
+          label: "Pay ID",
+          placeholder: "Enter Pay ID",
+          schema: me().trim().min(1, "Pay ID is required")
+        }
+      }).onPrimary(async (g) => {
+        var i;
+        try {
+          const b = await B.bindPayId({
+            transactionId: e.id,
+            payId: g
+          });
+          (i = a.value) == null || i.replaceData(t, z(b)), s.open({
+            type: "success",
+            title: "Pay ID set successfully."
+          }), k.close();
+        } catch (b) {
+          s.open({
+            type: "error",
+            title: "Failed to set Pay ID.",
+            message: K(b)
+          });
+        }
+      });
+    }
+    async function ae(t) {
+      var o;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      k.open({
+        title: "Set Gateway ID",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: ue,
+        contentComponentProps: {
+          label: "Gateway Transaction ID",
+          placeholder: "Enter Gateway Transaction ID",
+          schema: me().trim().min(1, "Gateway Transaction ID is required")
+        }
+      }).onPrimary(async (g) => {
+        var i;
+        try {
+          const b = await B.setGatewayId({
+            transactionId: e.id,
+            gatewayTransactionId: g
+          });
+          (i = a.value) == null || i.replaceData(t, z(b)), s.open({
+            type: "success",
+            title: "Gateway ID set successfully."
+          }), k.close();
+        } catch (b) {
+          s.open({
+            type: "error",
+            title: "Failed to set Gateway ID.",
+            message: K(b)
+          });
+        }
+      });
+    }
+    async function be(t) {
+      var o;
+      const e = (o = a.value) == null ? void 0 : o.pageData().at(t);
+      if (!e) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      k.open({
+        title: "Transaction Metadata",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: mt,
+        contentComponentProps: {
+          transactionMetadata: e.callbackResponse
+        }
+      });
+    }
+    const he = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: t }) => {
+          let e = "";
+          return de(q.value) && t.row.original.transactionId && (e = `
+ID: ${t.row.original.transactionId}`), E(Le, { data: t.getValue(), extra: e });
+        }
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId",
+        cell: ({ cell: t, row: e }) => {
+          const o = W(e.original);
+          return o ? E(
+            "a",
+            {
+              href: o,
+              class: "text-blue-600 underline"
+            },
+            t.getValue()
+          ) : t.getValue();
+        }
+      },
+      {
+        header: () => "Bill",
+        accessorKey: "seqNumber",
+        cell: ({ cell: t, row: e }) => e.original.seqNumberBinded ? E(yt, { row: e, data: t.getValue() }) : e.original.seqNumber
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? E(ot, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? E(lt, { 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 }) => E(xe, { 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 }) => de(q.value) && e.original.flags.isDelivery ? e.original.amount + "( " + e.original.gatewayAmount + ")" : e.original.amount
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: t }) => {
+          var o;
+          const e = (o = a.value) == null ? void 0 : o.pageData().at(t.index);
+          if (!e) {
+            s.open({
+              type: "error",
+              title: "Something went wrong",
+              message: "Fail to find transactions from the displayed transactions."
+            });
+            return;
+          }
+          return E(it, {
+            transaction: e,
+            onAction: (g) => {
+              switch (g) {
+                case "notify":
+                  return ee(t.index);
+                case "query":
+                  return X(t.index);
+                case "refund":
+                  return Z(t.index);
+                case "transactionMetadata":
+                  return be(t.index);
+                case "history":
+                  return te(t.index);
+                case "setPayId":
+                  return w(t.index);
+                case "setGatewayId":
+                  return ae(t.index);
+              }
+            }
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const o = v("FmSearch"), g = v("FmSelect");
+      return y(), D(Me, {
+        title: "Transactions",
+        loading: !1
+      }, {
+        default: F(() => [
+          I("div", ft, [
+            I("div", gt, [
+              I("div", vt, [
+                f(o, {
+                  "model-value": h(A),
+                  "onUpdate:modelValue": e[0] || (e[0] = (i) => Y(A) ? A.value = i : 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"]),
+                f(g, {
+                  modelValue: h(S),
+                  "onUpdate:modelValue": e[2] || (e[2] = (i) => Y(S) ? S.value = i : null),
+                  class: "w-[300px]",
+                  label: "Status",
+                  "label-mark": "required",
+                  multiselect: "",
+                  items: C
+                }, {
+                  "prepend-menu": F(() => [
+                    f($e, {
+                      modelValue: h(S),
+                      "onUpdate:modelValue": e[1] || (e[1] = (i) => Y(S) ? S.value = i : null),
+                      items: C
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              I("div", bt, [
+                f(Ee, {
+                  modelValue: h(u),
+                  "onUpdate:modelValue": e[3] || (e[3] = (i) => Y(u) ? u.value = i : null)
+                }, null, 8, ["modelValue"]),
+                f(nt, {
+                  filter: h(r),
+                  "active-count": h(m),
+                  "has-active-filters": h(p),
+                  onApply: e[4] || (e[4] = (i) => {
+                    var b;
+                    h(x)(i), (b = a.value) == null || b.reset();
+                  }),
+                  onReset: e[5] || (e[5] = (i) => {
+                    var b;
+                    h(l)(), (b = a.value) == null || b.reset();
+                  })
+                }, null, 8, ["filter", "active-count", "has-active-filters"])
+              ])
+            ]),
+            I("div", null, [
+              f(Ne, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  var b;
+                  const i = await ((b = a.value) == null ? void 0 : b.allData());
+                  i != null && await h(B).downloadPortalTransactionReport(
+                    h(u),
+                    i
+                  );
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          f(Ke, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": he,
+            "rows-defs": (i) => i,
+            paginate: H
+          }, null, 8, ["rows-defs"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Gt as default
+};