@feedmepos/mf-payment 1.0.2-beta.1 → 1.0.2-beta.2

package/dist/{Terminal-D-U0BVTe.js → Terminal-nWQ95k-W.js}

@@ -1,18 +1,19 @@
-import { defineComponent as x, openBlock as f, createElementBlock as B, createTextVNode as O, createElementVNode as h, toDisplayString as $, resolveComponent as p, createVNode as y, normalizeClass as z, withCtx as V, createBlock as g, createCommentVNode as F, ref as k, computed as Y, unref as c, watch as K, isRef as P, h as E } from "vue";
+import { defineComponent as h, openBlock as g, createElementBlock as V, createTextVNode as M, createElementVNode as x, toDisplayString as L, resolveComponent as f, createVNode as v, normalizeClass as z, withCtx as B, createBlock as b, createCommentVNode as F, ref as C, computed as Y, unref as m, watch as K, isRef as P, h as E } from "vue";
 import "./index-1fXAFo2E.js";
-import { h as j } from "./moment-h96o7c8I.js";
-import { u as q } from "./index-DdJrUqkm.js";
-import { _ as Q } from "./index.vue_vue_type_script_setup_true_lang-GT2x04Bn.js";
-import { _ as G } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { h as q } from "./moment-h96o7c8I.js";
+import { u as j } from "./index-DdJrUqkm.js";
+import { _ as G } from "./index.vue_vue_type_script_setup_true_lang-GT2x04Bn.js";
+import { _ as Q } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
 import { useSnackbar as D, useDialogChild as H, useDialog as J } from "@feedmepos/ui-library";
 import { t as A } from "./index-DeU3Qyca.js";
-import { c as M } from "./clipboard-4jh1WteU.js";
+import { c as O } from "./clipboard-4jh1WteU.js";
+import { g as W } from "./grafana-CqkYm_ru.js";
 import { u as N } from "./error-K1CakhA9.js";
 import { z as R, a as U } from "./validator-D5jtpt9A.js";
