@feedmepos/mf-payment 1.0.0 → 1.0.1

package/dist/{Terminal-68OQnhM3.js → Terminal-DX8v8WpM.js}

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