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

package/dist/AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js

@@ -0,0 +1,28 @@
+import { defineComponent as i, openBlock as c, createElementBlock as l, toDisplayString as s } from "vue";
+import { c as m } from "./clipboard-4jh1WteU.js";
+import { useSnackbar as d } from "@feedmepos/ui-library";
+const u = /* @__PURE__ */ i({
+  __name: "AutoCopyCell",
+  props: {
+    data: {}
+  },
+  setup(p) {
+    const o = p, t = d();
+    function r() {
+      try {
+        m(o.data), t.open({ title: "Text copied to clipboard." }, 1e3);
+      } catch {
+        t.open({ title: "Clipboard API incompatible." }, 1e3);
+      }
+      o.data;
+    }
+    return (a, e) => (c(), l("div", {
+      onClick: e[0] || (e[0] = (n) => {
+        n.stopPropagation(), r();
+      })
+    }, s(a.data), 1));
+  }
+});
+export {
+  u as _
+};

package/dist/{PayoutAccount-DEEuJq8a.js → PayoutAccount-6kS5Xjs8.js}

@@ -1,11 +1,11 @@
 import { defineComponent as b, resolveComponent as m, openBlock as g, createBlock as h, normalizeClass as N, withCtx as f, createElementVNode as P, toDisplayString as C, createVNode as c, computed as x, ref as E, watch as F, unref as l, isRef as k, h as w } from "vue";
-import { u as S } from "./index-ByCQqfan.js";
-import { _ as O } from "./index-CkIbCIHJ.js";
+import { u as S } from "./index-Bvb4T6xz.js";
+import { _ as O } from "./index-_qikPh5K.js";
 import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
-import { P as V } from "./payout-account-Bj0y4ywE.js";
-import { p as D } from "./index-CpIkc_Lq.js";
+import { P as V } from "./payout-account-BQmBfucp.js";
+import { p as D } from "./index-CDgQhs3k.js";
 import "@feedmepos/ui-library";