-import { useCoreStore as W } from "@feedmepos/mf-common";
-import { w as X } from "./Modal-DB8M9o1T.js";
-import { useRouter as Z } from "vue-router";
-const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
+import { useCoreStore as X } from "@feedmepos/mf-common";
+import { w as Z } from "./Modal-DB8M9o1T.js";
+import { useRouter as ee } from "vue-router";
+const te = { class: "t-caption" }, ne = /* @__PURE__ */ h({
   __name: "TerminalBindCodeDialog",
   props: {
     code: {
@@ -20,145 +21,162 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
       required: !0
     }
   },
-  setup(v) {
-    const n = v, a = D();
+  setup(y) {
+    const o = y, i = D();
     function r() {
       try {
-        M(n.code), a.open({ title: "Text copied to clipboard." }, 1e3);
+        O(o.code), i.open({ title: "Text copied to clipboard." }, 1e3);
       } catch {
-        a.open({ title: "Clipboard API incompatible." }, 1e3);
+        i.open({ title: "Clipboard API incompatible." }, 1e3);
       }
     }
-    return (i, l) => (f(), B("div", ee, [
-      l[1] || (l[1] = O(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ")),
-      h("div", {
+    return (d, a) => (g(), V("div", te, [
+      a[1] || (a[1] = M(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ")),
+      x("div", {
         class: "my-6 text-center fm-typo-en-title-md-800 tracking-[0.3rem] cursor-pointer hover:text-fm-color-neutral-gray-300",
-        onClick: l[0] || (l[0] = (o) => {
-          o.stopPropagation(), r();
+        onClick: a[0] || (a[0] = (n) => {
+          n.stopPropagation(), r();
         })
-      }, $(v.code), 1)
+      }, L(y.code), 1)
     ]));
   }
-}), ne = /* @__PURE__ */ x({
+}), oe = /* @__PURE__ */ h({
   __name: "ID",
   props: {
     row: {},
     data: {}
   },
-  setup(v) {
-    const n = v, a = D();
+  setup(y) {
+    const o = y, i = D();
     function r() {
-      return n.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+      return o.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
     }
-    function i() {
+    function d() {
       try {
-        M(n.data), a.open({ title: "Text copied to clipboard." }, 1e3);
+        O(o.data), i.open({ title: "Text copied to clipboard." }, 1e3);
       } catch {
-        a.open({ title: "Clipboard API incompatible." }, 1e3);
+        i.open({ title: "Clipboard API incompatible." }, 1e3);
       }
-      n.data;
+      o.data;
     }
-    return (l, o) => {
-      const d = p("FmBadge");
-      return f(), B("div", {
-        onClick: o[0] || (o[0] = (_) => {
-          _.stopPropagation(), i();
+    return (a, n) => {
+      const l = f("FmBadge");
+      return g(), V("div", {
+        onClick: n[0] || (n[0] = (s) => {
+          s.stopPropagation(), d();
         })
       }, [
-        y(d, {
+        v(l, {
           inline: "",
           class: z(r())
         }, {
-          default: V(() => [
-            h("div", null, $(l.data), 1)
+          default: B(() => [
+            x("div", null, L(a.data), 1)
           ]),
           _: 1
         }, 8, ["class"])
       ]);
     };
   }
-}), oe = { class: "flex" }, ae = /* @__PURE__ */ x({
+}), ae = { class: "flex" }, re = /* @__PURE__ */ h({
   __name: "Actions",
   props: {
     data: {}
   },
   emits: ["link", "unlink", "edit"],
-  setup(v, { emit: n }) {
-    const a = n;
-    return (r, i) => {
-      const l = p("FmButton");
-      return f(), B("div", oe, [
-        r.data.deviceType === "TERMINAL" && !r.data.deviceId ? (f(), g(l, {
+  setup(y, { emit: o }) {
+    const i = y, r = o;
+    function d() {
+      const a = W([
+        {
+          type: "span",
+          queryKey: "terminal.id",
+          queryValue: i.data._id
+        }
+      ]);
+      window.open(a, "_blank");
+    }
+    return (a, n) => {
+      const l = f("FmButton");
+      return g(), V("div", ae, [
+        v(l, {
+          variant: "plain",
+          "prepend-icon": "history",
+          onClick: n[0] || (n[0] = (s) => {
+            s.stopPropagation(), d();
+          })
+        }),
+        a.data.deviceType === "TERMINAL" && !a.data.deviceId ? (g(), b(l, {
           key: 0,
           variant: "plain",
           "prepend-icon": "link",
-          onClick: i[0] || (i[0] = (o) => {
-            o.stopPropagation(), a("link");
+          onClick: n[1] || (n[1] = (s) => {
+            s.stopPropagation(), r("link");
           })
         })) : F("", !0),
-        r.data.deviceType === "TERMINAL" && r.data.deviceId ? (f(), g(l, {
+        a.data.deviceType === "TERMINAL" && a.data.deviceId ? (g(), b(l, {
           key: 1,
           variant: "plain",
           "prepend-icon": "link_off",
-          onClick: i[1] || (i[1] = (o) => {
-            o.stopPropagation(), a("unlink");
+          onClick: n[2] || (n[2] = (s) => {
+            s.stopPropagation(), r("unlink");
           })
         })) : F("", !0),
-        y(l, {
+        v(l, {
           variant: "plain",
           "prepend-icon": "edit",
-          onClick: i[2] || (i[2] = (o) => {
-            o.stopPropagation(), a("edit");
+          onClick: n[3] || (n[3] = (s) => {
+            s.stopPropagation(), r("edit");
           })
         })
       ]);
     };
   }
-}), re = /* @__PURE__ */ x({
+}), ie = /* @__PURE__ */ h({
   __name: "TerminalDialog",
   props: {
     terminal: {
       type: Object
     }
   },
-  setup(v) {
-    var w, b, I;
-    const n = v, a = W(), r = H(), i = k(), l = k((w = n.terminal) == null ? void 0 : w.name), o = k((b = n.terminal) == null ? void 0 : b.referenceId), d = k(((I = n.terminal) == null ? void 0 : I.status) === "Active"), _ = Y(() => a.restaurants.value.map((T) => ({
+  setup(y) {
+    var w, _, I;
+    const o = y, i = X(), r = H(), d = C(), a = C((w = o.terminal) == null ? void 0 : w.name), n = C((_ = o.terminal) == null ? void 0 : _.referenceId), l = C(((I = o.terminal) == null ? void 0 : I.status) === "Active"), s = Y(() => i.restaurants.value.map((T) => ({
       label: T.profile.name,
       value: T._id
     })));
-    return (T, u) => {
-      const e = p("FmSelect"), t = p("FmTextField"), m = p("FmSwitch"), C = p("FmButton"), S = p("FmForm");
-      return f(), g(S, {
-        ref: i.value,
+    return (T, p) => {
+      const e = f("FmSelect"), t = f("FmTextField"), u = f("FmSwitch"), k = f("FmButton"), S = f("FmForm");
+      return g(), b(S, {
+        ref: d.value,
         class: "flex flex-col gap-16 mb-6",
-        onValidationSuccess: u[3] || (u[3] = () => {
-          c(r).emitData({ name: l.value, referenceId: o.value, status: d.value ? "Active" : "Inactive" }), c(r).emitAction("primary");
+        onValidationSuccess: p[3] || (p[3] = () => {
+          m(r).emitData({ name: a.value, referenceId: n.value, status: l.value ? "Active" : "Inactive" }), m(r).emitAction("primary");
         })
       }, {
-        default: V(() => [
-          n.terminal ? F("", !0) : (f(), g(e, {
+        default: B(() => [
+          o.terminal ? F("", !0) : (g(), b(e, {
             key: 0,
-            modelValue: o.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (s) => o.value = s),
+            modelValue: n.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (c) => n.value = c),
             label: "Restaurant",
             "helper-text": "If you can't find the restaurant please change the business to the restaurant's business.",
-            items: _.value,
-            rules: c(R)(c(U).string())
+            items: s.value,
+            rules: m(R)(m(U).string())
           }, null, 8, ["modelValue", "items", "rules"])),
-          y(t, {
-            modelValue: l.value,
-            "onUpdate:modelValue": u[1] || (u[1] = (s) => l.value = s),
+          v(t, {
+            modelValue: a.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (c) => a.value = c),
             label: "Terminal Name",
-            rules: c(R)(c(U).string())
+            rules: m(R)(m(U).string())
           }, null, 8, ["modelValue", "rules"]),
-          n.terminal ? (f(), g(m, {
+          o.terminal ? (g(), b(u, {
             key: 1,
-            modelValue: d.value,
-            "onUpdate:modelValue": u[2] || (u[2] = (s) => d.value = s),
+            modelValue: l.value,
+            "onUpdate:modelValue": p[2] || (p[2] = (c) => l.value = c),
             label: "Status"
           }, null, 8, ["modelValue"])) : F("", !0),
-          y(C, {
+          v(k, {
             type: "submit",
             label: "Create"
           })
@@ -167,45 +185,45 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
       }, 512);
     };
   }
-}), le = { class: "flex justify-between mb-6 items-center" }, ie = { class: "flex space-x-4" }, se = { class: "flex space-x-4" }, he = /* @__PURE__ */ x({
+}), le = { class: "flex justify-between mb-6 items-center" }, se = { class: "flex space-x-4" }, ce = { class: "flex space-x-4" }, we = /* @__PURE__ */ h({
   __name: "Terminal",
-  setup(v) {
-    const n = k(), { searchKey: a, deviceType: r } = q({
+  setup(y) {
+    const o = C(), { searchKey: i, deviceType: r } = j({
       searchKey: "",
       deviceType: void 0
     });
     K(r, () => {
       var e;
-      return (e = n.value) == null ? void 0 : e.reset();
+      return (e = o.value) == null ? void 0 : e.reset();
     });
-    let i;
-    K(a, async () => {
-      i && clearTimeout(i), i = setTimeout(
+    let d;
+    K(i, async () => {
+      d && clearTimeout(d), d = setTimeout(
         () => {
           var e;
-          return (e = n.value) == null ? void 0 : e.reset();
+          return (e = o.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
-    const l = Z(), o = J(), d = D();
-    async function _(e) {
-      X(
-        o,
+    const a = ee(), n = J(), l = D();
+    async function s(e) {
+      Z(
+        n,
         "Terminal Unbind",
         "Are you sure to unbind terminal from device? This action cannot be revert and device will be logged out!",
         async () => {
           var t;
           try {
-            await A.unbind(e), (t = n.value) == null || t.reset(), d.open({
+            await A.unbind(e), (t = o.value) == null || t.reset(), l.open({
               type: "success",
               message: "Terminal unbind successfully"
             });
-          } catch (m) {
-            d.open({
+          } catch (u) {
+            l.open({
               type: "error",
               title: "Error occurs when unbind terminal",
-              message: N(m)
+              message: N(u)
             });
           }
         }
@@ -213,34 +231,34 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
     }
     async function w(e) {
       const t = await A.getBindCode(e);
-      o.open({
+      n.open({
         title: "Terminal Bind Code",
         closeButton: !0,
         overlay: !0,
-        contentComponent: te,
+        contentComponent: ne,
         contentComponentProps: { code: t }
       });
     }
-    async function b(e) {
-      o.open({
+    async function _(e) {
+      n.open({
         title: e ? "Update Terminal" : "Create New Terminal",
         closeButton: !0,
         overlay: !0,
-        contentComponent: re,
+        contentComponent: ie,
         contentComponentProps: { terminal: e }
       }).onPrimary(async (t) => {
-        var m;
-        o.close();
+        var u;
+        n.close();
         try {
-          await A.create(t), (m = n.value) == null || m.reset(), d.open({
+          await A.create(t), (u = o.value) == null || u.reset(), l.open({
             type: "success",
             message: e ? "Terminal udpated successfully" : "Terminal created successfully."
           });
-        } catch (C) {
-          d.open({
+        } catch (k) {
+          l.open({
             type: "error",
             title: "Error occurs when create terminal",
-            message: N(C)
+            message: N(k)
           });
         }
       });
@@ -253,7 +271,7 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
         name: e.name,
         deviceId: e.deviceId,
         deviceType: e.deviceType,
-        updatedAt: j(e.updatedAt).format("YYYY-MM-DD hh:mm:ss")
+        updatedAt: q(e.updatedAt).format("YYYY-MM-DD hh:mm:ss")
       };
     }, T = [
       {
@@ -262,7 +280,7 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
         meta: {
           textAlign: "right"
         },
-        cell: ({ cell: e, row: t }) => E(ne, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => E(oe, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "deviceType",
@@ -306,17 +324,17 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
           textAlign: "center"
         },
         cell: ({ row: e }) => {
-          var m;
-          const t = (m = n.value) == null ? void 0 : m.pageData().at(e.index);
-          return E(ae, {
+          var u;
+          const t = (u = o.value) == null ? void 0 : u.pageData().at(e.index);
+          return E(re, {
             data: t,
             onLink: () => w(t._id),
-            onUnlink: () => _(t._id),
-            onEdit: () => b(t)
+            onUnlink: () => s(t._id),
+            onEdit: () => _(t)
           });
         }
       }
-    ], u = [
+    ], p = [
       {
         label: "POS",
         value: "POS"
@@ -331,47 +349,47 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
       }
     ];
     return (e, t) => {
-      const m = p("FmSearch"), C = p("FmSelect"), S = p("FmButton");
-      return f(), g(G, {
+      const u = f("FmSearch"), k = f("FmSelect"), S = f("FmButton");
+      return g(), b(Q, {
         title: "Terminals",
         loading: !1
       }, {
-        default: V(() => [
-          h("div", le, [
-            h("div", ie, [
-              y(m, {
-                "model-value": c(a),
-                "onUpdate:modelValue": t[0] || (t[0] = (s) => P(a) ? a.value = s : null),
+        default: B(() => [
+          x("div", le, [
+            x("div", se, [
+              v(u, {
+                "model-value": m(i),
+                "onUpdate:modelValue": t[0] || (t[0] = (c) => P(i) ? i.value = c : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search Terminals ..."
               }, null, 8, ["model-value"]),
-              y(C, {
-                modelValue: c(r),
-                "onUpdate:modelValue": t[1] || (t[1] = (s) => P(r) ? r.value = s : null),
+              v(k, {
+                modelValue: m(r),
+                "onUpdate:modelValue": t[1] || (t[1] = (c) => P(r) ? r.value = c : null),
                 class: "ml-6 w-[180px]",
                 label: "Device",
-                items: u
+                items: p
               }, null, 8, ["modelValue"])
             ]),
-            h("div", se, [
-              y(S, {
+            x("div", ce, [
+              v(S, {
                 label: "Create",
                 icon: "add",
-                onClick: t[2] || (t[2] = () => b())
+                onClick: t[2] || (t[2] = () => _())
               })
             ])
           ]),
-          y(Q, {
+          v(G, {
             ref_key: "controller",
-            ref: n,
+            ref: o,
             "column-defs": T,
             "rows-defs": I,
-            paginate: (s, L) => c(A).read({ searchKey: c(a), deviceType: c(r), limit: s, cursor: L }),
-            onRowClick: t[3] || (t[3] = (s) => c(l).push({
+            paginate: (c, $) => m(A).read({ searchKey: m(i), deviceType: m(r), limit: c, cursor: $ }),
+            onRowClick: t[3] || (t[3] = (c) => m(a).push({
               name: "mf-payment-admin.terminal-setting",
               params: {
-                terminalId: s._id
+                terminalId: c._id
               }
             }))
           }, null, 8, ["paginate"])
@@ -382,5 +400,5 @@ const ee = { class: "t-caption" }, te = /* @__PURE__ */ x({
   }
 });
 export {
-  he as default
+  we as default
 };