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

package/dist/Transaction-Cwbb5Ayo.js

@@ -1,978 +0,0 @@
-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
-};