@feedmepos/mf-payment 1.0.17-beta.1 → 1.0.18-beta.1

package/dist/Terminal-C0Irg7I_.js

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

package/dist/{TerminalSetting-BciOf47B.js → TerminalSetting-mMj1OSGc.js}

@@ -1,9 +1,9 @@
 import { defineComponent as T, openBlock as b, createElementBlock as N, Fragment as Y, createElementVNode as g, createTextVNode as V, toDisplayString as S, toRef as M, ref as F, watch as D, onMounted as G, computed as O, resolveComponent as f, unref as _, createVNode as I, createBlock as x, withCtx as q, createCommentVNode as B, isRef as h, resolveDynamicComponent as L, normalizeProps as j, mergeProps as z } from "vue";
-import { u as R, e as U } from "./index-D7Uh09kd.js";
+import { u as R, e as U } from "./index-CC8HNMje.js";
 import { useRouter as E } from "vue-router";
-import { t as C } from "./index-BC85ddk1.js";
+import { t as C } from "./index-9a-RyWYf.js";
 import { _ as A } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as H } from "./index-CtVHR2Os.js";
+import { u as H } from "./index-DueuWuxx.js";
 import { useSnackbar as Q } from "@feedmepos/ui-library";
 import { u as J } from "./error-K1CakhA9.js";
 import { z as W, a as X } from "./validator-D5jtpt9A.js";