@feedmepos/mf-payment 0.0.0-beta.2 → 0.0.0-beta.21

package/dist/TerminalSetting-CIFHaoHX.js

@@ -0,0 +1,176 @@
+import { defineComponent as k, openBlock as y, createElementBlock as K, Fragment as C, createElementVNode as s, createTextVNode as w, toDisplayString as F, ref as f, onMounted as T, resolveComponent as c, createBlock as V, withCtx as U, createVNode as d, computed as D, unref as p, isRef as N, resolveDynamicComponent as E, normalizeProps as $, mergeProps as L, createCommentVNode as M } from "vue";
+import { u as P } from "./index-CkIbCIHJ.js";
+import { useRouter as j } from "vue-router";
+import { t as I } from "./index-DvsSYfvP.js";
+import { _ as A } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { u as O } from "./index-ByCQqfan.js";
+import { useSnackbar as R } from "@feedmepos/ui-library";
+import { u as z } from "./error-K1CakhA9.js";
+const G = /* @__PURE__ */ k({
+  __name: "Information",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    return (o, e) => (y(), K(C, null, [
+      e[0] || (e[0] = s("b", null, "Name", -1)),
+      w(": " + F(l.terminal.name), 1),
+      e[1] || (e[1] = s("br", null, null, -1)),
+      e[2] || (e[2] = s("b", null, "Status", -1)),
+      w(": " + F(l.terminal.status), 1),
+      e[3] || (e[3] = s("br", null, null, -1)),
+      e[4] || (e[4] = s("b", null, "Device ID", -1)),
+      w(": " + F(l.terminal.deviceId ?? "-"), 1),
+      e[5] || (e[5] = s("br", null, null, -1))
+    ], 64));
+  }
+}), Q = /* @__PURE__ */ k({
+  __name: "Fiuu",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(l) {
+    const o = l, e = f(), v = f(!0), n = f({
+      uniqueId: "",
+      merchantId: "",
+      secretKey: "",
+      verifyKey: ""
+    });
+    return T(() => {
+      if (!o.terminal.gateways)
+        return;
+      const u = o.terminal.gateways.find((t) => t && t.gateway && t.gateway === "Fiuu");
+      u && u.gateway === "Fiuu" && u.config && (v.value = !1, n.value = u.config);
+    }), (u, t) => {
+      const r = c("FmTextField"), g = c("FmButton"), b = c("FmForm");
+      return y(), V(b, {
+        ref: e.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: t[4] || (t[4] = () => {
+          l.terminal.gateways[0] = { gateway: "Fiuu", config: n.value }, o.onUpdate(l.terminal);
+        })
+      }, {
+        default: U(() => [
+          d(r, {
+            modelValue: n.value.uniqueId,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value.uniqueId = a),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.merchantId,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => n.value.merchantId = a),
+            label: "Merchant ID"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.secretKey,
+            "onUpdate:modelValue": t[2] || (t[2] = (a) => n.value.secretKey = a),
+            label: "Secret Key"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.verifyKey,
+            "onUpdate:modelValue": t[3] || (t[3] = (a) => n.value.verifyKey = a),
+            label: "Verify key"
+          }, null, 8, ["modelValue"]),
+          d(g, {
+            type: "submit",
+            label: "Save"
+          })
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ee = /* @__PURE__ */ k({
+  __name: "TerminalSetting",
+  props: {
+    terminalId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(l) {
+    const o = l, { tab: e } = O({
+      tab: "information"
+    }), { isLoading: v, startAsyncCall: n } = P(!0), u = j(), t = R(), r = f();
+    async function g(i) {
+      try {
+        await I.updateById(
+          o.terminalId,
+          {
+            name: i.name,
+            status: i.status,
+            gateway: i.gateways[0]
+          }
+        ), r.value = await I.readById(o.terminalId), t.open({
+          type: "success",
+          message: "Terminal updated successfully"
+        });
+      } catch (m) {
+        t.open({
+          type: "error",
+          title: "Error occurs when update terminal",
+          message: z(m)
+        });
+      }
+    }
+    async function b() {
+      n(async () => {
+        r.value = await I.readById(o.terminalId);
+      });
+    }
+    T(b);
+    const a = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: G
+      },
+      {
+        label: "Fiuu",
+        value: "fiuu",
+        icon: "payment",
+        render: Q
+      }
+    ], x = D(() => {
+      var i;
+      return (i = a.find((m) => m.value === e.value)) == null ? void 0 : i.render;
+    });
+    return (i, m) => {
+      var B;
+      const q = c("FmTabs");
+      return y(), V(A, {
+        title: `Terminal (${(B = r.value) == null ? void 0 : B._id})`,
+        loading: p(v),
+        onBack: p(u).back
+      }, {
+        default: U(() => [
+          d(q, {
+            "model-value": p(e),
+            "onUpdate:modelValue": m[0] || (m[0] = (S) => N(e) ? e.value = S : null),
+            class: "mb-6",
+            items: a
+          }, null, 8, ["model-value"]),
+          p(e) ? (y(), V(E(x.value), $(L({ key: 0 }, {
+            terminal: r.value,
+            onUpdate: g
+          })), null, 16)) : M("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  ee as default
+};

package/dist/TerminalTransaction-B2PFfPKP.js

@@ -0,0 +1,234 @@
+import { defineComponent as T, openBlock as g, createElementBlock as v, unref as r, resolveComponent as d, createBlock as w, normalizeClass as b, withCtx as y, createElementVNode as p, toDisplayString as D, ref as k, watch as N, createVNode as c, isRef as f, h } from "vue";
+import { c as s } from "./index-CkIbCIHJ.js";
+import { h as A } from "./moment-h96o7c8I.js";
+import { u as K } from "./index-ByCQqfan.js";
+import { _ as V } from "./index.vue_vue_type_script_setup_true_lang-sNgZ-dwX.js";
+import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import "@feedmepos/ui-library";
+import { g as B } from "./assets-CLiVU4As.js";
+import { t as x } from "./index-DVSsAdF3.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+import { _ as $ } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+const P = ["src"], U = /* @__PURE__ */ T({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    return (a, o) => (g(), v("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r(B)(a.row.original.gateway)
+    }, null, 8, P));
+  }
+}), Y = /* @__PURE__ */ T({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(_) {
+    const a = _;
+    function o() {
+      return a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === s.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (l, m) => {
+      const i = d("FmBadge");
+      return g(), w(i, {
+        inline: "",
+        class: b(o())
+      }, {
+        default: y(() => [
+          p("div", null, D(l.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), G = { class: "flex justify-between mb-6 items-start" }, W = { class: "flex space-x-8 items-start" }, j = { class: "flex space-x-4" }, re = /* @__PURE__ */ T({
+  __name: "TerminalTransaction",
+  setup(_) {
+    const a = k(), { dateRange: o, status: l, searchKey: m } = K({
+      searchKey: "",
+      status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: A().startOf("day").toISOString(),
+        endDate: A().endOf("day").toISOString()
+      }
+    });
+    N([o, l], () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.reset();
+    });
+    let i;
+    N(m, async () => {
+      i && clearTimeout(i), i = setTimeout(
+        () => {
+          var e;
+          return (e = a.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const R = [
+      {
+        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
+      }
+    ], C = 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
+      };
+    }, S = [
+      {
+        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 }) => h(U, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => h(Y, { 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"), F = d("FmDateRangePicker"), O = d("FmButton");
+      return g(), w(M, {
+        title: "Terminal Transactions",
+        loading: !1
+      }, {
+        default: y(() => [
+          p("div", G, [
+            p("div", W, [
+              c($),
+              c(u, {
+                "model-value": r(m),
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => f(m) ? m.value = n : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              c(I, {
+                modelValue: r(l),
+                "onUpdate:modelValue": t[1] || (t[1] = (n) => f(l) ? l.value = n : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: R
+              }, null, 8, ["modelValue"]),
+              c(F, {
+                modelValue: r(o),
+                "onUpdate:modelValue": t[2] || (t[2] = (n) => f(o) ? o.value = n : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            p("div", j, [
+              c(O, {
+                "append-icon": "file_download",
+                variant: "primary",
+                label: "Export",
+                onClick: t[3] || (t[3] = () => {
+                  var n;
+                  return r(x).downloadRestaurantTransactionReport(((n = a.value) == null ? void 0 : n.data()) ?? []);
+                })
+              })
+            ])
+          ]),
+          c(V, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": S,
+            "rows-defs": C,
+            paginate: (n, E) => r(x).readRestaurantTransactions({
+              status: r(l),
+              searchKey: r(m),
+              limit: n,
+              cursor: E,
+              start: r(o).startDate,
+              end: r(o).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  re as default
+};

package/dist/{TerminalTransaction-CtVBUTMg.js → TerminalTransaction-CnfWv95d.js}

@@ -1,85 +1,75 @@
-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 { 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-CkIbCIHJ.js";
+import { h as A } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-ByCQqfan.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-sNgZ-dwX.js";
+import { _ as V } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.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({
+import { g as M } from "./assets-CLiVU4As.js";
+import { t as B } from "./index-DVSsAdF3.js";
+import { d as L } from "./dinero-CIVmXLL-.js";
+const $ = ["src"], P = /* @__PURE__ */ T({
   __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"]);
-    };
+  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, $));
   }
-}), $ = /* @__PURE__ */ A({
+}), U = /* @__PURE__ */ T({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(i) {
-    const a = i;
+  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 (r, c) => {
-      const u = m("FmBadge");
-      return g(), h(u, {
+    return (s, c) => {
+      const m = d("FmBadge");
+      return g(), x(m, {
         inline: "",
-        class: O(n())
+        class: v(n())
       }, {
-        default: y(() => [
-          _("div", null, E(r.data.toUpperCase()), 1)
+        default: w(() => [
+          p("div", null, b(s.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({
+}), 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(i) {
-    const a = v(), { dateRange: n, status: r, searchKey: c } = K({
+  setup(_) {
+    const a = D(), { dateRange: n, status: s, searchKey: c } = k({
       searchKey: "",
       status: [o.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: T().startOf("day").toISOString(),
-        endDate: T().endOf("day").toISOString()
+        startDate: A().startOf("day").toISOString(),
+        endDate: A().endOf("day").toISOString()
       }
     });
-    N([n, r], () => {
+    h([n, s], () => {
       var e;
-      return (e = a.value) == null ? void 0 : e.refreshQuery();
+      return (e = a.value) == null ? void 0 : e.reset();
     });
-    let u;
-    N(c, async () => {
-      u && clearTimeout(u), u = setTimeout(
+    let m;
+    h(c, async () => {
+      m && clearTimeout(m), m = setTimeout(
         () => {
           var e;
-          return (e = a.value) == null ? void 0 : e.refreshQuery();
+          return (e = a.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
-    const w = [
+    const y = [
       {
         label: "Success",
         value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.success
@@ -98,16 +88,16 @@ const P = /* @__PURE__ */ A({
       }
     ], R = function(e) {
       const t = e;
-      let p = "-";
-      return t.details.amount && (p = B(t.details.amount).toFormat("$0.00")), {
+      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: T(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: A(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
-        amount: p
+        amount: u
       };
     }, C = [
       {
@@ -131,7 +121,7 @@ const P = /* @__PURE__ */ A({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => x(P, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => N(P, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -140,7 +130,7 @@ const P = /* @__PURE__ */ A({
           textAlign: "left",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => x($, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => N(U, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -172,39 +162,39 @@ const P = /* @__PURE__ */ A({
       }
     ];
     return (e, t) => {
-      const p = m("FmSearch"), I = m("FmSelect"), S = m("FmDateRangePicker"), F = m("FmButton");
-      return g(), h(M, {
+      const u = d("FmSearch"), I = d("FmSelect"), S = d("FmDateRangePicker"), F = d("FmButton");
+      return g(), x(V, {
         title: "Terminal Transactions",
         loading: !1
       }, {
-        default: y(() => [
-          _("div", Y, [
-            _("div", G, [
-              d(p, {
-                "model-value": s(c),
+        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"]),
-              d(I, {
-                modelValue: s(r),
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => f(r) ? r.value = l : null),
+              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: w
+                items: y
               }, null, 8, ["modelValue"]),
-              d(S, {
-                modelValue: s(n),
+              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"])
             ]),
-            _("div", Q, [
-              d(F, {
+            p("div", W, [
+              i(F, {
                 "append-icon": "file_download",
                 variant: "primary",
                 label: "Export",
@@ -213,18 +203,18 @@ const P = /* @__PURE__ */ A({
               })
             ])
           ]),
-          d(V, {
+          i(K, {
             ref_key: "controller",
             ref: a,
             "column-defs": C,
             "rows-defs": R,
-            paginate: (l, b) => s(U).readTransactions({
-              status: s(r),
-              searchKey: s(c),
+            paginate: (l, O) => r(B).readTransactions({
+              status: r(s),
+              searchKey: r(c),
               limit: l,
-              cursor: b,
-              start: s(n).startDate,
-              end: s(n).endDate
+              cursor: O,
+              start: r(n).startDate,
+              end: r(n).endDate
             }),
             onRowClick: () => {
             }
@@ -236,5 +226,5 @@ const P = /* @__PURE__ */ A({
   }
 });
 export {
-  te as default
+  ae as default
 };