@feedmepos/mf-payment 0.0.0-beta.14 → 0.0.0-beta.16

package/dist/TerminalTransaction-DYlm_3zt.js

@@ -0,0 +1,230 @@
+import { defineComponent as T, openBlock as g, createElementBlock as E, unref as r, resolveComponent as d, createBlock as x, normalizeClass as v, withCtx as w, createElementVNode as p, toDisplayString as b, ref as D, watch as h, createVNode as i, isRef as f, h as N } from "vue";
+import { c as o } from "./index-BBTjdV3w.js";
+import { h as A } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-Bboaan5m.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-CcT6hjAl.js";
+import { _ as V } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import "@feedmepos/ui-library";
+import { g as M } from "./assets-DB7pg43Y.js";
+import { t as B } from "./index-BVmZTFl8.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+const $ = ["src"], P = /* @__PURE__ */ T({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    return (a, n) => (g(), E("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r(M)(a.row.original.gateway)
+    }, null, 8, $));
+  }
+}), U = /* @__PURE__ */ T({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    const a = _;
+    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 (s, c) => {
+      const m = d("FmBadge");
+      return g(), x(m, {
+        inline: "",
+        class: v(n())
+      }, {
+        default: w(() => [
+          p("div", null, b(s.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), Y = { class: "flex justify-between mb-6 items-start" }, G = { class: "flex space-x-4 items-start" }, W = { class: "flex space-x-4" }, ae = /* @__PURE__ */ T({
+  __name: "TerminalTransaction",
+  setup(_) {
+    const a = D(), { dateRange: n, status: s, searchKey: c } = k({
+      searchKey: "",
+      status: [o.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: A().startOf("day").toISOString(),
+        endDate: A().endOf("day").toISOString()
+      }
+    });
+    h([n, s], () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.reset();
+    });
+    let m;
+    h(c, async () => {
+      m && clearTimeout(m), m = setTimeout(
+        () => {
+          var e;
+          return (e = a.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const y = [
+      {
+        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 u = "-";
+      return t.details.amount && (u = L(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: A(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        amount: u
+      };
+    }, 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 }) => N(P, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => N(U, { 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 u = d("FmSearch"), I = d("FmSelect"), S = d("FmDateRangePicker"), F = d("FmButton");
+      return g(), x(V, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: w(() => [
+          p("div", Y, [
+            p("div", G, [
+              i(u, {
+                "model-value": r(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"]),
+              i(I, {
+                modelValue: r(s),
+                "onUpdate:modelValue": t[1] || (t[1] = (l) => f(s) ? s.value = l : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: y
+              }, null, 8, ["modelValue"]),
+              i(S, {
+                modelValue: r(n),
+                "onUpdate:modelValue": t[2] || (t[2] = (l) => f(n) ? n.value = l : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            p("div", W, [
+              i(F, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: () => {
+                }
+              })
+            ])
+          ]),
+          i(K, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": C,
+            "rows-defs": R,
+            paginate: (l, O) => r(B).readTransactions({
+              status: r(s),
+              searchKey: r(c),
+              limit: l,
+              cursor: O,
+              start: r(n).startDate,
+              end: r(n).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ae as default
+};

package/dist/Transaction-CHHwlo39.js

@@ -0,0 +1,242 @@
+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 D, 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-CSqbF07L.js";
+import { e as S, u as P } from "./index-BBTjdV3w.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-DB7pg43Y.js";
+import { useCoreStore as M } from "@feedmepos/mf-common";
+import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { u as G } from "./index-Bboaan5m.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(), D("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(), D("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 O = JSON.stringify(m);
+            return v.test(O);
+          });
+        }
+      });
+    }
+    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: "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
+};