@feedmepos/mf-payment 1.0.4 → 1.0.5-beta.2

package/dist/TerminalTransaction-DyTN8zj5.js

@@ -0,0 +1,272 @@
+import { defineComponent as y, openBlock as _, createElementBlock as b, Fragment as O, unref as r, createCommentVNode as V, createElementVNode as i, resolveComponent as N, createBlock as C, normalizeClass as D, withCtx as h, toDisplayString as F, ref as M, watch as T, createVNode as c, isRef as u, h as I } from "vue";
+import { c as l } from "./index-BqZakjyK.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-BIH2Edx9.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-BE90OAD9.js";
+import "@feedmepos/ui-library";
+import { g as Y } from "./assets-Cppbnt4C.js";
+import { E as $, t as v } from "./index-BwVE-Z1U.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+import { _ as B } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as G } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
+import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { _ as q } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as P } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as j } from "./PayoutAccountSelector.vue_vue_type_script_setup_true_lang-CP-SP877.js";
+const W = ["src"], z = ["src"], Q = /* @__PURE__ */ y({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    return (o, n) => (_(), b(O, null, [
+      o.row.original.ecrGateway ? (_(), b("img", {
+        key: 0,
+        class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: r($)
+      }, null, 8, W)) : V("", !0),
+      i("img", {
+        class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+        src: r(Y)(o.row.original.gateway)
+      }, null, 8, z)
+    ], 64));
+  }
+}), H = /* @__PURE__ */ y({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(f) {
+    const o = f;
+    function n() {
+      return o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : o.data === l.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, d) => {
+      const m = N("FmBadge");
+      return _(), C(m, {
+        inline: "",
+        class: D(n())
+      }, {
+        default: h(() => [
+          i("div", null, F(s.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), J = { class: "flex justify-between mb-6 items-start" }, X = { class: "flex space-x-8 items-start" }, Z = { class: "flex space-x-4 self-center" }, ee = { class: "flex space-x-12 mb-6" }, Ae = /* @__PURE__ */ y({
+  __name: "TerminalTransaction",
+  setup(f) {
+    const o = M(), { dateRange: n, status: s, searchKey: d, accountId: m } = k({
+      accountId: "",
+      searchKey: "",
+      status: [l.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    T([n, s], () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.reset();
+    }), T(m, () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.reset();
+    });
+    let A;
+    T(d, async () => {
+      A && clearTimeout(A), A = setTimeout(
+        () => {
+          var e;
+          return (e = o.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const x = [
+      {
+        label: "Success",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: l.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], R = function(e) {
+      const a = e;
+      let p = "-";
+      return a.details && a.details.amount && (p = L(a.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        transactionId: e.transactionId,
+        orderId: e.orderId,
+        refId: e.refId,
+        terminalId: e.terminalId,
+        transactionAt: g(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: p,
+        seqNumber: e.seqNumber
+      };
+    }, E = [
+      {
+        accessorKey: "transactionId",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => I(G, { data: e.getValue() })
+      },
+      {
+        accessorKey: "orderId",
+        header: () => "Pay ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        header: () => "Bill Seq No",
+        accessorKey: "seqNumber"
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: a }) => I(Q, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right",
+          maxWidth: "132px"
+        },
+        cell: ({ cell: e, row: a }) => I(H, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, a) => {
+      const p = N("FmSearch"), w = N("FmSelect");
+      return _(), C(U, {
+        title: "Terminal Transactions",
+        description: "Transactions are purchases or payments made in retail using electronic devices such as POS systems, kiosks, terminals, or ECRs.",
+        loading: !1
+      }, {
+        default: h(() => [
+          i("div", J, [
+            i("div", X, [
+              c(p, {
+                "model-value": r(d),
+                "onUpdate:modelValue": a[0] || (a[0] = (t) => u(d) ? d.value = t : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              c(w, {
+                modelValue: r(s),
+                "onUpdate:modelValue": a[2] || (a[2] = (t) => u(s) ? s.value = t : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: x
+              }, {
+                "prepend-menu": h(() => [
+                  c(q, {
+                    modelValue: r(s),
+                    "onUpdate:modelValue": a[1] || (a[1] = (t) => u(s) ? s.value = t : null),
+                    items: x
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            i("div", Z, [
+              c(B, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var t;
+                  return r(v).downloadTransactions(((t = o.value) == null ? void 0 : t.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          i("div", ee, [
+            c(j, {
+              modelValue: r(m),
+              "onUpdate:modelValue": a[3] || (a[3] = (t) => u(m) ? m.value = t : null),
+              event: ["ORDERING"]
+            }, null, 8, ["modelValue"]),
+            c(P, {
+              modelValue: r(n),
+              "onUpdate:modelValue": a[4] || (a[4] = (t) => u(n) ? n.value = t : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          c(K, {
+            ref_key: "controller",
+            ref: o,
+            "column-defs": E,
+            "rows-defs": R,
+            paginate: (t, S) => r(v).readAccountTransactions({
+              accountId: r(m),
+              status: r(s),
+              searchKey: r(d),
+              limit: t,
+              cursor: S,
+              start: r(n).startDate,
+              end: r(n).endDate
+            })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/Transaction-Ce33Gg4W.js

@@ -0,0 +1,145 @@
+import { defineComponent as Y, ref as y, onMounted as b, watch as v, resolveComponent as g, openBlock as w, createBlock as D, unref as l, withCtx as x, createElementVNode as f, createVNode as o, isRef as i } from "vue";
+import { t as V, a as F } from "./transaction-BPkT1OxL.js";
+import { _ as m, u as I } from "./index-BqZakjyK.js";
+import { _ as M } from "./TransactionTable.vue_vue_type_script_setup_true_lang-_MmkKHxE.js";
+import { h as C } from "./moment-h96o7c8I.js";
+import { useCoreStore as O } from "@feedmepos/mf-common";
+import { _ as P } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as $ } from "./index-BIH2Edx9.js";
+import { _ as k } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as L } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as B } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as J } from "./PayoutAccountSelector.vue_vue_type_script_setup_true_lang-CP-SP877.js";
+const K = { class: "flex justify-between mb-6 items-center" }, j = { class: "flex space-x-8 items-start" }, q = { class: "flex space-x-4 self-center" }, G = { class: "flex space-x-12 mb-6" }, re = /* @__PURE__ */ Y({
+  __name: "Transaction",
+  setup(Q) {
+    const { dateRange: s, searchKey: n, accountId: d, status: t } = $({
+      accountId: "",
+      searchKey: "",
+      status: [m.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS],
+      dateRange: {
+        startDate: C().startOf("day").format("YYYY-MM-DD"),
+        endDate: C().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: S, startAsyncCall: h } = I(!0), { currentBusiness: R } = O(), r = y([]), c = y([]);
+    async function A() {
+      await h(async () => {
+        const { startDate: _, endDate: e } = s.value, u = await V.readAccountTransactions({
+          status: t.value,
+          accountId: d.value,
+          start: _,
+          end: e
+        });
+        if (r.value = F(u), c.value = r.value, n.value > "") {
+          var T = new RegExp(n.value, "i");
+          c.value = r.value.filter((a) => {
+            const U = JSON.stringify(a);
+            return T.test(U);
+          });
+        }
+      });
+    }
+    function N() {
+      A();
+    }
+    b(N), v(R, N), v([s, t], A);
+    let p;
+    v(n, async () => {
+      p && clearTimeout(p), p = setTimeout(() => {
+        var _ = new RegExp(n.value, "i");
+        c.value = r.value.filter((e) => {
+          const u = JSON.stringify(e);
+          return _.test(u);
+        });
+      }, 700);
+    });
+    const E = [
+      {
+        label: "Success",
+        value: m.F_PAYMENT_TRANSACTION_STATUS.Enum.SUCCESS
+      },
+      {
+        label: "Refunded",
+        value: m.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED
+      },
+      {
+        label: "Process",
+        value: m.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING
+      },
+      {
+        label: "Failed",
+        value: m.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED
+      }
+    ];
+    return (_, e) => {
+      const u = g("FmSearch"), T = g("FmSelect");
+      return w(), D(P, {
+        title: "Online Transactions",
+        description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
+        loading: l(S)
+      }, {
+        default: x(() => [
+          f("div", K, [
+            f("div", j, [
+              o(u, {
+                "model-value": l(n),
+                "onUpdate:modelValue": e[0] || (e[0] = (a) => i(n) ? n.value = a : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              o(T, {
+                modelValue: l(t),
+                "onUpdate:modelValue": e[2] || (e[2] = (a) => i(t) ? t.value = a : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: E
+              }, {
+                "prepend-menu": x(() => [
+                  o(L, {
+                    modelValue: l(t),
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => i(t) ? t.value = a : null),
+                    items: E
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            f("div", q, [
+              o(k, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await l(V).downloadPortalTransactionReport(r.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          f("div", G, [
+            o(J, {
+              modelValue: l(d),
+              "onUpdate:modelValue": e[3] || (e[3] = (a) => i(d) ? d.value = a : null)
+            }, null, 8, ["modelValue"]),
+            o(B, {
+              modelValue: l(s),
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => i(s) ? s.value = a : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          o(M, {
+            loading: l(S),
+            data: c.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  re as default
+};