@feedmepos/mf-payment 0.0.0-beta.9 → 1.0.0-beta.2

package/dist/TerminalTransaction-B2RjE2Y0.js

@@ -0,0 +1,435 @@
+import { defineComponent as b, openBlock as y, createElementBlock as I, unref as l, createCommentVNode as q, createElementVNode as w, resolveComponent as g, createBlock as C, normalizeClass as K, withCtx as h, toDisplayString as k, createVNode as m, Fragment as $, renderList as P, ref as L, watch as v, isRef as x, h as A } from "vue";
+import { c as f } from "./index-CWaKb7bG.js";
+import { h as S } from "./moment-h96o7c8I.js";
+import { u as B } from "./index-7KNaibcq.js";
+import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-JdAFa8vy.js";
+import { _ as U } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { useSnackbar as Y, useDialog as Q } from "@feedmepos/ui-library";
+import { g as W } from "./assets-NrCec-W0.js";
+import { E as j, t as N } from "./index-DbJpbpSs.js";
+import { d as z } from "./dinero-CIVmXLL-.js";
+import { _ as H } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as J } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { useRouter as X } from "vue-router";
+import { w as Z } from "./Modal-DB8M9o1T.js";
+import { u as F } from "./error-K1CakhA9.js";
+import { _ as ee } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+const te = { class: "flex" }, ae = ["src"], ne = ["src"], re = /* @__PURE__ */ b({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(T) {
+    return (n, d) => (y(), I("div", te, [
+      n.row.original.ecrGateway ? (y(), I("img", {
+        key: 0,
+        class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: l(j)
+      }, null, 8, ae)) : q("", !0),
+      w("img", {
+        class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: l(W)(n.row.original.gateway)
+      }, null, 8, ne)
+    ]));
+  }
+}), oe = /* @__PURE__ */ b({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(T) {
+    const n = T;
+    function d() {
+      return n.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : n.data === f.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (o, i) => {
+      const s = g("FmBadge");
+      return y(), C(s, {
+        inline: "",
+        class: K(d())
+      }, {
+        default: h(() => [
+          w("div", null, k(o.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), se = /* @__PURE__ */ b({
+  __name: "RouteCell",
+  props: {
+    data: {},
+    route: {}
+  },
+  setup(T) {
+    const n = T, d = X();
+    function o() {
+      d.push(n.route);
+    }
+    return (i, s) => (y(), I("div", {
+      class: "fm-typo-en-link-md-600",
+      onClick: s[0] || (s[0] = (u) => {
+        u.stopPropagation(), o();
+      })
+    }, k(i.data), 1));
+  }
+}), le = /* @__PURE__ */ b({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function }
+  },
+  setup(T) {
+    const n = [
+      {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      }
+    ];
+    return (d, o) => {
+      const i = g("FmIcon"), s = g("FmMenuItem"), u = g("FmMenu");
+      return y(), I("div", {
+        onClick: o[0] || (o[0] = (c) => {
+          c.stopPropagation();
+        })
+      }, [
+        m(u, null, {
+          "menu-button": h(() => [
+            m(i, { name: "settings" })
+          ]),
+          default: h(() => [
+            (y(), I($, null, P(n, (c) => m(s, {
+              selectable: !0,
+              key: c.label,
+              sublabel: c.sublabel,
+              label: c.label,
+              icon: c.icon,
+              onclick: () => d.onAction(c.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ie = { class: "flex justify-between mb-6 items-start" }, ce = { class: "flex space-x-4 items-start" }, ue = { class: "flex space-x-4" }, Re = /* @__PURE__ */ b({
+  __name: "TerminalTransaction",
+  setup(T) {
+    const n = Y(), d = Q(), o = L(), { dateRange: i, status: s, searchKey: u } = B({
+      searchKey: "",
+      status: [f.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: S().startOf("day").toISOString(),
+        endDate: S().endOf("day").toISOString()
+      }
+    });
+    v([i, s], () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.reset();
+    });
+    let c;
+    v(u, async () => {
+      c && clearTimeout(c), c = setTimeout(
+        () => {
+          var e;
+          return (e = o.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    async function E(e) {
+      var r, p, _;
+      const t = (p = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : p.at(e);
+      if (!t) {
+        n.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      if (!t.refId) {
+        n.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Transaction isn't a valid transaction to perform query"
+        });
+        return;
+      }
+      try {
+        const a = await N.queryTransaction(t._id);
+        (_ = o.value) == null || _.replaceData(e, a), n.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (a) {
+        n.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: F(a)
+        });
+      }
+    }
+    async function O(e) {
+      var r, p;
+      const t = (p = (r = o.value) == null ? void 0 : r.pageData()) == null ? void 0 : p.at(e);
+      if (!t) {
+        n.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      if (!t.refId) {
+        n.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Transaction isn't a valid transaction to perform refund"
+        });
+        return;
+      }
+      Z(
+        d,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          var _;
+          try {
+            const a = await N.refundTransaction({
+              transactionId: t._id,
+              reason: "portal transaction refund",
+              amount: t.details.amount
+            });
+            (_ = o.value) == null || _.replaceData(e, a), n.open({
+              type: "success",
+              title: "Transaction queried and updated successfully."
+            });
+          } catch (a) {
+            n.open({
+              type: "error",
+              title: "Fail to query transaction.",
+              message: F(a)
+            });
+          }
+        }
+      );
+    }
+    const R = [
+      {
+        label: "Success",
+        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: f.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], D = function(e) {
+      const t = e;
+      let r = "-";
+      return t.details && t.details.amount && (r = z(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        orderId: e.orderId,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: S(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        ecrGateway: e.ecrGateway,
+        amount: r
+      };
+    }, V = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => A(J, { data: e.getValue() })
+      },
+      {
+        accessorKey: "orderId",
+        header: () => "Pay 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 }) => A(re, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "right",
+          maxWidth: "132px"
+        },
+        cell: ({ cell: e, row: t }) => A(oe, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e, row: t }) => {
+          const r = e.getValue();
+          return A(se, {
+            data: r,
+            route: {
+              name: "mf-payment-admin.terminal-setting",
+              params: { terminalId: r }
+            }
+          });
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: e }) => {
+          if (e.original.gateway === "ScanPay")
+            return A(le, {
+              onAction: (t) => {
+                const r = e.index;
+                switch (t) {
+                  case "query":
+                    return E(r);
+                  case "refund":
+                    return O(r);
+                }
+              }
+            });
+        }
+      }
+    ];
+    return (e, t) => {
+      const r = g("FmSearch"), p = g("FmSelect"), _ = g("FmSimpleDateRangePicker");
+      return y(), C(U, {
+        title: "Offline Transactions",
+        loading: !1
+      }, {
+        default: h(() => [
+          w("div", ie, [
+            w("div", ce, [
+              m(r, {
+                "model-value": l(u),
+                "onUpdate:modelValue": t[0] || (t[0] = (a) => x(u) ? u.value = a : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              m(p, {
+                modelValue: l(s),
+                "onUpdate:modelValue": t[2] || (t[2] = (a) => x(s) ? s.value = a : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: R
+              }, {
+                "prepend-menu": h(() => [
+                  m(ee, {
+                    modelValue: l(s),
+                    "onUpdate:modelValue": t[1] || (t[1] = (a) => x(s) ? s.value = a : null),
+                    items: R
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              m(_, {
+                modelValue: l(i),
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => x(i) ? i.value = a : null),
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            w("div", ue, [
+              m(H, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  var a;
+                  return l(N).downloadTransactions(await ((a = o.value) == null ? void 0 : a.allData()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          m(G, {
+            ref_key: "controller",
+            ref: o,
+            "column-defs": V,
+            "rows-defs": D,
+            onRowClick: t[4] || (t[4] = () => {
+            }),
+            paginate: (a, M) => l(N).readTransactions({
+              status: l(s),
+              searchKey: l(u),
+              limit: a,
+              cursor: M,
+              start: l(i).startDate,
+              end: l(i).endDate
+            })
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Re as default
+};

package/dist/TerminalTransaction-CCfrLWpi.js

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