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

package/dist/Terminal-68OQnhM3.js

@@ -0,0 +1,372 @@
+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 { u as N } from "./error-K1CakhA9.js";
+import { z as P, a as R } 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({
+  __name: "TerminalBindCodeDialog",
+  props: {
+    code: {
+      type: String,
+      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)
+    ]));
+  }
+}), oe = /* @__PURE__ */ x({
+  __name: "ID",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    const n = y, o = $();
+    function r() {
+      return n.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    function l() {
+      try {
+        J(n.data), o.open({ title: "Text copied to clipboard." }, 1e3);
+      } catch {
+        o.open({ title: "Clipboard API incompatible." }, 1e3);
+      }
+      n.data;
+    }
+    return (s, a) => {
+      const d = p("FmBadge");
+      return f(), B("div", {
+        onClick: a[0] || (a[0] = (_) => {
+          _.stopPropagation(), l();
+        })
+      }, [
+        v(d, {
+          inline: "",
+          class: O(r())
+        }, {
+          default: V(() => [
+            h("div", null, U(s.data), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]);
+    };
+  }
+}), ae = { class: "flex" }, re = /* @__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, {
+          key: 0,
+          variant: "plain",
+          "prepend-icon": "link",
+          onClick: l[0] || (l[0] = (a) => {
+            a.stopPropagation(), o("link");
+          })
+        })) : I("", !0),
+        r.data.deviceType === "TERMINAL" && r.data.deviceId ? (f(), g(s, {
+          key: 1,
+          variant: "plain",
+          "prepend-icon": "link_off",
+          onClick: l[1] || (l[1] = (a) => {
+            a.stopPropagation(), o("unlink");
+          })
+        })) : I("", !0),
+        v(s, {
+          variant: "plain",
+          "prepend-icon": "edit",
+          onClick: l[2] || (l[2] = (a) => {
+            a.stopPropagation(), o("edit");
+          })
+        })
+      ]);
+    };
+  }
+}), le = /* @__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
+    })));
+    return (b, u) => {
+      const e = p("FmSelect"), t = p("FmTextField"), m = p("FmSwitch"), C = p("FmButton"), S = p("FmForm");
+      return f(), g(S, {
+        ref: l.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");
+        })
+      }, {
+        default: V(() => [
+          n.terminal ? I("", !0) : (f(), g(e, {
+            key: 0,
+            modelValue: a.value,
+            "onUpdate:modelValue": u[0] || (u[0] = (i) => a.value = i),
+            label: "Restaurant",
+            items: _.value,
+            rules: c(P)(c(R).string())
+          }, null, 8, ["modelValue", "items", "rules"])),
+          v(t, {
+            modelValue: s.value,
+            "onUpdate:modelValue": u[1] || (u[1] = (i) => s.value = i),
+            label: "Terminal Name",
+            rules: c(P)(c(R).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),
+            label: "Status"
+          }, null, 8, ["modelValue"])) : I("", !0),
+          v(C, {
+            type: "submit",
+            label: "Create"
+          })
+        ]),
+        _: 1
+      }, 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({
+  __name: "Terminal",
+  setup(y) {
+    const n = k(), { searchKey: o, deviceType: r } = j({
+      searchKey: "",
+      deviceType: void 0
+    });
+    D(r, () => {
+      var e;
+      return (e = n.value) == null ? void 0 : e.reset();
+    });
+    let l;
+    D(o, async () => {
+      l && clearTimeout(l), l = setTimeout(
+        () => {
+          var e;
+          return (e = n.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const s = Z(), a = H(), d = $();
+    async function _(e) {
+      X(
+        a,
+        "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({
+              type: "success",
+              message: "Terminal unbind successfully"
+            });
+          } catch (m) {
+            d.open({
+              type: "error",
+              title: "Error occurs when unbind terminal",
+              message: N(m)
+            });
+          }
+        }
+      );
+    }
+    async function w(e) {
+      const t = await A.getBindCode(e);
+      a.open({
+        title: "Terminal Bind Code",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: ne,
+        contentComponentProps: { code: t }
+      });
+    }
+    async function T(e) {
+      a.open({
+        title: e ? "Update Terminal" : "Create New Terminal",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: le,
+        contentComponentProps: { terminal: e }
+      }).onPrimary(async (t) => {
+        var m;
+        a.close();
+        try {
+          await A.create(t), (m = n.value) == null || m.reset(), d.open({
+            type: "success",
+            message: e ? "Terminal udpated successfully" : "Terminal created successfully."
+          });
+        } catch (C) {
+          d.open({
+            type: "error",
+            title: "Error occurs when create terminal",
+            message: N(C)
+          });
+        }
+      });
+    }
+    const F = function(e) {
+      return {
+        id: e._id,
+        status: e.status,
+        referenceId: e.referenceId,
+        name: e.name,
+        deviceId: e.deviceId,
+        deviceType: e.deviceType,
+        updatedAt: Y(e.updatedAt).format("YYYY-MM-DD hh:mm:ss")
+      };
+    }, b = [
+      {
+        accessorKey: "id",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "right"
+        },
+        cell: ({ cell: e, row: t }) => E(oe, { 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 m;
+          const t = (m = n.value) == null ? void 0 : m.pageData().at(e.index);
+          return E(re, {
+            data: t,
+            onLink: () => w(t._id),
+            onUnlink: () => _(t._id),
+            onEdit: () => T(t)
+          });
+        }
+      }
+    ], u = [
+      {
+        label: "POS",
+        value: "POS"
+      },
+      {
+        label: "KIOSK",
+        value: "KIOSK"
+      },
+      {
+        label: "TERMINAL",
+        value: "TERMINAL"
+      }
+    ];
+    return (e, t) => {
+      const m = p("FmSearch"), C = p("FmSelect"), S = p("FmButton");
+      return f(), g(Q, {
+        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),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Terminals ..."
+              }, null, 8, ["model-value"]),
+              v(C, {
+                modelValue: c(r),
+                "onUpdate:modelValue": t[1] || (t[1] = (i) => K(r) ? r.value = i : null),
+                class: "ml-6 w-[180px]",
+                label: "Device",
+                items: u
+              }, null, 8, ["modelValue"])
+            ]),
+            h("div", ce, [
+              v(S, {
+                label: "Create",
+                icon: "add",
+                onClick: t[2] || (t[2] = () => T())
+              })
+            ])
+          ]),
+          v(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({
+              name: "mf-payment-admin.terminal-setting",
+              params: {
+                terminalId: i._id
+              }
+            }))
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  xe as default
+};