-import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-sNgZ-dwX.js";
+import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-CfU6stly.js";
 import { useRouter as $ } from "vue-router";
 const G = /* @__PURE__ */ b({
   __name: "Status",

package/dist/{PayoutAccount-Fg0fD2z1.js → PayoutAccount-BYNRryiW.js}

@@ -1,9 +1,9 @@
 import { defineComponent as F, ref as P, reactive as k, computed as Z, watch as y, resolveComponent as i, openBlock as c, createBlock as Y, withCtx as X, createElementVNode as g, createVNode as u, unref as n, createCommentVNode as v, createElementBlock as p, normalizeClass as N, toDisplayString as R, h as W, onMounted as T, Fragment as L } from "vue";
-import { p as z } from "./index-CpIkc_Lq.js";
-import { _ as I, u as S, e as h } from "./index-CkIbCIHJ.js";
+import { p as z } from "./index-CDgQhs3k.js";
+import { _ as I, u as S, e as h } from "./index-_qikPh5K.js";
 import { defineStore as _ } from "pinia";
 import { useCoreStore as $ } from "@feedmepos/mf-common";
-import { c as AA, P as j } from "./payout-account-Bj0y4ywE.js";
+import { c as AA, P as j } from "./payout-account-BQmBfucp.js";
 import { useDialogChild as sA, useDialog as eA } from "@feedmepos/ui-library";
 import { z as f, a as q } from "./validator-D5jtpt9A.js";
 import { P as K } from "./PDFViewer-CjH_C1uT.js";

package/dist/{PayoutAccountSetting-D6rCau39.js → PayoutAccountSetting-B26ApwsY.js}

@@ -1,9 +1,9 @@
 import { defineComponent as I, resolveComponent as y, openBlock as b, createElementBlock as G, Fragment as D, createElementVNode as i, createVNode as o, withCtx as w, createTextVNode as x, toDisplayString as S, createCommentVNode as U, createBlock as V, ref as C, watch as K, computed as E, unref as p, isRef as M, h as N, onMounted as O, resolveDynamicComponent as j, normalizeProps as z, mergeProps as H } from "vue";
-import { p as T } from "./index-CpIkc_Lq.js";
-import { g as _, b as B, u as L } from "./index-CkIbCIHJ.js";
+import { p as T } from "./index-CDgQhs3k.js";
+import { g as _, b as B, u as L } from "./index-_qikPh5K.js";
 import { _ as Z } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
 import { useRouter as J } from "vue-router";
-import { u as Q } from "./index-ByCQqfan.js";
+import { u as Q } from "./index-Bvb4T6xz.js";
 import { P as q } from "./PDFViewer-CjH_C1uT.js";
 import { useSnackbar as X } from "@feedmepos/ui-library";
 import { u as Y } from "./error-K1CakhA9.js";

package/dist/{Settlement-KxjeLkyq.js → Settlement-CY0-gXn5.js}

@@ -1,16 +1,17 @@
-import { defineComponent as w, ref as S, computed as D, resolveComponent as h, openBlock as v, createBlock as x, onMounted as A, watch as k, unref as n, withCtx as F, createElementVNode as p, createVNode as i, isRef as C } from "vue";
-import { u as V } from "./index-CkIbCIHJ.js";
+import { defineComponent as w, ref as S, computed as D, resolveComponent as h, openBlock as v, createBlock as x, h as A, onMounted as k, watch as F, unref as n, withCtx as V, createElementVNode as p, createVNode as i, isRef as C } from "vue";
+import { u as $ } from "./index-_qikPh5K.js";
 import { h as _ } from "./moment-h96o7c8I.js";
 import { useCoreStore as b } from "@feedmepos/mf-common";
-import { _ as $ } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
-import { s as g } from "./index-eVOVYNBC.js";
+import { _ as I } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { s as g } from "./index-Df0izARr.js";
 import "@feedmepos/ui-library";
 import { d as f } from "./dinero-CIVmXLL-.js";
-import { useRouter as I } from "vue-router";
-import { u as K } from "./index-ByCQqfan.js";
-import { _ as P } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-import { _ as O } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
-const Y = /* @__PURE__ */ w({
+import { _ as K } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+import { useRouter as P } from "vue-router";
+import { u as O } from "./index-Bvb4T6xz.js";
+import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as B } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+const L = /* @__PURE__ */ w({
   __name: "SettlementTable",
   props: {
     data: {
@@ -27,7 +28,8 @@ const Y = /* @__PURE__ */ w({
     const e = y, r = d, s = S(""), c = [
       {
         header: () => "Settlement ID",
-        accessorKey: "id"
+        accessorKey: "id",
+        cell: ({ cell: t }) => A(K, { data: t.getValue() })
       },
       {
         header: () => "Created At",
@@ -67,15 +69,15 @@ const Y = /* @__PURE__ */ w({
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
-}), B = { class: "flex justify-between items-center mb-6" }, L = { class: "flex space-x-8 items-center" }, M = { class: "flex space-x-4 items-center" }, X = /* @__PURE__ */ w({
+}), M = { class: "flex justify-between items-center mb-6" }, T = { class: "flex space-x-8 items-center" }, q = { class: "flex space-x-4 items-center" }, te = /* @__PURE__ */ w({
   __name: "Settlement",
   setup(y) {
-    const d = I(), { dateRange: e } = K({
+    const d = P(), { dateRange: e } = O({
       dateRange: {
         startDate: _().startOf("day").toISOString(),
         endDate: _().endOf("day").toISOString()
       }
-    }), { isLoading: r, startAsyncCall: s } = V(!0), { currentRestaurant: c } = b(), l = S([]);
+    }), { isLoading: r, startAsyncCall: s } = $(!0), { currentRestaurant: c } = b(), l = S([]);
     async function t() {
       await s(async () => {
         const m = await g.readRestaurantSettlements(
@@ -90,17 +92,17 @@ const Y = /* @__PURE__ */ w({
     function o() {
       t();
     }
-    return A(o), k(c, o), (m, a) => {
+    return k(o), F(c, o), (m, a) => {
       const R = h("FmDateRangePicker");
-      return v(), x($, {
+      return v(), x(I, {
         title: "Settlements",
         description: "Settlements are the finalization of financial transactions, transferring funds to complete payments.",
         loading: n(r)
       }, {
-        default: F(() => [
-          p("div", B, [
-            p("div", L, [
-              i(O),
+        default: V(() => [
+          p("div", M, [
+            p("div", T, [
+              i(B),
               i(R, {
                 modelValue: n(e),
                 "onUpdate:modelValue": [
@@ -111,8 +113,8 @@ const Y = /* @__PURE__ */ w({
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            p("div", M, [
-              i(P, {
+            p("div", q, [
+              i(Y, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
@@ -127,7 +129,7 @@ const Y = /* @__PURE__ */ w({
               }, null, 8, ["handler"])
             ])
           ]),
-          i(Y, {
+          i(L, {
             loading: n(r),
             data: l.value,
             onRowClick: a[1] || (a[1] = (u) => n(d).push({
@@ -144,5 +146,5 @@ const Y = /* @__PURE__ */ w({
   }
 });
 export {
-  X as default
+  te as default
 };

package/dist/{Settlement-DO3KQc7V.js → Settlement-DTE8p3LA.js}

@@ -1,14 +1,15 @@
-import { defineComponent as w, ref as v, computed as S, resolveComponent as h, openBlock as x, createBlock as D, watch as A, onMounted as k, unref as o, withCtx as F, createElementVNode as u, createVNode as p, isRef as R } from "vue";
-import { u as V } from "./index-CkIbCIHJ.js";
+import { defineComponent as w, ref as h, computed as S, resolveComponent as v, openBlock as x, createBlock as D, h as A, watch as k, onMounted as F, unref as o, withCtx as R, createElementVNode as u, createVNode as p, isRef as V } from "vue";
+import { u as b } from "./index-_qikPh5K.js";
 import { h as _ } from "./moment-h96o7c8I.js";
-import { s as g } from "./index-eVOVYNBC.js";
+import { s as g } from "./index-Df0izARr.js";
 import "@feedmepos/ui-library";
 import { d as f } from "./dinero-CIVmXLL-.js";
-import { useRouter as b } from "vue-router";
-import { _ as C } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
-import { u as $ } from "./index-ByCQqfan.js";
-import { _ as I } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-const K = /* @__PURE__ */ w({
+import { _ as C } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+import { useRouter as $ } from "vue-router";
+import { _ as I } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import { u as K } from "./index-Bvb4T6xz.js";
+import { _ as P } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+const B = /* @__PURE__ */ w({
   __name: "SettlementTable",
   props: {
     data: {
@@ -22,10 +23,11 @@ const K = /* @__PURE__ */ w({
   },
   emits: ["row-click"],
   setup(y, { emit: l }) {
-    const r = y, d = l, m = v(""), e = [
+    const r = y, d = l, m = h(""), e = [
       {
         header: () => "Settlement ID",
-        accessorKey: "id"
+        accessorKey: "id",
+        cell: ({ cell: t }) => A(C, { data: t.getValue() })
       },
       {
         header: () => "Created At",
@@ -54,7 +56,7 @@ const K = /* @__PURE__ */ w({
       payout: f(t.totalPayout).toFormat("$0.00")
     })));
     return (t, a) => {
-      const n = h("FmTable");
+      const n = v("FmTable");
       return x(), D(n, {
         modelValue: m.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => m.value = s),
@@ -65,16 +67,16 @@ const K = /* @__PURE__ */ w({
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
-}), P = { class: "flex justify-between items-center mb-6" }, B = { class: "flex space-x-4 items-center" }, O = { class: "flex space-x-4 items-center" }, z = /* @__PURE__ */ w({
+}), O = { class: "flex justify-between items-center mb-6" }, Y = { class: "flex space-x-4 items-center" }, L = { class: "flex space-x-4 items-center" }, J = /* @__PURE__ */ w({
   __name: "Settlement",
   setup(y) {
-    const { isLoading: l, startAsyncCall: r } = V(!0), d = v([]), m = b(), { dateRange: e } = $({
+    const { isLoading: l, startAsyncCall: r } = b(!0), d = h([]), m = $(), { dateRange: e } = K({
       dateRange: {
         startDate: _().startOf("day").toISOString(),
         endDate: _().endOf("day").toISOString()
       }
     });
-    A(e, i);
+    k(e, i);
     async function i() {
       await r(async () => {
         const a = await g.readByDate(
@@ -89,24 +91,24 @@ const K = /* @__PURE__ */ w({
     function t() {
       i();
     }
-    return k(t), (a, n) => {
-      const s = h("FmDateRangePicker");
-      return x(), D(C, {
+    return F(t), (a, n) => {
+      const s = v("FmDateRangePicker");
+      return x(), D(I, {
         title: "Settlements",
         loading: o(l)
       }, {
-        default: F(() => [
-          u("div", P, [
-            u("div", B, [
+        default: R(() => [
+          u("div", O, [
+            u("div", Y, [
               p(s, {
                 modelValue: o(e),
-                "onUpdate:modelValue": n[0] || (n[0] = (c) => R(e) ? e.value = c : null),
+                "onUpdate:modelValue": n[0] || (n[0] = (c) => V(e) ? e.value = c : null),
                 compare: "",
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            u("div", O, [
-              p(I, {
+            u("div", L, [
+              p(P, {
                 button: {
                   appendIcon: "file_download",
                   variant: "primary",
@@ -121,7 +123,7 @@ const K = /* @__PURE__ */ w({
               }, null, 8, ["handler"])
             ])
           ]),
-          p(K, {
+          p(B, {
             loading: o(l),
             data: d.value,
             onRowClick: n[1] || (n[1] = (c) => o(m).push({
@@ -138,5 +140,5 @@ const K = /* @__PURE__ */ w({
   }
 });
 export {
-  z as default
+  J as default
 };

package/dist/{SettlementTransactions-BHm0Xr73.js → SettlementTransactions-BJlBWR1G.js}

@@ -1,12 +1,12 @@
 import { defineComponent as T, resolveComponent as g, openBlock as F, createBlock as P, normalizeClass as z, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as c, ref as _, onMounted as G, watch as $, createVNode as a, createTextVNode as i, h as C } from "vue";
-import { e as E, u as j } from "./index-CkIbCIHJ.js";
+import { e as E, u as j } from "./index-_qikPh5K.js";
 import "@feedmepos/ui-library";
 import { d as h } from "./dinero-CIVmXLL-.js";
-import { g as Y, a as H } from "./assets-CLiVU4As.js";
-import { t as q, a as J } from "./transaction-C1MtaXOd.js";
+import { g as Y, a as H } from "./assets-BmFExmpA.js";
+import { t as q, a as J } from "./transaction-B5QUg556.js";
 import { _ as Q } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
 import { useRouter as W } from "vue-router";
-import { s as X } from "./index-eVOVYNBC.js";
+import { s as X } from "./index-Df0izARr.js";
 import { useCoreStore as Z } from "@feedmepos/mf-common";
 const ee = /* @__PURE__ */ T({
   __name: "Status",

package/dist/{SettlementTransactions-D8SewaiK.js → SettlementTransactions-C4tIk6nO.js}

@@ -1,12 +1,12 @@
 import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as k, normalizeClass as j, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as p, ref as T, onMounted as Y, watch as H, createVNode as n, createTextVNode as i, h as N } from "vue";
-import { e as E, u as q } from "./index-CkIbCIHJ.js";
+import { e as E, u as q } from "./index-_qikPh5K.js";
 import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
 import { d as B } from "./dinero-CIVmXLL-.js";
-import { g as W, a as X } from "./assets-CLiVU4As.js";
-import { t as P, a as Z } from "./transaction-C1MtaXOd.js";
+import { g as W, a as X } from "./assets-BmFExmpA.js";
+import { t as P, a as Z } from "./transaction-B5QUg556.js";
 import { _ as ee } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
 import { useRouter as te } from "vue-router";
-import { s as ae } from "./index-eVOVYNBC.js";
+import { s as ae } from "./index-Df0izARr.js";
 import { u as ne } from "./error-K1CakhA9.js";
 import { w as oe } from "./Modal-DB8M9o1T.js";
 const re = /* @__PURE__ */ w({

package/dist/Terminal-C4gOl3zs.js

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