@feedmepos/mf-payment 1.0.0 → 1.0.1-beta.1

package/dist/Transaction-68L7JzIk.js

@@ -1,242 +0,0 @@
-import { defineComponent as _, resolveComponent as T, openBlock as f, createBlock as N, normalizeClass as k, withCtx as R, createElementVNode as y, toDisplayString as K, createElementBlock as O, unref as o, ref as A, h as x, onMounted as V, watch as E, createVNode as p, isRef as F } from "vue";
-import { t as I, a as C } from "./transaction-DqrhM5jB.js";
-import { e as S, u as P } from "./index-Bt_OgDYn.js";
-import { useSnackbar as $ } from "@feedmepos/ui-library";
-import "./dinero-CIVmXLL-.js";
-import { h as b } from "./moment-h96o7c8I.js";
-import { g as L, a as B } from "./assets-Bji7O2YD.js";
-import { useCoreStore as M } from "@feedmepos/mf-common";
-import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as G } from "./index-DjDGwRX8.js";
-import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { _ as q } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
-const J = /* @__PURE__ */ _({
-  __name: "Status",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    const n = s;
-    function a() {
-      return n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === S.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 = T("FmBadge");
-      return f(), N(d, {
-        inline: "",
-        class: k(a())
-      }, {
-        default: R(() => [
-          y("div", null, K(l.data), 1)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-}), j = ["src"], z = /* @__PURE__ */ _({
-  __name: "Gateway",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    return (n, a) => (f(), O("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: o(L)(n.row.original.gateway)
-    }, null, 8, j));
-  }
-}), Q = ["src"], H = /* @__PURE__ */ _({
-  __name: "Method",
-  props: {
-    row: {},
-    data: {}
-  },
-  setup(s) {
-    return (n, a) => (f(), O("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: o(B)(n.row.original.method.issuer)
-    }, null, 8, Q));
-  }
-}), W = /* @__PURE__ */ _({
-  __name: "TransactionTable",
-  props: {
-    data: {
-      type: Array,
-      required: !0
-    },
-    loading: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["row-click"],
-  setup(s, { emit: n }) {
-    const a = s, l = n, c = A(""), d = [
-      {
-        header: () => "Transaction ID",
-        accessorKey: "id"
-      },
-      {
-        header: () => "Pay ID",
-        accessorKey: "payId"
-      },
-      {
-        header: () => "Gateway",
-        accessorKey: "gateway",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: t, row: e }) => e.original.method ? x(z, { row: e, data: t.getValue() }) : ""
-      },
-      {
-        header: () => "Method",
-        accessorKey: "method",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ cell: t, row: e }) => e.original.method ? x(H, { row: e, data: t.getValue() }) : ""
-      },
-      {
-        header: () => "Type",
-        accessorKey: "type",
-        meta: {
-          textAlign: "center"
-        },
-        cell: ({ row: t }) => {
-          if (!t.original.method)
-            return "";
-          const e = t.original.method.variant;
-          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
-        }
-      },
-      {
-        header: () => "Status",
-        accessorKey: "status",
-        cell: ({ cell: t, row: e }) => x(J, { row: e, data: t.getValue() })
-      },
-      {
-        header: () => "Transaction At",
-        accessorKey: "transactionAt",
-        meta: {
-          width: "180px"
-        }
-      },
-      {
-        header: () => "Sales Amount",
-        accessorKey: "amount"
-      },
-      {
-        header: () => "Fee",
-        accessorKey: "fee"
-      },
-      {
-        header: () => "Settlement Amount",
-        accessorKey: "payout"
-      }
-    ];
-    return (t, e) => {
-      const g = T("FmTable");
-      return f(), N(g, {
-        modelValue: c.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (i) => c.value = i),
-        "column-defs": d,
-        "row-data": a.data,
-        loading: a.loading,
-        onRowClick: e[1] || (e[1] = (i) => l("row-click", a.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" }, pe = /* @__PURE__ */ _({
-  __name: "Transaction",
-  setup(s) {
-    const { dateRange: n, searchKey: a } = G({
-      searchKey: "",
-      dateRange: {
-        startDate: b().startOf("day").toISOString(),
-        endDate: b().endOf("day").toISOString()
-      }
-    }), { isLoading: l, startAsyncCall: c } = P(!0);
-    $();
-    const { currentRestaurant: d } = M(), t = A([]), e = A([]);
-    async function g() {
-      await c(async () => {
-        const { startDate: h, endDate: r } = n.value, u = await I.readRestaurantTransactions({
-          start: h,
-          end: r
-        });
-        if (t.value = C(u), e.value = t.value, a.value > "") {
-          var v = new RegExp(a.value, "i");
-          e.value = t.value.filter((m) => {
-            const D = JSON.stringify(m);
-            return v.test(D);
-          });
-        }
-      });
-    }
-    function i() {
-      g();
-    }
-    V(i), E(d, i);
-    let w;
-    return E(a, async () => {
-      w && clearTimeout(w), w = setTimeout(() => {
-        var h = new RegExp(a.value, "i");
-        e.value = t.value.filter((r) => {
-          const u = JSON.stringify(r);
-          return h.test(u);
-        });
-      }, 700);
-    }), (h, r) => {
-      const u = T("FmSearch"), v = T("FmDateRangePicker");
-      return f(), N(U, {
-        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: R(() => [
-          y("div", X, [
-            y("div", Z, [
-              p(q),
-              p(u, {
-                "model-value": o(a),
-                "onUpdate:modelValue": r[0] || (r[0] = (m) => F(a) ? a.value = m : null),
-                label: "Search",
-                placeholder: "Search Transactions ..."
-              }, null, 8, ["model-value"]),
-              p(v, {
-                modelValue: o(n),
-                "onUpdate:modelValue": [
-                  r[1] || (r[1] = (m) => F(n) ? n.value = m : null),
-                  g
-                ],
-                compare: "",
-                "show-predefined-range": ""
-              }, null, 8, ["modelValue"])
-            ]),
-            y("div", ee, [
-              p(Y, {
-                button: {
-                  appendIcon: "file_download",
-                  variant: "primary",
-                  label: "Export"
-                },
-                handler: async () => {
-                  await o(I).downloadRestaurantTransactionReport(t.value);
-                }
-              }, null, 8, ["handler"])
-            ])
-          ]),
-          p(W, {
-            loading: o(l),
-            data: e.value
-          }, null, 8, ["loading", "data"])
-        ]),
-        _: 1
-      }, 8, ["loading"]);
-    };
-  }
-});
-export {
-  pe as default
-};