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

package/dist/Transaction-A2Lryxwf.js

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