@feedmepos/mf-payment 1.0.0 → 1.0.1

package/dist/Transaction-CZkNzH-m.js

@@ -0,0 +1,238 @@
+import { defineComponent as f, resolveComponent as N, openBlock as g, createBlock as S, normalizeClass as O, withCtx as D, createElementVNode as _, toDisplayString as V, createElementBlock as I, unref as o, ref as A, h as v, onMounted as C, watch as w, createVNode as p, isRef as E } from "vue";
+import { t as b, a as M } from "./transaction-CIYqsLqc.js";
+import { e as x, u as Y } from "./index-Dj_LwPBy.js";
+import "@feedmepos/ui-library";
+import "./dinero-CIVmXLL-.js";
+import { h as F } from "./moment-h96o7c8I.js";
+import { g as $, a as k } from "./assets-DjRoCcqv.js";
+import { useCoreStore as L } from "@feedmepos/mf-common";
+import { _ as P } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as B } from "./index-BerQZMQW.js";
+import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as G } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const q = /* @__PURE__ */ f({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    const a = s;
+    function t() {
+      return a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (l, c) => {
+      const d = N("FmBadge");
+      return g(), S(d, {
+        inline: "",
+        class: O(t())
+      }, {
+        default: D(() => [
+          _("div", null, V(l.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), J = ["src"], z = /* @__PURE__ */ f({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (a, t) => (g(), I("img", {
+      class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+      src: o($)(a.row.original.gateway)
+    }, null, 8, J));
+  }
+}), Q = ["src"], H = /* @__PURE__ */ f({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (a, t) => (g(), I("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: o(k)(a.row.original.method.issuer)
+    }, null, 8, Q));
+  }
+}), W = /* @__PURE__ */ f({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(s, { emit: a }) {
+    const t = s, l = a, c = A(""), d = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? v(z, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? v(H, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: n }) => {
+          if (!n.original.method)
+            return "";
+          const e = n.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: n, row: e }) => v(q, { row: e, data: n.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ];
+    return (n, e) => {
+      const h = N("FmTable");
+      return g(), S(h, {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => c.value = i),
+        "column-defs": d,
+        "row-data": t.data,
+        loading: t.loading,
+        onRowClick: e[1] || (e[1] = (i) => l("row-click", t.data.at(i.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), X = { class: "flex justify-between mb-6 items-center" }, Z = { class: "flex space-x-8" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, fe = /* @__PURE__ */ f({
+  __name: "Transaction",
+  setup(s) {
+    const { dateRange: a, searchKey: t } = B({
+      searchKey: "",
+      dateRange: {
+        startDate: F().startOf("day").format("YYYY-MM-DD"),
+        endDate: F().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: l, startAsyncCall: c } = Y(!0), { currentRestaurant: d } = L(), n = A([]), e = A([]);
+    async function h() {
+      await c(async () => {
+        const { startDate: y, endDate: r } = a.value, u = await b.readRestaurantTransactions({
+          start: y,
+          end: r
+        });
+        if (n.value = M(u), e.value = n.value, t.value > "") {
+          var m = new RegExp(t.value, "i");
+          e.value = n.value.filter((R) => {
+            const K = JSON.stringify(R);
+            return m.test(K);
+          });
+        }
+      });
+    }
+    function i() {
+      h();
+    }
+    C(i), w(d, i), w(a, h);
+    let T;
+    return w(t, async () => {
+      T && clearTimeout(T), T = setTimeout(() => {
+        var y = new RegExp(t.value, "i");
+        e.value = n.value.filter((r) => {
+          const u = JSON.stringify(r);
+          return y.test(u);
+        });
+      }, 700);
+    }), (y, r) => {
+      const u = N("FmSearch");
+      return g(), S(P, {
+        title: "Online Transactions",
+        description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
+        loading: o(l)
+      }, {
+        default: D(() => [
+          _("div", X, [
+            _("div", Z, [
+              p(G),
+              p(u, {
+                "model-value": o(t),
+                "onUpdate:modelValue": r[0] || (r[0] = (m) => E(t) ? t.value = m : null),
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            _("div", ee, [
+              p(U, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await o(b).downloadRestaurantTransactionReport(n.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          _("div", ae, [
+            p(j, {
+              modelValue: o(a),
+              "onUpdate:modelValue": r[1] || (r[1] = (m) => E(a) ? a.value = m : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          p(W, {
+            loading: o(l),
+            data: e.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  fe as default
+};