@feedmepos/mf-payment 1.7.0 → 1.7.3

package/dist/Transaction-C2RBulBV.js

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