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

package/dist/Transaction-7riayI_1.js

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