@feedmepos/mf-payment 0.0.0-beta.1

package/dist/Terminal-Co7KPrrb.js

@@ -0,0 +1,204 @@
+import { defineComponent as d, openBlock as m, createElementBlock as y, createTextVNode as T, createElementVNode as c, toDisplayString as v, resolveComponent as f, createBlock as x, normalizeClass as b, withCtx as C, Fragment as D, createVNode as l, ref as I, watch as K, unref as p, isRef as $, h as _ } from "vue";
+import { g as F, b as g, a as S } from "./index-DvzXwr90.js";
+import { h as V } from "./moment-h96o7c8I.js";
+import { u as N } from "./index-B8_4waUa.js";
+import { _ as Y } from "./index.vue_vue_type_script_setup_true_lang-y4tchjya.js";
+import { _ as E } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import { useDialog as P } from "@feedmepos/ui-library";
+const h = {
+  async read(n) {
+    return F(
+      await g().get("/payments/terminals", {
+        params: { ...n }
+      })
+    );
+  },
+  async getBindCode(n) {
+    const { code: o } = S(
+      await g().get(`/payments/terminals/${n}/code`)
+    );
+    return o;
+  }
+}, R = { class: "t-caption" }, L = { class: "t-h1 my-6 text-center" }, M = /* @__PURE__ */ d({
+  __name: "TerminalBindCodeDialog",
+  props: {
+    code: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(n) {
+    return (o, a) => (m(), y("div", R, [
+      a[0] || (a[0] = T(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ")),
+      c("div", L, v(n.code), 1)
+    ]));
+  }
+}), Q = /* @__PURE__ */ d({
+  __name: "ID",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(n) {
+    const o = n;
+    function a() {
+      return o.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (i, t) => {
+      const r = f("FmBadge");
+      return m(), x(r, {
+        inline: "",
+        class: b(a())
+      }, {
+        default: C(() => [
+          c("div", null, v(i.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), U = /* @__PURE__ */ d({
+  __name: "Actions",
+  props: {
+    row: {},
+    data: {}
+  },
+  emits: ["link", "edit"],
+  setup(n, { emit: o }) {
+    const a = o;
+    return (i, t) => {
+      const r = f("FmButton");
+      return m(), y(D, null, [
+        l(r, {
+          variant: "plain",
+          "prepend-icon": "link",
+          onClick: t[0] || (t[0] = () => a("link", i.data))
+        }),
+        l(r, {
+          variant: "plain",
+          "prepend-icon": "edit",
+          onClick: t[1] || (t[1] = () => a("edit", i.data))
+        })
+      ], 64);
+    };
+  }
+}), j = { class: "flex justify-between mb-6 items-center" }, q = { class: "flex space-x-4" }, Z = /* @__PURE__ */ d({
+  __name: "Terminal",
+  setup(n) {
+    const o = P();
+    async function a(e) {
+      const s = await h.getBindCode(e);
+      o.open({
+        title: "Terminal Bind Code",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: M,
+        contentComponentProps: { code: s }
+      });
+    }
+    const i = I(), { searchKey: t } = N({
+      searchKey: ""
+    });
+    let r;
+    K(t, async () => {
+      r && clearTimeout(r), r = setTimeout(
+        () => {
+          var e;
+          return (e = i.value) == null ? void 0 : e.refreshQuery();
+        },
+        700
+      );
+    });
+    const w = function(e) {
+      return {
+        id: e._id,
+        status: e.status,
+        referenceId: e.referenceId,
+        name: e.name,
+        deviceId: e.deviceId,
+        updatedAt: V(e.updatedAt).format("YYYY-MM-DD hh:mm:ss")
+      };
+    }, B = [
+      {
+        accessorKey: "id",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "right"
+        },
+        cell: ({ cell: e, row: s }) => _(Q, { row: s, data: e.getValue() })
+      },
+      {
+        accessorKey: "name",
+        header: () => "Name",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "referenceId",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "deviceId",
+        header: () => "Bound Device Id",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "updatedAt",
+        header: () => "Last Updated",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "id",
+        header: () => "Actions",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: e, row: s }) => _(U, {
+          row: s,
+          data: e.getValue(),
+          onLink: a
+        })
+      }
+    ];
+    return (e, s) => {
+      const k = f("FmSearch");
+      return m(), x(E, {
+        title: "Terminals",
+        loading: !1
+      }, {
+        default: C(() => [
+          c("div", j, [
+            c("div", q, [
+              l(k, {
+                "model-value": p(t),
+                "onUpdate:modelValue": s[0] || (s[0] = (u) => $(t) ? t.value = u : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Terminals ..."
+              }, null, 8, ["model-value"])
+            ])
+          ]),
+          l(Y, {
+            ref_key: "controller",
+            ref: i,
+            "column-defs": B,
+            "rows-defs": w,
+            paginate: (u, A) => p(h).read({ searchKey: p(t), limit: u, cursor: A })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/TerminalTransaction-CtVBUTMg.js

@@ -0,0 +1,240 @@
+import { defineComponent as A, resolveComponent as m, openBlock as g, createBlock as h, unref as s, normalizeClass as O, withCtx as y, createElementVNode as _, toDisplayString as E, ref as v, watch as N, createVNode as d, isRef as f, h as x } from "vue";
+import { c as o, g as D, b as k } from "./index-DvzXwr90.js";
+import { h as T } from "./moment-h96o7c8I.js";
+import { u as K } from "./index-B8_4waUa.js";
+import { _ as V } from "./index.vue_vue_type_script_setup_true_lang-y4tchjya.js";
+import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import "@feedmepos/ui-library";
+import { g as L } from "./assets-CZ2m5tCN.js";
+import { d as B } from "./dinero-CIVmXLL-.js";
+const P = /* @__PURE__ */ A({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (a, n) => {
+      const r = m("FmThumbnail");
+      return g(), h(r, {
+        src: s(L)(a.row.original.gateway),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), $ = /* @__PURE__ */ A({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    const a = i;
+    function n() {
+      return a.data === o.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === o.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === o.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (r, c) => {
+      const u = m("FmBadge");
+      return g(), h(u, {
+        inline: "",
+        class: O(n())
+      }, {
+        default: y(() => [
+          _("div", null, E(r.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), U = {
+  async readTransactions(i) {
+    return D(
+      await k().get("/payments/terminal-transactions", {
+        params: i
+      })
+    );
+  }
+}, Y = { class: "flex justify-between mb-6 items-start" }, G = { class: "flex space-x-4 items-start" }, Q = { class: "flex space-x-4" }, te = /* @__PURE__ */ A({
+  __name: "TerminalTransaction",
+  setup(i) {
+    const a = v(), { dateRange: n, status: r, searchKey: c } = K({
+      searchKey: "",
+      status: [o.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: T().startOf("day").toISOString(),
+        endDate: T().endOf("day").toISOString()
+      }
+    });
+    N([n, r], () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.refreshQuery();
+    });
+    let u;
+    N(c, async () => {
+      u && clearTimeout(u), u = setTimeout(
+        () => {
+          var e;
+          return (e = a.value) == null ? void 0 : e.refreshQuery();
+        },
+        700
+      );
+    });
+    const w = [
+      {
+        label: "Success",
+        value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], R = function(e) {
+      const t = e;
+      let p = "-";
+      return t.details.amount && (p = B(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: T(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        amount: p
+      };
+    }, C = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => x(P, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => x($, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, t) => {
+      const p = m("FmSearch"), I = m("FmSelect"), S = m("FmDateRangePicker"), F = m("FmButton");
+      return g(), h(M, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: y(() => [
+          _("div", Y, [
+            _("div", G, [
+              d(p, {
+                "model-value": s(c),
+                "onUpdate:modelValue": t[0] || (t[0] = (l) => f(c) ? c.value = l : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              d(I, {
+                modelValue: s(r),
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => f(r) ? r.value = l : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: w
+              }, null, 8, ["modelValue"]),
+              d(S, {
+                modelValue: s(n),
+                "onUpdate:modelValue": t[2] || (t[2] = (l) => f(n) ? n.value = l : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _("div", Q, [
+              d(F, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: () => {
+                }
+              })
+            ])
+          ]),
+          d(V, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": C,
+            "rows-defs": R,
+            paginate: (l, b) => s(U).readTransactions({
+              status: s(r),
+              searchKey: s(c),
+              limit: l,
+              cursor: b,
+              start: s(n).startDate,
+              end: s(n).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  te as default
+};

package/dist/Transaction-CvDEP2Uq.js

@@ -0,0 +1,242 @@
+import { defineComponent as _, resolveComponent as c, openBlock as f, createBlock as g, normalizeClass as I, withCtx as E, createElementVNode as T, toDisplayString as D, unref as u, ref as A, h as S, onMounted as O, watch as C, createVNode as y, isRef as N } from "vue";
+import { t as K, a as R } from "./transaction-fdJNol6A.js";
+import { e as F, u as V } from "./index-DvzXwr90.js";
+import "@feedmepos/ui-library";
+import "./dinero-CIVmXLL-.js";
+import { h as b } from "./moment-h96o7c8I.js";
+import { g as k, a as P } from "./assets-CZ2m5tCN.js";
+import { useCoreStore as B } from "@feedmepos/mf-common";
+import { u as L } from "./index-B8_4waUa.js";
+import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+const U = /* @__PURE__ */ _({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    const t = i;
+    function a() {
+      return t.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : t.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : t.data === F.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (r, d) => {
+      const o = c("FmBadge");
+      return f(), g(o, {
+        inline: "",
+        class: I(a())
+      }, {
+        default: E(() => [
+          T("div", null, D(r.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), $ = /* @__PURE__ */ _({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (t, a) => {
+      const r = c("FmThumbnail");
+      return f(), g(r, {
+        src: u(k)(t.row.original.gateway),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), G = /* @__PURE__ */ _({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (t, a) => {
+      const r = c("FmThumbnail");
+      return f(), g(r, {
+        src: u(P)(t.row.original.method.issuer),
+        class: "mr-2 border-transparent w-[32px] h-[32px]"
+      }, null, 8, ["src"]);
+    };
+  }
+}), Y = /* @__PURE__ */ _({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(i, { emit: t }) {
+    const a = i, r = t, d = A(""), o = [
+      {
+        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 ? S($, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? S(G, { 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 }) => S(U, { 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 x = c("FmTable");
+      return f(), g(x, {
+        modelValue: d.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => d.value = l),
+        "column-defs": o,
+        "row-data": a.data,
+        loading: a.loading,
+        onRowClick: e[1] || (e[1] = (l) => r("row-click", a.data.at(l.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), q = { class: "flex justify-between mb-6 items-center" }, J = { class: "flex space-x-4" }, j = { class: "flex space-x-4" }, re = /* @__PURE__ */ _({
+  __name: "Transaction",
+  setup(i) {
+    const { dateRange: t, searchKey: a } = L({
+      searchKey: "",
+      dateRange: {
+        startDate: b().startOf("day").toISOString(),
+        endDate: b().endOf("day").toISOString()
+      }
+    }), { isLoading: r, startAsyncCall: d } = V(!0);
+    B();
+    const o = A([]), n = A([]);
+    async function e() {
+      await d(async () => {
+        const { startDate: h, endDate: s } = t.value, m = await K.readTransactions({
+          start: h,
+          end: s
+        });
+        if (o.value = R(m), n.value = o.value, a.value > "") {
+          var w = new RegExp(a.value, "i");
+          n.value = o.value.filter((v) => {
+            const p = JSON.stringify(v);
+            return w.test(p);
+          });
+        }
+      });
+    }
+    function x() {
+      e();
+    }
+    O(x);
+    let l;
+    return C(a, async () => {
+      l && clearTimeout(l), l = setTimeout(() => {
+        var h = new RegExp(a.value, "i");
+        n.value = o.value.filter((s) => {
+          const m = JSON.stringify(s);
+          return h.test(m);
+        });
+      }, 700);
+    }), (h, s) => {
+      const m = c("FmSearch"), w = c("FmDateRangePicker"), v = c("FmButton");
+      return f(), g(M, {
+        title: "Transactions",
+        loading: u(r)
+      }, {
+        default: E(() => [
+          T("div", q, [
+            T("div", J, [
+              y(m, {
+                "model-value": u(a),
+                "onUpdate:modelValue": s[0] || (s[0] = (p) => N(a) ? a.value = p : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              y(w, {
+                modelValue: u(t),
+                "onUpdate:modelValue": [
+                  s[1] || (s[1] = (p) => N(t) ? t.value = p : null),
+                  e
+                ],
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            T("div", j, [
+              y(v, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: () => {
+                }
+              })
+            ])
+          ]),
+          y(Y, {
+            loading: u(r),
+            data: n.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  re as default
+};