@feedmepos/mf-payment 1.0.18 → 1.0.19

package/dist/TerminalTransaction-BbrpviyU.js

@@ -0,0 +1,333 @@
+import { defineComponent as I, resolveComponent as _, openBlock as f, createElementBlock as C, Fragment as S, createVNode as l, withCtx as u, unref as m, createCommentVNode as D, createElementVNode as d, createBlock as x, normalizeClass as O, toDisplayString as M, ref as V, watch as w, isRef as g, h as A } from "vue";
+import { c as s } from "./index-DkrN-Env.js";
+import { h as N } from "./moment-h96o7c8I.js";
+import { u as $ } from "./index-b9spwt9h.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-PXRIoJh6.js";
+import "@feedmepos/ui-library";
+import { g as Y, a as k } from "./assets-DhDHTnmn.js";
+import { E as L, t as R } from "./index-hisS88O8.js";
+import { d as P } 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 q } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { _ as U } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+import { _ as W } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+import { _ as j } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-p4qddIbp.js";
+import { useCoreStore as H } from "@feedmepos/mf-common";
+const z = ["src"], Q = ["src"], J = /* @__PURE__ */ I({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(T) {
+    return (t, i) => {
+      const r = _("FmTooltip");
+      return f(), C(S, null, [
+        l(r, {
+          variant: "plain",
+          placement: "top",
+          content: "ECR Terminal",
+          "hide-arrow": !0
+        }, {
+          default: u(() => [
+            t.row.original.ecrGateway ? (f(), C("img", {
+              key: 0,
+              class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+              src: m(L)
+            }, null, 8, z)) : D("", !0)
+          ]),
+          _: 1
+        }),
+        l(r, {
+          variant: "plain",
+          placement: "top",
+          content: t.row.original.gateway,
+          "hide-arrow": !0
+        }, {
+          default: u(() => [
+            d("img", {
+              class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
+              src: m(Y)(t.row.original.gateway)
+            }, null, 8, Q)
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ], 64);
+    };
+  }
+}), X = /* @__PURE__ */ I({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(T) {
+    const t = T;
+    function i() {
+      return t.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : t.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : t.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (r, n) => {
+      const c = _("FmBadge");
+      return f(), x(c, {
+        inline: "",
+        class: O(i())
+      }, {
+        default: u(() => [
+          d("div", null, M(r.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), Z = ["src"], ee = /* @__PURE__ */ I({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(T) {
+    return (t, i) => {
+      const r = _("FmTooltip");
+      return f(), x(r, {
+        variant: "plain",
+        placement: "top",
+        content: t.row.original.method,
+        "hide-arrow": !0
+      }, {
+        default: u(() => [
+          d("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: m(k)(t.row.original.method, "")
+          }, null, 8, Z)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
+  }
+}), ae = { class: "flex justify-between mb-6 items-start" }, te = { class: "flex space-x-8 items-start" }, re = { class: "flex space-x-4 self-center" }, oe = { class: "flex space-x-12 mb-6" }, we = /* @__PURE__ */ I({
+  __name: "TerminalTransaction",
+  setup(T) {
+    const t = V(), { currentRestaurant: i } = H(), { dateRange: r, status: n, searchKey: c } = $({
+      searchKey: "",
+      status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: N().startOf("day").format("YYYY-MM-DD"),
+        endDate: N().endOf("day").format("YYYY-MM-DD")
+      }
+    });
+    w([r, n], () => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.reset();
+    }), w(i, () => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.reset();
+    });
+    let y;
+    w(c, async () => {
+      y && clearTimeout(y), y = setTimeout(
+        () => {
+          var e;
+          return (e = t.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const v = [
+      {
+        label: "Success",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], b = function(e) {
+      let a = "-", p = "-";
+      if (e.details) {
+        e.details.amount && (a = P(e.details.amount).toFormat("$0.00"));
+        const h = s.FdoTerminalTransactionWalletDetails.safeParse(e.details);
+        h.success && (p = h.data.method.issuer);
+        const o = s.FdoTerminalTransactionCardDetails.safeParse(e.details);
+        o.success && (p = o.data.cardType);
+      }
+      return {
+        id: e._id,
+        transactionId: e.transactionId,
+        orderId: e.orderId,
+        refId: e.refId,
+        terminalId: e.terminalId,
+        transactionAt: N(e.transactionAt).format("YYYY-MM-DD HH:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: a,
+        method: p,
+        seqNumber: e.seqNumber,
+        error: e.error
+      };
+    }, E = [
+      {
+        accessorKey: "transactionId",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => A(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 }) => A(J, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "method",
+        header: () => "Method",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: a }) => A(ee, { row: a, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right",
+          maxWidth: "132px"
+        },
+        cell: ({ cell: e, row: a }) => A(X, { 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"
+        }
+      }
+    ], F = (e, a) => i.value ? R.readRestaurantTransactions({
+      restaurantId: i.value._id,
+      status: n.value,
+      searchKey: c.value,
+      limit: e,
+      cursor: a,
+      start: r.value.startDate,
+      end: r.value.endDate
+    }) : Promise.resolve({ data: [], meta: { cursor: "" } });
+    return (e, a) => {
+      const p = _("FmSearch"), h = _("FmSelect");
+      return f(), x(q, {
+        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: u(() => [
+          d("div", ae, [
+            d("div", te, [
+              l(j),
+              l(p, {
+                "model-value": m(c),
+                "onUpdate:modelValue": a[0] || (a[0] = (o) => g(c) ? c.value = o : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              l(h, {
+                modelValue: m(n),
+                "onUpdate:modelValue": a[2] || (a[2] = (o) => g(n) ? n.value = o : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: v
+              }, {
+                "prepend-menu": u(() => [
+                  l(U, {
+                    modelValue: m(n),
+                    "onUpdate:modelValue": a[1] || (a[1] = (o) => g(n) ? n.value = o : null),
+                    items: v
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            d("div", re, [
+              l(B, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  var o;
+                  return m(R).downloadTransactions(await ((o = t.value) == null ? void 0 : o.allData()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          d("div", oe, [
+            l(W, {
+              modelValue: m(r),
+              "onUpdate:modelValue": a[3] || (a[3] = (o) => g(r) ? r.value = o : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          l(K, {
+            ref_key: "controller",
+            ref: t,
+            "column-defs": E,
+            "rows-defs": b,
+            paginate: F
+          }, null, 512)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  we as default
+};

package/dist/{Transaction-CXw3jt6f.js → Transaction-BPXBn10N.js}

@@ -1,15 +1,15 @@
 import { defineComponent as D, mergeModels as B, ref as w, computed as R, useModel as q, watch as h, onMounted as O, resolveComponent as S, openBlock as s, createElementBlock as N, Fragment as g, unref as v, createBlock as T, createCommentVNode as P, withCtx as b, createVNode as p, renderList as I, createElementVNode as M, isRef as E } from "vue";
-import { t as U, a as z } from "./transaction-Y5r0QrCZ.js";
-import { u as $, _ as F } from "./index-CsXstZjx.js";
-import { _ as J } from "./TransactionTable.vue_vue_type_script_setup_true_lang-D4QcdL5X.js";
+import { t as U, a as z } from "./transaction-DWwuMk6T.js";
+import { u as $, _ as F } from "./index-DkrN-Env.js";
+import { _ as J } from "./TransactionTable.vue_vue_type_script_setup_true_lang-CCAelE9m.js";
 import { h as Y } from "./moment-h96o7c8I.js";
 import { useCoreStore as L } from "@feedmepos/mf-common";
 import { _ as K } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as j } from "./index-WVDQG4KF.js";
+import { u as j } from "./index-b9spwt9h.js";
 import { _ as G } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as Q } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
 import { _ as H } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { p as W } from "./index-bJOEc7zH.js";
+import { p as W } from "./index-B1JgcLgz.js";
 const X = /* @__PURE__ */ D({
   __name: "PayoutAccountSelector",
   props: /* @__PURE__ */ B({

package/dist/{Transaction-BEtxeY9O.js → Transaction-CVRaWZIu.js}

@@ -1,17 +1,17 @@
 import { defineComponent as b, resolveComponent as g, openBlock as p, createBlock as E, normalizeClass as R, withCtx as T, createElementVNode as h, toDisplayString as V, createElementBlock as A, unref as u, createVNode as d, Fragment as Y, renderList as $, ref as C, watch as x, isRef as N, h as y } from "vue";
-import { t as _, a as P, b as I } from "./transaction-Y5r0QrCZ.js";
+import { t as _, a as P, b as I } from "./transaction-DWwuMk6T.js";
 import { h as w } from "./moment-h96o7c8I.js";
-import { u as L } from "./index-WVDQG4KF.js";
+import { u as L } from "./index-b9spwt9h.js";
 import { _ as B } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
 import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { useSnackbar as G, useDialog as j } from "@feedmepos/ui-library";
 import { w as D } from "./Modal-DB8M9o1T.js";
 import { u as S } from "./error-K1CakhA9.js";
 import { _ as Q } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { g as z } from "./grafana-B-RVxYdP.js";
-import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-DkCV_ODh.js";
-import { e as v } from "./index-CsXstZjx.js";
-import { g as J, a as W } from "./assets-xyh7W1wK.js";
+import { g as z } from "./grafana-DZkWD3p-.js";
+import { _ as H } from "./index.vue_vue_type_script_setup_true_lang-PXRIoJh6.js";
+import { e as v } from "./index-DkrN-Env.js";
+import { g as J, a as W } from "./assets-DhDHTnmn.js";
 import { _ as X } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-CdmfrBoW.js";
 const Z = /* @__PURE__ */ b({
   __name: "Status",

package/dist/{TransactionOld-Xcs-6Z1b.js → TransactionOld-BQwPUyLq.js}

@@ -1,11 +1,11 @@
 import { defineComponent as R, ref as v, onMounted as Y, watch as m, resolveComponent as S, openBlock as b, createBlock as V, unref as r, withCtx as C, createElementVNode as d, createVNode as l, isRef as h } from "vue";
-import { t as y, a as M } from "./transaction-Y5r0QrCZ.js";
-import { u as O } from "./index-CsXstZjx.js";
-import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-D4QcdL5X.js";
+import { t as y, a as M } from "./transaction-DWwuMk6T.js";
+import { u as O } from "./index-DkrN-Env.js";
+import { _ as $ } from "./TransactionTable.vue_vue_type_script_setup_true_lang-CCAelE9m.js";
 import { h as g } from "./moment-h96o7c8I.js";
 import { useCoreStore as k } from "@feedmepos/mf-common";
 import { _ as E } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as N } from "./index-WVDQG4KF.js";
+import { u as N } from "./index-b9spwt9h.js";
 import { _ as L } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as P } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-p4qddIbp.js";
 import { _ as A } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";

package/dist/{TransactionTable.vue_vue_type_script_setup_true_lang-D4QcdL5X.js → TransactionTable.vue_vue_type_script_setup_true_lang-CCAelE9m.js}

@@ -1,10 +1,10 @@
-import { defineComponent as o, resolveComponent as p, openBlock as s, createBlock as _, normalizeClass as f, withCtx as A, createElementVNode as N, toDisplayString as T, createElementBlock as g, unref as h, ref as w, h as u } from "vue";
+import { defineComponent as s, resolveComponent as p, openBlock as i, createBlock as _, normalizeClass as T, withCtx as g, createElementVNode as h, toDisplayString as A, createElementBlock as w, unref as y, ref as N, h as u } from "vue";
 import "@feedmepos/ui-library";
-import { e as m } from "./index-CsXstZjx.js";
+import { e as m } from "./index-DkrN-Env.js";
 import "./dinero-CIVmXLL-.js";
 import "./moment-h96o7c8I.js";
-import { g as x, a as E } from "./assets-xyh7W1wK.js";
-const F = /* @__PURE__ */ o({
+import { g as x, a as E } from "./assets-DhDHTnmn.js";
+const F = /* @__PURE__ */ s({
   __name: "Status",
   props: {
     row: {},
@@ -15,44 +15,57 @@ const F = /* @__PURE__ */ o({
     function r() {
       return t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : t.data === m.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (c, i) => {
+    return (o, c) => {
       const l = p("FmBadge");
-      return s(), _(l, {
+      return i(), _(l, {
         inline: "",
-        class: f(r())
+        class: T(r())
       }, {
-        default: A(() => [
-          N("div", null, T(c.data), 1)
+        default: g(() => [
+          h("div", null, A(o.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), S = ["src"], I = /* @__PURE__ */ o({
+}), S = ["src"], I = /* @__PURE__ */ s({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(n) {
-    return (t, r) => (s(), g("img", {
+    return (t, r) => (i(), w("img", {
       class: "rounded-md m-auto border-transparent object-contain w-[32px] h-[32px]",
-      src: h(x)(t.row.original.gateway)
+      src: y(x)(t.row.original.gateway)
     }, null, 8, S));
   }
-}), b = ["src"], K = /* @__PURE__ */ o({
+}), b = ["src"], K = /* @__PURE__ */ s({
   __name: "Method",
   props: {
     row: {},
     data: {}
   },
   setup(n) {
-    return (t, r) => (s(), g("img", {
-      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: h(E)(t.row.original.method.issuer, t.row.original.method.variant)
-    }, null, 8, b));
+    return (t, r) => {
+      const o = p("FmTooltip");
+      return i(), _(o, {
+        variant: "plain",
+        placement: "top",
+        content: t.row.original.method.issuer,
+        "hide-arrow": !0
+      }, {
+        default: g(() => [
+          h("img", {
+            class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+            src: y(E)(t.row.original.method.issuer, t.row.original.method.variant)
+          }, null, 8, b)
+        ]),
+        _: 1
+      }, 8, ["content"]);
+    };
   }
-}), V = /* @__PURE__ */ o({
+}), V = /* @__PURE__ */ s({
   __name: "TransactionTable",
   props: {
     data: {
@@ -66,7 +79,7 @@ const F = /* @__PURE__ */ o({
   },
   emits: ["row-click"],
   setup(n, { emit: t }) {
-    const r = n, c = t, i = w(""), l = [
+    const r = n, o = t, c = N(""), l = [
       {
         header: () => "Transaction ID",
         accessorKey: "id"
@@ -135,14 +148,14 @@ const F = /* @__PURE__ */ o({
       }
     ];
     return (a, e) => {
-      const y = p("FmTable");
-      return s(), _(y, {
-        modelValue: i.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (d) => i.value = d),
+      const f = p("FmTable");
+      return i(), _(f, {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (d) => c.value = d),
         "column-defs": l,
         "row-data": r.data,
         loading: r.loading,
-        onRowClick: e[1] || (e[1] = (d) => c("row-click", r.data.at(d.index)))
+        onRowClick: e[1] || (e[1] = (d) => o("row-click", r.data.at(d.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }