@feedmepos/mf-payment 1.9.3-dev → 1.9.4-dev

package/dist/{Terminal-ZRi75g3B.js → Terminal-ZLduA0bd.js}

@@ -1,33 +1,33 @@
-import { defineComponent as D, h as E, ref as x, onMounted as ge, watchEffect as pe, Fragment as ie, computed as O, openBlock as I, createElementBlock as X, createElementVNode as S, createTextVNode as te, toDisplayString as se, createVNode as N, resolveComponent as F, normalizeClass as Ce, withCtx as Z, createBlock as U, createCommentVNode as $, unref as T, watch as re, isRef as ye } from "vue";
-import { e as we } from "./index-zzOpgyK_.js";
-import { h as Ee } from "./moment-h96o7c8I.js";
-import { u as Re } from "./index-CAd13T_z.js";
-import { _ as Me } from "./index.vue_vue_type_script_setup_true_lang-DZQR-ukK.js";
-import { _ as Se } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
-import { useSnackbar as J, useDialogChild as be, useDialog as Pe } from "@feedmepos/ui-library";
-import { t as K } from "./index-CGfEnp2P.js";
-import { c as le } from "./clipboard-4jh1WteU.js";
-import { useCoreStore as Ae } from "@feedmepos/mf-common";
-import { g as Te } from "./grafana-BL6EdH24.js";
-import { u as W } from "./error-K1CakhA9.js";
-import { z as ae, a as ne } from "./validator-CTlVogBQ.js";
-import { _ as Ie } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-uhnNKle-.js";
-import { w as oe } from "./Modal-DB8M9o1T.js";
-import { useRouter as Ne } from "vue-router";
+import { defineComponent as z, h as M, ref as _, onMounted as pe, watchEffect as Ce, Fragment as le, computed as U, openBlock as I, createElementBlock as J, createElementVNode as b, createTextVNode as re, toDisplayString as se, createVNode as P, resolveComponent as N, normalizeClass as we, withCtx as q, createBlock as x, createCommentVNode as $, useModel as ye, watch as Z, unref as L, mergeModels as ae, isRef as Ee } from "vue";
+import { e as Se } from "./index-Cj7KUaM0.js";
+import { h as Me } from "./moment-h96o7c8I.js";
+import { u as Re } from "./index-BQijmIi-.js";
+import { _ as be } from "./index.vue_vue_type_script_setup_true_lang-Cz6llWgj.js";
+import { _ as Ae } from "./AdminLayout.vue_vue_type_script_setup_true_lang-0Mf1MhAL.js";
+import { useSnackbar as j, useDialog as Pe } from "@feedmepos/ui-library";
+import { t as K } from "./index-BTMbNw68.js";
+import { c as ue } from "./clipboard-4jh1WteU.js";
+import { useCoreStore as Te } from "@feedmepos/mf-common";
+import { g as Ie } from "./grafana-CuJUDQ26.js";
+import { u as X } from "./error-K1CakhA9.js";
+import { z as ne, a as oe } from "./validator-CTlVogBQ.js";
+import { _ as Ne } from "./AdminRestaurantSelector.vue_vue_type_script_setup_true_lang-Bnn4SxyN.js";
+import { w as ie } from "./Modal-DB8M9o1T.js";
+import { useRouter as _e } from "vue-router";
 /*!
  * qrcode.vue v3.8.0
  * A Vue.js component to generate QRCode. Both support Vue 2 and Vue 3
  * © 2017-PRESENT @scopewu(https://github.com/scopewu)
  * MIT License.
  */
-var b = function() {
-  return b = Object.assign || function(f) {
-    for (var d, s = 1, v = arguments.length; s < v; s++) {
-      d = arguments[s];
-      for (var l in d) Object.prototype.hasOwnProperty.call(d, l) && (f[l] = d[l]);
+var A = function() {
+  return A = Object.assign || function(f) {
+    for (var u, l = 1, v = arguments.length; l < v; l++) {
+      u = arguments[l];
+      for (var d in u) Object.prototype.hasOwnProperty.call(u, d) && (f[d] = u[d]);
     }
     return f;
-  }, b.apply(this, arguments);
+  }, A.apply(this, arguments);
 };
 var Q;
 (function(o) {
@@ -40,17 +40,17 @@ var Q;
         if (n < -1 || n > 7)
           throw new RangeError("Mask value out of range");
         this.size = e * 4 + 17;
-        for (var i = [], u = 0; u < this.size; u++)
+        for (var i = [], s = 0; s < this.size; s++)
           i.push(!1);
-        for (var u = 0; u < this.size; u++)
+        for (var s = 0; s < this.size; s++)
           this.modules.push(i.slice()), this.isFunction.push(i.slice());
         this.drawFunctionPatterns();
         var g = this.addEccAndInterleave(a);
         if (this.drawCodewords(g), n == -1)
-          for (var C = 1e9, u = 0; u < 8; u++) {
-            this.applyMask(u), this.drawFormatBits(u);
-            var c = this.getPenaltyScore();
-            c < C && (n = u, C = c), this.applyMask(u);
+          for (var C = 1e9, s = 0; s < 8; s++) {
+            this.applyMask(s), this.drawFormatBits(s);
+            var w = this.getPenaltyScore();
+            w < C && (n = s, C = w), this.applyMask(s);
           }
         v(0 <= n && n <= 7), this.mask = n, this.applyMask(n), this.drawFormatBits(n), this.isFunction = [];
       }
@@ -60,41 +60,41 @@ var Q;
       }, r.encodeBinary = function(e, t) {
         var a = o.QrSegment.makeBytes(e);
         return r.encodeSegments([a], t);
-      }, r.encodeSegments = function(e, t, a, n, i, u) {
-        if (a === void 0 && (a = 1), n === void 0 && (n = 40), i === void 0 && (i = -1), u === void 0 && (u = !0), !(r.MIN_VERSION <= a && a <= n && n <= r.MAX_VERSION) || i < -1 || i > 7)
+      }, r.encodeSegments = function(e, t, a, n, i, s) {
+        if (a === void 0 && (a = 1), n === void 0 && (n = 40), i === void 0 && (i = -1), s === void 0 && (s = !0), !(r.MIN_VERSION <= a && a <= n && n <= r.MAX_VERSION) || i < -1 || i > 7)
           throw new RangeError("Invalid value");
         var g, C;
         for (g = a; ; g++) {
-          var c = r.getNumDataCodewords(g, t) * 8, h = l.getTotalBits(e, g);
-          if (h <= c) {
-            C = h;
+          var w = r.getNumDataCodewords(g, t) * 8, E = d.getTotalBits(e, g);
+          if (E <= w) {
+            C = E;
             break;
           }
           if (g >= n)
             throw new RangeError("Data too long");
         }
-        for (var p = 0, w = [r.Ecc.MEDIUM, r.Ecc.QUARTILE, r.Ecc.HIGH]; p < w.length; p++) {
-          var y = w[p];
-          u && C <= r.getNumDataCodewords(g, y) * 8 && (t = y);
+        for (var p = 0, h = [r.Ecc.MEDIUM, r.Ecc.QUARTILE, r.Ecc.HIGH]; p < h.length; p++) {
+          var m = h[p];
+          s && C <= r.getNumDataCodewords(g, m) * 8 && (t = m);
         }
-        for (var m = [], R = 0, M = e; R < M.length; R++) {
-          var P = M[R];
-          d(P.mode.modeBits, 4, m), d(P.numChars, P.mode.numCharCountBits(g), m);
-          for (var _ = 0, A = P.getData(); _ < A.length; _++) {
-            var q = A[_];
-            m.push(q);
+        for (var c = [], S = 0, y = e; S < y.length; S++) {
+          var R = y[S];
+          u(R.mode.modeBits, 4, c), u(R.numChars, R.mode.numCharCountBits(g), c);
+          for (var k = 0, T = R.getData(); k < T.length; k++) {
+            var W = T[k];
+            c.push(W);
           }
         }
-        v(m.length == C);
+        v(c.length == C);
         var V = r.getNumDataCodewords(g, t) * 8;
-        v(m.length <= V), d(0, Math.min(4, V - m.length), m), d(0, (8 - m.length % 8) % 8, m), v(m.length % 8 == 0);
-        for (var k = 236; m.length < V; k ^= 253)
-          d(k, 8, m);
-        for (var L = []; L.length * 8 < m.length; )
-          L.push(0);
-        return m.forEach(function(B, z) {
-          return L[z >>> 3] |= B << 7 - (z & 7);
-        }), new r(g, t, L, i);
+        v(c.length <= V), u(0, Math.min(4, V - c.length), c), u(0, (8 - c.length % 8) % 8, c), v(c.length % 8 == 0);
+        for (var F = 236; c.length < V; F ^= 253)
+          u(F, 8, c);
+        for (var O = []; O.length * 8 < c.length; )
+          O.push(0);
+        return c.forEach(function(B, D) {
+          return O[D >>> 3] |= B << 7 - (D & 7);
+        }), new r(g, t, O, i);
       }, r.prototype.getModule = function(e, t) {
         return 0 <= e && e < this.size && 0 <= t && t < this.size && this.modules[t][e];
       }, r.prototype.getModules = function() {
@@ -113,14 +113,14 @@ var Q;
         var i = (t << 10 | a) ^ 21522;
         v(i >>> 15 == 0);
         for (var n = 0; n <= 5; n++)
-          this.setFunctionModule(8, n, s(i, n));
-        this.setFunctionModule(8, 7, s(i, 6)), this.setFunctionModule(8, 8, s(i, 7)), this.setFunctionModule(7, 8, s(i, 8));
+          this.setFunctionModule(8, n, l(i, n));
+        this.setFunctionModule(8, 7, l(i, 6)), this.setFunctionModule(8, 8, l(i, 7)), this.setFunctionModule(7, 8, l(i, 8));
         for (var n = 9; n < 15; n++)
-          this.setFunctionModule(14 - n, 8, s(i, n));
+          this.setFunctionModule(14 - n, 8, l(i, n));
         for (var n = 0; n < 8; n++)
-          this.setFunctionModule(this.size - 1 - n, 8, s(i, n));
+          this.setFunctionModule(this.size - 1 - n, 8, l(i, n));
         for (var n = 8; n < 15; n++)
-          this.setFunctionModule(8, this.size - 15 + n, s(i, n));
+          this.setFunctionModule(8, this.size - 15 + n, l(i, n));
         this.setFunctionModule(8, this.size - 8, !0);
       }, r.prototype.drawVersion = function() {
         if (!(this.version < 7)) {
@@ -129,15 +129,15 @@ var Q;
           var a = this.version << 12 | e;
           v(a >>> 18 == 0);
           for (var t = 0; t < 18; t++) {
-            var n = s(a, t), i = this.size - 11 + t % 3, u = Math.floor(t / 3);
-            this.setFunctionModule(i, u, n), this.setFunctionModule(u, i, n);
+            var n = l(a, t), i = this.size - 11 + t % 3, s = Math.floor(t / 3);
+            this.setFunctionModule(i, s, n), this.setFunctionModule(s, i, n);
           }
         }
       }, r.prototype.drawFinderPattern = function(e, t) {
         for (var a = -4; a <= 4; a++)
           for (var n = -4; n <= 4; n++) {
-            var i = Math.max(Math.abs(n), Math.abs(a)), u = e + n, g = t + a;
-            0 <= u && u < this.size && 0 <= g && g < this.size && this.setFunctionModule(u, g, i != 2 && i != 4);
+            var i = Math.max(Math.abs(n), Math.abs(a)), s = e + n, g = t + a;
+            0 <= s && s < this.size && 0 <= g && g < this.size && this.setFunctionModule(s, g, i != 2 && i != 4);
           }
       }, r.prototype.drawAlignmentPattern = function(e, t) {
         for (var a = -2; a <= 2; a++)
@@ -149,19 +149,19 @@ var Q;
         var t = this.version, a = this.errorCorrectionLevel;
         if (e.length != r.getNumDataCodewords(t, a))
           throw new RangeError("Invalid argument");
-        for (var n = r.NUM_ERROR_CORRECTION_BLOCKS[a.ordinal][t], i = r.ECC_CODEWORDS_PER_BLOCK[a.ordinal][t], u = Math.floor(r.getNumRawDataModules(t) / 8), g = n - u % n, C = Math.floor(u / n), c = [], h = r.reedSolomonComputeDivisor(i), p = 0, w = 0; p < n; p++) {
-          var y = e.slice(w, w + C - i + (p < g ? 0 : 1));
-          w += y.length;
-          var m = r.reedSolomonComputeRemainder(y, h);
-          p < g && y.push(0), c.push(y.concat(m));
+        for (var n = r.NUM_ERROR_CORRECTION_BLOCKS[a.ordinal][t], i = r.ECC_CODEWORDS_PER_BLOCK[a.ordinal][t], s = Math.floor(r.getNumRawDataModules(t) / 8), g = n - s % n, C = Math.floor(s / n), w = [], E = r.reedSolomonComputeDivisor(i), p = 0, h = 0; p < n; p++) {
+          var m = e.slice(h, h + C - i + (p < g ? 0 : 1));
+          h += m.length;
+          var c = r.reedSolomonComputeRemainder(m, E);
+          p < g && m.push(0), w.push(m.concat(c));
         }
-        for (var R = [], M = function(P) {
-          c.forEach(function(_, A) {
-            (P != C - i || A >= g) && R.push(_[P]);
+        for (var S = [], y = function(R) {
+          w.forEach(function(k, T) {
+            (R != C - i || T >= g) && S.push(k[R]);
           });
-        }, p = 0; p < c[0].length; p++)
-          M(p);
-        return v(R.length == u), R;
+        }, p = 0; p < w[0].length; p++)
+          y(p);
+        return v(S.length == s), S;
       }, r.prototype.drawCodewords = function(e) {
         if (e.length != Math.floor(r.getNumRawDataModules(this.version) / 8))
           throw new RangeError("Invalid argument");
@@ -169,8 +169,8 @@ var Q;
           a == 6 && (a = 5);
           for (var n = 0; n < this.size; n++)
             for (var i = 0; i < 2; i++) {
-              var u = a - i, g = (a + 1 & 2) == 0, C = g ? this.size - 1 - n : n;
-              !this.isFunction[C][u] && t < e.length * 8 && (this.modules[C][u] = s(e[t >>> 3], 7 - (t & 7)), t++);
+              var s = a - i, g = (a + 1 & 2) == 0, C = g ? this.size - 1 - n : n;
+              !this.isFunction[C][s] && t < e.length * 8 && (this.modules[C][s] = l(e[t >>> 3], 7 - (t & 7)), t++);
             }
         }
         v(t == e.length * 8);
@@ -212,28 +212,28 @@ var Q;
           }
       }, r.prototype.getPenaltyScore = function() {
         for (var e = 0, t = 0; t < this.size; t++) {
-          for (var a = !1, n = 0, i = [0, 0, 0, 0, 0, 0, 0], u = 0; u < this.size; u++)
-            this.modules[t][u] == a ? (n++, n == 5 ? e += r.PENALTY_N1 : n > 5 && e++) : (this.finderPenaltyAddHistory(n, i), a || (e += this.finderPenaltyCountPatterns(i) * r.PENALTY_N3), a = this.modules[t][u], n = 1);
+          for (var a = !1, n = 0, i = [0, 0, 0, 0, 0, 0, 0], s = 0; s < this.size; s++)
+            this.modules[t][s] == a ? (n++, n == 5 ? e += r.PENALTY_N1 : n > 5 && e++) : (this.finderPenaltyAddHistory(n, i), a || (e += this.finderPenaltyCountPatterns(i) * r.PENALTY_N3), a = this.modules[t][s], n = 1);
           e += this.finderPenaltyTerminateAndCount(a, n, i) * r.PENALTY_N3;
         }
-        for (var u = 0; u < this.size; u++) {
+        for (var s = 0; s < this.size; s++) {
           for (var a = !1, g = 0, i = [0, 0, 0, 0, 0, 0, 0], t = 0; t < this.size; t++)
-            this.modules[t][u] == a ? (g++, g == 5 ? e += r.PENALTY_N1 : g > 5 && e++) : (this.finderPenaltyAddHistory(g, i), a || (e += this.finderPenaltyCountPatterns(i) * r.PENALTY_N3), a = this.modules[t][u], g = 1);
+            this.modules[t][s] == a ? (g++, g == 5 ? e += r.PENALTY_N1 : g > 5 && e++) : (this.finderPenaltyAddHistory(g, i), a || (e += this.finderPenaltyCountPatterns(i) * r.PENALTY_N3), a = this.modules[t][s], g = 1);
           e += this.finderPenaltyTerminateAndCount(a, g, i) * r.PENALTY_N3;
         }
         for (var t = 0; t < this.size - 1; t++)
-          for (var u = 0; u < this.size - 1; u++) {
-            var C = this.modules[t][u];
-            C == this.modules[t][u + 1] && C == this.modules[t + 1][u] && C == this.modules[t + 1][u + 1] && (e += r.PENALTY_N2);
+          for (var s = 0; s < this.size - 1; s++) {
+            var C = this.modules[t][s];
+            C == this.modules[t][s + 1] && C == this.modules[t + 1][s] && C == this.modules[t + 1][s + 1] && (e += r.PENALTY_N2);
           }
-        for (var c = 0, h = 0, p = this.modules; h < p.length; h++) {
-          var w = p[h];
-          c = w.reduce(function(R, M) {
-            return R + (M ? 1 : 0);
-          }, c);
+        for (var w = 0, E = 0, p = this.modules; E < p.length; E++) {
+          var h = p[E];
+          w = h.reduce(function(S, y) {
+            return S + (y ? 1 : 0);
+          }, w);
         }
-        var y = this.size * this.size, m = Math.ceil(Math.abs(c * 20 - y * 10) / y) - 1;
-        return v(0 <= m && m <= 9), e += m * r.PENALTY_N4, v(0 <= e && e <= 2568888), e;
+        var m = this.size * this.size, c = Math.ceil(Math.abs(w * 20 - m * 10) / m) - 1;
+        return v(0 <= c && c <= 9), e += c * r.PENALTY_N4, v(0 <= e && e <= 2568888), e;
       }, r.prototype.getAlignmentPatternPositions = function() {
         if (this.version == 1)
           return [];
@@ -267,12 +267,12 @@ var Q;
         for (var a = t.map(function(C) {
           return 0;
         }), n = function(C) {
-          var c = C ^ a.shift();
-          a.push(0), t.forEach(function(h, p) {
-            return a[p] ^= r.reedSolomonMultiply(h, c);
+          var w = C ^ a.shift();
+          a.push(0), t.forEach(function(E, p) {
+            return a[p] ^= r.reedSolomonMultiply(E, w);
           });
-        }, i = 0, u = e; i < u.length; i++) {
-          var g = u[i];
+        }, i = 0, s = e; i < s.length; i++) {
+          var g = s[i];
           n(g);
         }
         return a;
@@ -317,20 +317,20 @@ var Q;
     }()
   );
   o.QrCode = f;
-  function d(r, e, t) {
+  function u(r, e, t) {
     if (e < 0 || e > 31 || r >>> e)
       throw new RangeError("Value out of range");
     for (var a = e - 1; a >= 0; a--)
       t.push(r >>> a & 1);
   }
-  function s(r, e) {
+  function l(r, e) {
     return (r >>> e & 1) != 0;
   }
   function v(r) {
     if (!r)
       throw new Error("Assertion error");
   }
-  var l = (
+  var d = (
     /** @class */
     function() {
       function r(e, t, a) {
@@ -341,7 +341,7 @@ var Q;
       return r.makeBytes = function(e) {
         for (var t = [], a = 0, n = e; a < n.length; a++) {
           var i = n[a];
-          d(i, 8, t);
+          u(i, 8, t);
         }
         return new r(r.Mode.BYTE, e.length, t);
       }, r.makeNumeric = function(e) {
@@ -349,7 +349,7 @@ var Q;
           throw new RangeError("String contains non-numeric characters");
         for (var t = [], a = 0; a < e.length; ) {
           var n = Math.min(e.length - a, 3);
-          d(parseInt(e.substring(a, a + n), 10), n * 3 + 1, t), a += n;
+          u(parseInt(e.substring(a, a + n), 10), n * 3 + 1, t), a += n;
         }
         return new r(r.Mode.NUMERIC, e.length, t);
       }, r.makeAlphanumeric = function(e) {
@@ -358,9 +358,9 @@ var Q;
         var t = [], a;
         for (a = 0; a + 2 <= e.length; a += 2) {
           var n = r.ALPHANUMERIC_CHARSET.indexOf(e.charAt(a)) * 45;
-          n += r.ALPHANUMERIC_CHARSET.indexOf(e.charAt(a + 1)), d(n, 11, t);
+          n += r.ALPHANUMERIC_CHARSET.indexOf(e.charAt(a + 1)), u(n, 11, t);
         }
-        return a < e.length && d(r.ALPHANUMERIC_CHARSET.indexOf(e.charAt(a)), 6, t), new r(r.Mode.ALPHANUMERIC, e.length, t);
+        return a < e.length && u(r.ALPHANUMERIC_CHARSET.indexOf(e.charAt(a)), 6, t), new r(r.Mode.ALPHANUMERIC, e.length, t);
       }, r.makeSegments = function(e) {
         return e == "" ? [] : r.isNumeric(e) ? [r.makeNumeric(e)] : r.isAlphanumeric(e) ? [r.makeAlphanumeric(e)] : [r.makeBytes(r.toUtf8ByteArray(e))];
       }, r.makeEci = function(e) {
@@ -368,11 +368,11 @@ var Q;
         if (e < 0)
           throw new RangeError("ECI assignment value out of range");
         if (e < 128)
-          d(e, 8, t);
+          u(e, 8, t);
         else if (e < 16384)
-          d(2, 2, t), d(e, 14, t);
+          u(2, 2, t), u(e, 14, t);
         else if (e < 1e6)
-          d(6, 3, t), d(e, 21, t);
+          u(6, 3, t), u(e, 21, t);
         else
           throw new RangeError("ECI assignment value out of range");
         return new r(r.Mode.ECI, 0, t);
@@ -384,10 +384,10 @@ var Q;
         return this.bitData.slice();
       }, r.getTotalBits = function(e, t) {
         for (var a = 0, n = 0, i = e; n < i.length; n++) {
-          var u = i[n], g = u.mode.numCharCountBits(t);
-          if (u.numChars >= 1 << g)
+          var s = i[n], g = s.mode.numCharCountBits(t);
+          if (s.numChars >= 1 << g)
             return 1 / 0;
-          a += 4 + g + u.bitData.length;
+          a += 4 + g + s.bitData.length;
         }
         return a;
       }, r.toUtf8ByteArray = function(e) {
@@ -398,44 +398,44 @@ var Q;
       }, r.NUMERIC_REGEX = /^[0-9]*$/, r.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/, r.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:", r;
     }()
   );
-  o.QrSegment = l;
+  o.QrSegment = d;
 })(Q || (Q = {}));
 (function(o) {
   (function(f) {
-    var d = (
+    var u = (
       /** @class */
       function() {
-        function s(v, l) {
-          this.ordinal = v, this.formatBits = l;
+        function l(v, d) {
+          this.ordinal = v, this.formatBits = d;
         }
-        return s.LOW = new s(0, 1), s.MEDIUM = new s(1, 0), s.QUARTILE = new s(2, 3), s.HIGH = new s(3, 2), s;
+        return l.LOW = new l(0, 1), l.MEDIUM = new l(1, 0), l.QUARTILE = new l(2, 3), l.HIGH = new l(3, 2), l;
       }()
     );
-    f.Ecc = d;
+    f.Ecc = u;
   })(o.QrCode || (o.QrCode = {}));
 })(Q || (Q = {}));
 (function(o) {
   (function(f) {
-    var d = (
+    var u = (
       /** @class */
       function() {
-        function s(v, l) {
-          this.modeBits = v, this.numBitsCharCount = l;
+        function l(v, d) {
+          this.modeBits = v, this.numBitsCharCount = d;
         }
-        return s.prototype.numCharCountBits = function(v) {
+        return l.prototype.numCharCountBits = function(v) {
           return this.numBitsCharCount[Math.floor((v + 7) / 17)];
-        }, s.NUMERIC = new s(1, [10, 12, 14]), s.ALPHANUMERIC = new s(2, [9, 11, 13]), s.BYTE = new s(4, [8, 16, 16]), s.KANJI = new s(8, [8, 10, 12]), s.ECI = new s(7, [0, 0, 0]), s;
+        }, l.NUMERIC = new l(1, [10, 12, 14]), l.ALPHANUMERIC = new l(2, [9, 11, 13]), l.BYTE = new l(4, [8, 16, 16]), l.KANJI = new l(8, [8, 10, 12]), l.ECI = new l(7, [0, 0, 0]), l;
       }()
     );
-    f.Mode = d;
+    f.Mode = u;
   })(o.QrSegment || (o.QrSegment = {}));
 })(Q || (Q = {}));
-var H = Q, ue = "L", _e = 100, de = 0, ke = 0.1, Be = 2, ce = {
+var H = Q, de = "L", ke = 100, ce = 0, Fe = 0.1, Be = 2, fe = {
   L: H.QrCode.Ecc.LOW,
   M: H.QrCode.Ecc.MEDIUM,
   Q: H.QrCode.Ecc.QUARTILE,
   H: H.QrCode.Ecc.HIGH
-}, Fe = function() {
+}, Le = function() {
   try {
     new Path2D().addPath(new Path2D());
   } catch {
@@ -443,52 +443,52 @@ var H = Q, ue = "L", _e = 100, de = 0, ke = 0.1, Be = 2, ce = {
   }
   return !0;
 }();
-function fe(o) {
-  return o in ce;
+function ve(o) {
+  return o in fe;
 }
-function ve(o, f) {
+function he(o, f) {
   f === void 0 && (f = 0);
-  var d = "";
-  return o.forEach(function(s, v) {
-    var l = null;
-    s.forEach(function(r, e) {
-      if (!r && l !== null) {
-        d += "M".concat(l + f, " ").concat(v + f, "h").concat(e - l, "v1H").concat(l + f, "z"), l = null;
+  var u = "";
+  return o.forEach(function(l, v) {
+    var d = null;
+    l.forEach(function(r, e) {
+      if (!r && d !== null) {
+        u += "M".concat(d + f, " ").concat(v + f, "h").concat(e - d, "v1H").concat(d + f, "z"), d = null;
         return;
       }
-      if (e === s.length - 1) {
+      if (e === l.length - 1) {
         if (!r)
           return;
-        l === null ? d += "M".concat(e + f, ",").concat(v + f, " h1v1H").concat(e + f, "z") : d += "M".concat(l + f, ",").concat(v + f, " h").concat(e + 1 - l, "v1H").concat(l + f, "z");
+        d === null ? u += "M".concat(e + f, ",").concat(v + f, " h1v1H").concat(e + f, "z") : u += "M".concat(d + f, ",").concat(v + f, " h").concat(e + 1 - d, "v1H").concat(d + f, "z");
         return;
       }
-      r && l === null && (l = e);
+      r && d === null && (d = e);
     });
-  }), d;
+  }), u;
 }
-function De(o, f, d, s) {
-  var v = s.width, l = s.height, r = s.x, e = s.y, t = o.length + d * 2, a = Math.floor(f * ke), n = t / f, i = (v || a) * n, u = (l || a) * n, g = r == null ? o.length / 2 - i / 2 : r * n, C = e == null ? o.length / 2 - u / 2 : e * n, c = (s.borderRadius || 0) * n, h = null;
-  if (s.excavate) {
-    var p = Math.floor(g), w = Math.floor(C), y = Math.ceil(i + g - p), m = Math.ceil(u + C - w);
-    h = { x: p, y: w, w: y, h: m };
+function ze(o, f, u, l) {
+  var v = l.width, d = l.height, r = l.x, e = l.y, t = o.length + u * 2, a = Math.floor(f * Fe), n = t / f, i = (v || a) * n, s = (d || a) * n, g = r == null ? o.length / 2 - i / 2 : r * n, C = e == null ? o.length / 2 - s / 2 : e * n, w = (l.borderRadius || 0) * n, E = null;
+  if (l.excavate) {
+    var p = Math.floor(g), h = Math.floor(C), m = Math.ceil(i + g - p), c = Math.ceil(s + C - h);
+    E = { x: p, y: h, w: m, h: c };
   }
-  return { x: g, y: C, h: u, w: i, borderRadius: c, excavation: h };
+  return { x: g, y: C, h: s, w: i, borderRadius: w, excavation: E };
 }
-function he(o) {
-  var f = O(function() {
+function me(o) {
+  var f = U(function() {
     var e;
-    return ((e = o.margin) !== null && e !== void 0 ? e : de) >>> 0;
-  }), d = O(function() {
-    var e = fe(o.level) ? o.level : ue;
-    return H.QrCode.encodeText(o.value, ce[e]).getModules();
-  }), s = O(function() {
-    return d.value.length + f.value * 2;
-  }), v = O(function() {
-    return ve(d.value, f.value);
-  }), l = O(function() {
+    return ((e = o.margin) !== null && e !== void 0 ? e : ce) >>> 0;
+  }), u = U(function() {
+    var e = ve(o.level) ? o.level : de;
+    return H.QrCode.encodeText(o.value, fe[e]).getModules();
+  }), l = U(function() {
+    return u.value.length + f.value * 2;
+  }), v = U(function() {
+    return he(u.value, f.value);
+  }), d = U(function() {
     if (!o.imageSettings.src)
       return { x: 0, y: 0, width: 0, height: 0, borderRadius: 0 };
-    var e = De(d.value, o.size, f.value, o.imageSettings);
+    var e = ze(u.value, o.size, f.value, o.imageSettings);
     return {
       x: e.x + f.value,
       y: e.y + f.value,
@@ -496,21 +496,21 @@ function he(o) {
       height: e.h,
       borderRadius: e.borderRadius
     };
-  }), r = O(function() {
+  }), r = U(function() {
     if (!o.imageSettings.excavate || !o.imageSettings.src)
       return null;
-    var e = Be / (o.size / s.value);
+    var e = Be / (o.size / l.value);
     return {
-      x: l.value.x - e,
-      y: l.value.y - e,
-      width: l.value.width + e * 2,
-      height: l.value.height + e * 2,
-      borderRadius: l.value.borderRadius
+      x: d.value.x - e,
+      y: d.value.y - e,
+      width: d.value.width + e * 2,
+      height: d.value.height + e * 2,
+      borderRadius: d.value.borderRadius
     };
   });
-  return { margin: f, numCells: s, cells: d, fgPath: v, imageProps: l, imageBorderProps: r };
+  return { margin: f, numCells: l, cells: u, fgPath: v, imageProps: d, imageBorderProps: r };
 }
-var j = {
+var ee = {
   value: {
     type: String,
     required: !0,
@@ -518,13 +518,13 @@ var j = {
   },
   size: {
     type: Number,
-    default: _e
+    default: ke
   },
   level: {
     type: String,
-    default: ue,
+    default: de,
     validator: function(o) {
-      return fe(o);
+      return ve(o);
     }
   },
   background: {
@@ -538,7 +538,7 @@ var j = {
   margin: {
     type: Number,
     required: !1,
-    default: de
+    default: ce
   },
   imageSettings: {
     type: Object,
@@ -570,18 +570,18 @@ var j = {
     required: !1,
     default: "#fff"
   }
-}, Le = b(b({}, j), { renderAs: {
+}, Oe = A(A({}, ee), { renderAs: {
   type: String,
   required: !1,
   default: "canvas",
   validator: function(o) {
     return ["canvas", "svg"].indexOf(o) > -1;
   }
-} }), ze = D({
+} }), De = z({
   name: "QRCodeSvg",
-  props: j,
+  props: ee,
   setup: function(o) {
-    var f = he(o), d = f.numCells, s = f.fgPath, v = f.imageProps, l = f.imageBorderProps, r = "qrcode.vue-gradient", e = function() {
+    var f = me(o), u = f.numCells, l = f.fgPath, v = f.imageProps, d = f.imageBorderProps, r = "qrcode.vue-gradient", e = function() {
       if (!o.gradient)
         return null;
       var n = o.gradientType === "linear" ? {
@@ -596,20 +596,20 @@ var j = {
         fx: "50%",
         fy: "50%"
       };
-      return E(o.gradientType === "linear" ? "linearGradient" : "radialGradient", b({ id: r }, n), [
-        E("stop", {
+      return M(o.gradientType === "linear" ? "linearGradient" : "radialGradient", A({ id: r }, n), [
+        M("stop", {
           offset: "0%",
           style: { stopColor: o.gradientStartColor }
         }),
-        E("stop", {
+        M("stop", {
           offset: "100%",
           style: { stopColor: o.gradientEndColor }
         })
       ]);
     }, t = "qrcode.vue-logo-clip-path", a = function() {
       var n = v.value.borderRadius;
-      return !o.imageSettings.src || n <= 0 ? null : E("clipPath", { id: t }, [
-        E("rect", {
+      return !o.imageSettings.src || n <= 0 ? null : M("clipPath", { id: t }, [
+        M("rect", {
           x: v.value.x,
           y: v.value.y,
           width: v.value.width,
@@ -620,77 +620,77 @@ var j = {
       ]);
     };
     return function() {
-      return E("svg", {
+      return M("svg", {
         width: o.size,
         height: o.size,
         "shape-rendering": "crispEdges",
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 ".concat(d.value, " ").concat(d.value)
+        viewBox: "0 0 ".concat(u.value, " ").concat(u.value)
       }, [
-        E("defs", {}, [e(), a()]),
-        E("rect", {
+        M("defs", {}, [e(), a()]),
+        M("rect", {
           width: "100%",
           height: "100%",
           fill: o.background
         }),
-        E("path", {
+        M("path", {
           fill: o.gradient ? "url(#".concat(r, ")") : o.foreground,
-          d: s.value
+          d: l.value
         }),
-        l.value && E("rect", {
-          x: l.value.x,
-          y: l.value.y,
-          width: l.value.width,
-          height: l.value.height,
+        d.value && M("rect", {
+          x: d.value.x,
+          y: d.value.y,
+          width: d.value.width,
+          height: d.value.height,
           fill: o.background,
-          rx: l.value.borderRadius,
-          ry: l.value.borderRadius
+          rx: d.value.borderRadius,
+          ry: d.value.borderRadius
         }),
-        o.imageSettings.src && E("image", b(b({ href: o.imageSettings.src }, v.value), v.value.borderRadius > 0 ? { "clip-path": "url(#".concat(t, ")") } : {}))
+        o.imageSettings.src && M("image", A(A({ href: o.imageSettings.src }, v.value), v.value.borderRadius > 0 ? { "clip-path": "url(#".concat(t, ")") } : {}))
       ]);
     };
   }
-}), Oe = D({
+}), Ue = z({
   name: "QRCodeCanvas",
-  props: j,
+  props: ee,
   setup: function(o, f) {
-    var d = he(o), s = d.margin, v = d.cells, l = d.numCells, r = d.imageProps, e = d.imageBorderProps, t = x(null), a = x(null), n = function() {
-      var u = o.size, g = o.background, C = o.foreground, c = o.gradient, h = o.gradientType, p = o.gradientStartColor, w = o.gradientEndColor, y = t.value;
-      if (y) {
-        var m = y.getContext("2d");
-        if (m) {
-          var R = v.value, M = a.value, P = typeof window < "u" && window.devicePixelRatio || 1, _ = u / l.value * P;
-          if (y.height = y.width = u * P, m.scale(_, _), m.fillStyle = g, m.fillRect(0, 0, l.value, l.value), c) {
-            var A = void 0;
-            h === "linear" ? A = m.createLinearGradient(0, 0, l.value, l.value) : A = m.createRadialGradient(l.value / 2, l.value / 2, 0, l.value / 2, l.value / 2, l.value / 2), A.addColorStop(0, p), A.addColorStop(1, w), m.fillStyle = A;
+    var u = me(o), l = u.margin, v = u.cells, d = u.numCells, r = u.imageProps, e = u.imageBorderProps, t = _(null), a = _(null), n = function() {
+      var s = o.size, g = o.background, C = o.foreground, w = o.gradient, E = o.gradientType, p = o.gradientStartColor, h = o.gradientEndColor, m = t.value;
+      if (m) {
+        var c = m.getContext("2d");
+        if (c) {
+          var S = v.value, y = a.value, R = typeof window < "u" && window.devicePixelRatio || 1, k = s / d.value * R;
+          if (m.height = m.width = s * R, c.scale(k, k), c.fillStyle = g, c.fillRect(0, 0, d.value, d.value), w) {
+            var T = void 0;
+            E === "linear" ? T = c.createLinearGradient(0, 0, d.value, d.value) : T = c.createRadialGradient(d.value / 2, d.value / 2, 0, d.value / 2, d.value / 2, d.value / 2), T.addColorStop(0, p), T.addColorStop(1, h), c.fillStyle = T;
           } else
-            m.fillStyle = C;
-          Fe ? m.fill(new Path2D(ve(R, s.value))) : R.forEach(function(B, z) {
+            c.fillStyle = C;
+          Le ? c.fill(new Path2D(he(S, l.value))) : S.forEach(function(B, D) {
             B.forEach(function(G, Y) {
-              G && m.fillRect(Y + s.value, z + s.value, 1, 1);
+              G && c.fillRect(Y + l.value, D + l.value, 1, 1);
             });
           });
-          var q = o.imageSettings.src && M && M.naturalWidth !== 0 && M.naturalHeight !== 0;
-          if (q) {
-            var V = function(B, z, G, Y, ee, me) {
-              B.beginPath(), B.roundRect ? B.roundRect(z, G, Y, ee, me) : B.rect(z, G, Y, ee);
+          var W = o.imageSettings.src && y && y.naturalWidth !== 0 && y.naturalHeight !== 0;
+          if (W) {
+            var V = function(B, D, G, Y, te, ge) {
+              B.beginPath(), B.roundRect ? B.roundRect(D, G, Y, te, ge) : B.rect(D, G, Y, te);
             };
             if (e.value) {
-              var k = e.value;
-              m.fillStyle = o.background, V(m, k.x, k.y, k.width, k.height, k.borderRadius), m.fill();
+              var F = e.value;
+              c.fillStyle = o.background, V(c, F.x, F.y, F.width, F.height, F.borderRadius), c.fill();
             }
-            var L = r.value.borderRadius;
-            L > 0 ? (m.save(), V(m, r.value.x, r.value.y, r.value.width, r.value.height, L), m.clip(), m.drawImage(M, r.value.x, r.value.y, r.value.width, r.value.height), m.restore()) : m.drawImage(M, r.value.x, r.value.y, r.value.width, r.value.height);
+            var O = r.value.borderRadius;
+            O > 0 ? (c.save(), V(c, r.value.x, r.value.y, r.value.width, r.value.height, O), c.clip(), c.drawImage(y, r.value.x, r.value.y, r.value.width, r.value.height), c.restore()) : c.drawImage(y, r.value.x, r.value.y, r.value.width, r.value.height);
           }
         }
       }
     };
-    ge(n), pe(n);
+    pe(n), Ce(n);
     var i = f.attrs.style;
     return function() {
-      return E(ie, [
-        E("canvas", b(b({}, f.attrs), { ref: t, style: b(b({}, i), { width: "".concat(o.size, "px"), height: "".concat(o.size, "px") }) })),
-        o.imageSettings.src && E("img", {
+      return M(le, [
+        M("canvas", A(A({}, f.attrs), { ref: t, style: A(A({}, i), { width: "".concat(o.size, "px"), height: "".concat(o.size, "px") }) })),
+        o.imageSettings.src && M("img", {
           ref: a,
           src: o.imageSettings.src,
           style: { display: "none" },
@@ -699,27 +699,27 @@ var j = {
       ]);
     };
   }
-}), xe = D({
+}), xe = z({
   name: "Qrcode",
   render: function() {
-    var o = this.$props, f = o.renderAs, d = o.value, s = o.size, v = o.margin, l = o.level, r = o.background, e = o.foreground, t = o.imageSettings, a = o.gradient, n = o.gradientType, i = o.gradientStartColor, u = o.gradientEndColor;
-    return E(f === "svg" ? ze : Oe, {
-      value: d,
-      size: s,
+    var o = this.$props, f = o.renderAs, u = o.value, l = o.size, v = o.margin, d = o.level, r = o.background, e = o.foreground, t = o.imageSettings, a = o.gradient, n = o.gradientType, i = o.gradientStartColor, s = o.gradientEndColor;
+    return M(f === "svg" ? De : Ue, {
+      value: u,
+      size: l,
       margin: v,
-      level: l,
+      level: d,
       background: r,
       foreground: e,
       imageSettings: t,
       gradient: a,
       gradientType: n,
       gradientStartColor: i,
-      gradientEndColor: u
+      gradientEndColor: s
     });
   },
-  props: Le
+  props: Oe
 });
-const Ue = { class: "t-caption" }, Qe = { class: "t-caption" }, Ve = { class: "my-6 justify-items-center" }, Ke = /* @__PURE__ */ D({
+const Qe = { class: "t-caption" }, Ve = { class: "t-caption" }, Ke = { class: "my-6 justify-items-center" }, He = /* @__PURE__ */ z({
   __name: "TerminalBindCodeDialog",
   props: {
     code: {
@@ -728,314 +728,332 @@ const Ue = { class: "t-caption" }, Qe = { class: "t-caption" }, Ve = { class: "m
     }
   },
   setup(o) {
-    const f = o, d = J(), s = Ae();
+    const f = o, u = j(), l = Te();
     function v() {
       try {
-        le(f.code), d.open({ title: "Text copied to clipboard." }, 1e3);
+        ue(f.code), u.open({ title: "Text copied to clipboard." }, 1e3);
       } catch {
-        d.open({ title: "Clipboard API incompatible." }, 1e3);
+        u.open({ title: "Clipboard API incompatible." }, 1e3);
       }
     }
-    const l = s.namespace.value === "dev" ? "development" : "production", r = O(() => `${l},${(s.currentCountry.value ?? we.F_COUNTRY.enum.MY).toLowerCase()},${f.code}`);
-    return (e, t) => (I(), X(ie, null, [
-      S("div", Ue, [
-        t[1] || (t[1] = te(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ", -1)),
-        S("div", {
+    const d = l.namespace.value === "dev" ? "development" : "production", r = U(() => `${d},${(l.currentCountry.value ?? Se.F_COUNTRY.enum.MY).toLowerCase()},${f.code}`);
+    return (e, t) => (I(), J(le, null, [
+      b("div", Qe, [
+        t[1] || (t[1] = re(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ", -1)),
+        b("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: t[0] || (t[0] = (a) => {
             a.stopPropagation(), v();
           })
         }, se(o.code), 1)
       ]),
-      t[3] || (t[3] = S("div", { class: "flex items-center my-4" }, [
-        S("div", { class: "flex-grow border-t border-gray-300" }),
-        S("span", { class: "px-4 text-gray-500 text-sm font-medium" }, "OR"),
-        S("div", { class: "flex-grow border-t border-gray-300" })
+      t[3] || (t[3] = b("div", { class: "flex items-center my-4" }, [
+        b("div", { class: "flex-grow border-t border-gray-300" }),
+        b("span", { class: "px-4 text-gray-500 text-sm font-medium" }, "OR"),
+        b("div", { class: "flex-grow border-t border-gray-300" })
       ], -1)),
-      S("div", Qe, [
-        t[2] || (t[2] = te(" Scan the binding code below on your device to link it with this terminal and apply the configuration. ", -1)),
-        S("div", Ve, [
-          N(xe, { value: r.value }, null, 8, ["value"])
+      b("div", Ve, [
+        t[2] || (t[2] = re(" Scan the binding code below on your device to link it with this terminal and apply the configuration. ", -1)),
+        b("div", Ke, [
+          P(xe, { value: r.value }, null, 8, ["value"])
         ])
       ])
     ], 64));
   }
-}), He = /* @__PURE__ */ D({
+}), $e = /* @__PURE__ */ z({
   __name: "ID",
   props: {
     row: {},
     data: {}
   },
   setup(o) {
-    const f = o, d = J();
-    function s() {
+    const f = o, u = j();
+    function l() {
       return f.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
     }
     function v() {
       try {
-        le(f.data), d.open({ title: "Text copied to clipboard." }, 1e3);
+        ue(f.data), u.open({ title: "Text copied to clipboard." }, 1e3);
       } catch {
-        d.open({ title: "Clipboard API incompatible." }, 1e3);
+        u.open({ title: "Clipboard API incompatible." }, 1e3);
       }
       f.data;
     }
-    return (l, r) => {
-      const e = F("FmBadge");
-      return I(), X("div", {
+    return (d, r) => {
+      const e = N("FmBadge");
+      return I(), J("div", {
         onClick: r[0] || (r[0] = (t) => {
           t.stopPropagation(), v();
         })
       }, [
-        N(e, {
+        P(e, {
           inline: "",
-          class: Ce(s())
+          class: we(l())
         }, {
-          default: Z(() => [
-            S("div", null, se(o.data), 1)
+          default: q(() => [
+            b("div", null, se(o.data), 1)
           ]),
           _: 1
         }, 8, ["class"])
       ]);
     };
   }
-}), $e = { class: "flex" }, Ge = /* @__PURE__ */ D({
+}), Ge = { class: "flex" }, Ye = /* @__PURE__ */ z({
   __name: "Actions",
   props: {
     data: {}
   },
   emits: ["link", "unlink", "edit", "delete"],
   setup(o, { emit: f }) {
-    const d = o, s = f;
+    const u = o, l = f;
     function v() {
-      const l = Te([
+      const d = Ie([
         {
           type: "span",
           queryKey: "terminal.id",
-          queryValue: d.data._id
+          queryValue: u.data._id
         }
       ]);
-      window.open(l, "_blank");
+      window.open(d, "_blank");
     }
-    return (l, r) => {
-      const e = F("FmButton");
-      return I(), X("div", $e, [
-        N(e, {
+    return (d, r) => {
+      const e = N("FmButton");
+      return I(), J("div", Ge, [
+        P(e, {
           variant: "plain",
           "prepend-icon": "history",
           onClick: r[0] || (r[0] = (t) => {
             t.stopPropagation(), v();
           })
         }),
-        o.data.deviceType === "TERMINAL" && !o.data.deviceId ? (I(), U(e, {
+        o.data.deviceType === "TERMINAL" && !o.data.deviceId ? (I(), x(e, {
           key: 0,
           variant: "plain",
           "prepend-icon": "link",
           onClick: r[1] || (r[1] = (t) => {
-            t.stopPropagation(), s("link");
+            t.stopPropagation(), l("link");
           })
         })) : $("", !0),
-        o.data.deviceType === "TERMINAL" && o.data.deviceId ? (I(), U(e, {
+        o.data.deviceType === "TERMINAL" && o.data.deviceId ? (I(), x(e, {
           key: 1,
           variant: "plain",
           "prepend-icon": "link_off",
           onClick: r[2] || (r[2] = (t) => {
-            t.stopPropagation(), s("unlink");
+            t.stopPropagation(), l("unlink");
           })
         })) : $("", !0),
-        N(e, {
+        P(e, {
           variant: "plain",
           "prepend-icon": "edit",
           onClick: r[3] || (r[3] = (t) => {
-            t.stopPropagation(), s("edit");
+            t.stopPropagation(), l("edit");
           })
         }),
-        N(e, {
+        P(e, {
           variant: "plain",
           "prepend-icon": "delete",
           onClick: r[4] || (r[4] = (t) => {
-            t.stopPropagation(), s("delete");
+            t.stopPropagation(), l("delete");
           })
         })
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ D({
-  __name: "TerminalDialog",
-  props: {
+}), qe = /* @__PURE__ */ z({
+  __name: "TerminalSideSheet",
+  props: /* @__PURE__ */ ae({
     terminal: {
       type: Object
     }
-  },
-  setup(o) {
-    var e, t, a;
-    const f = o, d = be(), s = x(), v = x((e = f.terminal) == null ? void 0 : e.name), l = x(((t = f.terminal) == null ? void 0 : t.referenceId) ?? ""), r = x(((a = f.terminal) == null ? void 0 : a.status) === "Active");
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ae(["submit"], ["update:modelValue"]),
+  setup(o, { emit: f }) {
+    const u = o, l = f, v = ye(o, "modelValue"), d = _(), r = _(""), e = _(""), t = _(!1);
+    Z(v, (n) => {
+      var i, s, g;
+      n && (r.value = ((i = u.terminal) == null ? void 0 : i.name) ?? "", e.value = ((s = u.terminal) == null ? void 0 : s.referenceId) ?? "", t.value = ((g = u.terminal) == null ? void 0 : g.status) === "Active");
+    });
+    function a() {
+      l("submit", {
+        name: r.value,
+        referenceId: e.value,
+        status: t.value ? "Active" : "Inactive"
+      }), v.value = !1;
+    }
     return (n, i) => {
-      const u = F("FmTextField"), g = F("FmSwitch"), C = F("FmButton"), c = F("FmForm");
-      return I(), U(c, {
-        ref: s.value,
-        class: "flex flex-col gap-16 mb-6",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          T(d).emitData({ name: v.value, referenceId: l.value, status: r.value ? "Active" : "Inactive" }), T(d).emitAction("primary");
-        })
+      const s = N("FmTextField"), g = N("FmSwitch"), C = N("FmButton"), w = N("FmForm"), E = N("FmSideSheet");
+      return I(), x(E, {
+        modelValue: v.value,
+        "onUpdate:modelValue": i[3] || (i[3] = (p) => v.value = p),
+        header: u.terminal ? "Update Terminal" : "Create New Terminal",
+        "close-button": ""
       }, {
-        default: Z(() => [
-          f.terminal ? $("", !0) : (I(), U(Ie, {
-            key: 0,
-            modelValue: l.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (h) => l.value = h),
-            label: "Restaurant",
-            "label-mark": "required",
-            placeholder: "Select restaurant",
-            "search-placeholder": "Search restaurants",
-            rules: T(ae)(T(ne).string().min(1, "Restaurant is required"))
-          }, null, 8, ["modelValue", "rules"])),
-          N(u, {
-            modelValue: v.value,
-            "onUpdate:modelValue": i[1] || (i[1] = (h) => v.value = h),
-            label: "Terminal Name",
-            rules: T(ae)(T(ne).string())
-          }, null, 8, ["modelValue", "rules"]),
-          f.terminal ? (I(), U(g, {
-            key: 1,
-            modelValue: r.value,
-            "onUpdate:modelValue": i[2] || (i[2] = (h) => r.value = h),
-            label: "Status"
-          }, null, 8, ["modelValue"])) : $("", !0),
-          N(C, {
-            type: "submit",
-            label: "Create"
-          })
+        default: q(() => [
+          P(w, {
+            ref: d.value,
+            class: "flex flex-col gap-16 px-4 py-6",
+            onValidationSuccess: a
+          }, {
+            default: q(() => [
+              u.terminal ? $("", !0) : (I(), x(Ne, {
+                key: 0,
+                modelValue: e.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (p) => e.value = p),
+                label: "Restaurant",
+                "label-mark": "required",
+                placeholder: "Select restaurant",
+                "search-placeholder": "Search restaurants",
+                rules: L(ne)(L(oe).string().min(1, "Restaurant is required"))
+              }, null, 8, ["modelValue", "rules"])),
+              P(s, {
+                modelValue: r.value,
+                "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
+                label: "Terminal Name",
+                rules: L(ne)(L(oe).string().min(1))
+              }, null, 8, ["modelValue", "rules"]),
+              u.terminal ? (I(), x(g, {
+                key: 1,
+                modelValue: t.value,
+                "onUpdate:modelValue": i[2] || (i[2] = (p) => t.value = p),
+                label: "Status"
+              }, null, 8, ["modelValue"])) : $("", !0),
+              P(C, {
+                type: "submit",
+                label: u.terminal ? "Update" : "Create"
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 512)
         ]),
         _: 1
-      }, 512);
+      }, 8, ["modelValue", "header"]);
     };
   }
-}), qe = { class: "flex justify-between mb-6 items-center" }, We = { class: "flex space-x-4" }, Xe = { class: "flex space-x-4" }, vt = /* @__PURE__ */ D({
+}), We = { class: "flex justify-between mb-6 items-center" }, Xe = { class: "flex space-x-4" }, Ze = { class: "flex space-x-4" }, ht = /* @__PURE__ */ z({
   __name: "Terminal",
   props: {
     type: {}
   },
   setup(o) {
-    const f = o, d = x(), { searchKey: s, deviceType: v } = Re({
+    const f = o, u = _(), { searchKey: l, deviceType: v } = Re({
       searchKey: "",
       deviceType: void 0
     });
-    re(v, () => {
-      var c;
-      return (c = d.value) == null ? void 0 : c.reset();
+    Z(v, () => {
+      var h;
+      return (h = u.value) == null ? void 0 : h.reset();
     });
-    let l;
-    re(s, async () => {
-      l && clearTimeout(l), l = setTimeout(
+    let d;
+    Z(l, async () => {
+      d && clearTimeout(d), d = setTimeout(
         () => {
-          var c;
-          return (c = d.value) == null ? void 0 : c.reset();
+          var h;
+          return (h = u.value) == null ? void 0 : h.reset();
         },
         700
       );
     });
-    const r = Ne(), e = Pe(), t = J();
-    async function a(c) {
-      oe(
+    const r = _e(), e = Pe(), t = j();
+    async function a(h) {
+      ie(
         e,
         "Terminal Unbind",
         "Are you sure to unbind terminal from device? This action cannot be revert and device will be logged out!",
         async () => {
-          var h;
+          var m;
           try {
-            await K.unbind(c), (h = d.value) == null || h.reset(), t.open({
+            await K.unbind(h), (m = u.value) == null || m.reset(), t.open({
               type: "success",
               message: "Terminal unbind successfully"
             });
-          } catch (p) {
+          } catch (c) {
             t.open({
               type: "error",
               title: "Error occurs when unbind terminal",
-              message: W(p)
+              message: X(c)
             });
           }
         }
       );
     }
-    async function n(c) {
-      const h = await K.getBindCode(c);
+    async function n(h) {
+      const m = await K.getBindCode(h);
       e.open({
         title: "Terminal Binding",
         closeButton: !0,
         overlay: !0,
-        contentComponent: Ke,
-        contentComponentProps: { code: h }
+        contentComponent: He,
+        contentComponentProps: { code: m }
       });
     }
-    async function i(c) {
-      e.open({
-        title: c ? "Update Terminal" : "Create New Terminal",
-        closeButton: !0,
-        overlay: !0,
-        contentComponent: Ye,
-        contentComponentProps: { terminal: c }
-      }).onPrimary(async (h) => {
-        var p;
-        e.close();
-        try {
-          await (c ? K.updateById(c._id, { ...h, ecrs: c.ecrs ?? [], gateways: c.gateways ?? [] }) : K.create(h)), (p = d.value) == null || p.reset(), t.open({
-            type: "success",
-            message: c ? "Terminal udpated successfully" : "Terminal created successfully."
-          });
-        } catch (w) {
-          t.open({
-            type: "error",
-            title: "Error occurs when create terminal",
-            message: W(w)
-          });
-        }
-      });
+    const i = _(!1), s = _();
+    function g(h) {
+      s.value = h, i.value = !0;
     }
-    async function u(c) {
-      oe(
+    async function C(h) {
+      var c;
+      const m = s.value;
+      try {
+        await (m ? K.updateById(m._id, { ...h, ecrs: m.ecrs ?? [], gateways: m.gateways ?? [] }) : K.create(h)), (c = u.value) == null || c.reset(), t.open({
+          type: "success",
+          message: m ? "Terminal udpated successfully" : "Terminal created successfully."
+        });
+      } catch (S) {
+        t.open({
+          type: "error",
+          title: "Error occurs when create terminal",
+          message: X(S)
+        });
+      }
+    }
+    async function w(h) {
+      ie(
         e,
         "Delete Terminal",
         "Are you sure to delete terminal? This action cannot be revert and device will be logged out!",
         async () => {
-          var h;
+          var m;
           try {
-            await K.delete(c), (h = d.value) == null || h.reset(), t.open({
+            await K.delete(h), (m = u.value) == null || m.reset(), t.open({
               type: "success",
               message: "Terminal delete successfully"
             });
-          } catch (p) {
+          } catch (c) {
             t.open({
               type: "error",
               title: "Error occurs when delete terminal",
-              message: W(p)
+              message: X(c)
             });
           }
         }
       );
     }
-    const g = function(c) {
-      var p, w;
-      let h = c.name;
-      return c.deviceType === "POS" && ((p = c.name) != null && p.includes("@")) && (h = c.restaurant.profile.name), c.deviceType === "KIOSK" && ((w = c.name) != null && w.includes("-")) && (h = c.restaurant.profile.name), {
-        id: c._id,
-        status: c.status,
-        referenceId: c.referenceId,
-        name: h,
-        deviceId: c.deviceId,
-        deviceType: c.deviceType,
-        updatedAt: Ee(c.updatedAt).format("YYYY-MM-DD HH:mm:ss"),
-        posVersion: c.restaurant.posVersion,
-        gateways: c.gateways,
-        ecrs: c.ecrs
+    const E = function(h) {
+      var c, S;
+      let m = h.name;
+      return h.deviceType === "POS" && ((c = h.name) != null && c.includes("@")) && (m = h.restaurant.profile.name), h.deviceType === "KIOSK" && ((S = h.name) != null && S.includes("-")) && (m = h.restaurant.profile.name), {
+        id: h._id,
+        status: h.status,
+        referenceId: h.referenceId,
+        name: m,
+        deviceId: h.deviceId,
+        deviceType: h.deviceType,
+        updatedAt: Me(h.updatedAt).format("YYYY-MM-DD HH:mm:ss"),
+        posVersion: h.restaurant.posVersion,
+        gateways: h.gateways,
+        ecrs: h.ecrs
       };
-    }, C = [
+    }, p = [
       {
         accessorKey: "id",
         header: () => "Terminal ID",
         meta: {
           textAlign: "right"
         },
-        cell: ({ cell: c, row: h }) => E(He, { row: h, data: c.getValue() })
+        cell: ({ cell: h, row: m }) => M($e, { row: m, data: h.getValue() })
       },
       {
         accessorKey: "name",
@@ -1071,58 +1089,64 @@ const Ue = { class: "t-caption" }, Qe = { class: "t-caption" }, Ve = { class: "m
         meta: {
           textAlign: "center"
         },
-        cell: ({ row: c }) => {
-          var p;
-          const h = (p = d.value) == null ? void 0 : p.pageData().at(c.index);
-          return E(Ge, {
-            data: h,
-            onLink: () => n(h._id),
-            onUnlink: () => a(h._id),
-            onEdit: () => i(h),
-            onDelete: () => u(h._id)
+        cell: ({ row: h }) => {
+          var c;
+          const m = (c = u.value) == null ? void 0 : c.pageData().at(h.index);
+          return M(Ye, {
+            data: m,
+            onLink: () => n(m._id),
+            onUnlink: () => a(m._id),
+            onEdit: () => g(m),
+            onDelete: () => w(m._id)
           });
         }
       }
     ];
-    return (c, h) => {
-      const p = F("FmSearch"), w = F("FmButton");
-      return I(), U(Se, {
+    return (h, m) => {
+      const c = N("FmSearch"), S = N("FmButton");
+      return I(), x(Ae, {
         title: f.type,
         loading: !1
       }, {
-        default: Z(() => [
-          S("div", qe, [
-            S("div", We, [
-              N(p, {
-                "model-value": T(s),
-                "onUpdate:modelValue": h[0] || (h[0] = (y) => ye(s) ? s.value = y : null),
+        default: q(() => [
+          b("div", We, [
+            b("div", Xe, [
+              P(c, {
+                "model-value": L(l),
+                "onUpdate:modelValue": m[0] || (m[0] = (y) => Ee(l) ? l.value = y : null),
                 class: "mr-8",
                 label: "Search",
                 placeholder: "Search ..."
               }, null, 8, ["model-value"])
             ]),
-            S("div", Xe, [
-              f.type === "TERMINAL" ? (I(), U(w, {
+            b("div", Ze, [
+              f.type === "TERMINAL" ? (I(), x(S, {
                 key: 0,
                 label: "Create",
                 icon: "add",
-                onClick: h[1] || (h[1] = () => i())
+                onClick: m[1] || (m[1] = () => g())
               })) : $("", !0)
             ])
           ]),
-          N(Me, {
+          P(be, {
             ref_key: "controller",
-            ref: d,
-            "column-defs": C,
-            "rows-defs": g,
-            paginate: (y, m) => T(K).read({ searchKey: T(s), deviceType: f.type, limit: y, cursor: m }),
-            onRowClick: h[2] || (h[2] = (y) => T(r).push({
+            ref: u,
+            "column-defs": p,
+            "rows-defs": E,
+            paginate: (y, R) => L(K).read({ searchKey: L(l), deviceType: f.type, limit: y, cursor: R }),
+            onRowClick: m[2] || (m[2] = (y) => L(r).push({
               name: `mf-payment-admin.${f.type.toLowerCase()}-setting`,
               params: {
                 terminalId: y._id
               }
             }))
-          }, null, 8, ["paginate"])
+          }, null, 8, ["paginate"]),
+          P(qe, {
+            modelValue: i.value,
+            "onUpdate:modelValue": m[3] || (m[3] = (y) => i.value = y),
+            terminal: s.value,
+            onSubmit: C
+          }, null, 8, ["modelValue", "terminal"])
         ]),
         _: 1
       }, 8, ["title"]);
@@ -1130,5 +1154,5 @@ const Ue = { class: "t-caption" }, Qe = { class: "t-caption" }, Ve = { class: "m
   }
 });
 export {
-  vt as default
+  ht as default
 };