@feedmepos/mf-payment 1.6.5-dev → 1.6.5

package/dist/{TerminalSetting-QK1F8399.js → TerminalSetting-BnHK2VcU.js}

@@ -1,16 +1,16 @@
-import { defineComponent as M, openBlock as f, createElementBlock as R, Fragment as P, createElementVNode as I, createTextVNode as j, toDisplayString as W, ref as b, resolveComponent as g, createVNode as y, createCommentVNode as V, unref as h, computed as C, isRef as Z, createBlock as F, resolveDynamicComponent as ee, normalizeProps as ae, mergeProps as te, watch as q, onBeforeUnmount as pe, toRef as A, onMounted as G, withCtx as O, renderList as Y } from "vue";
-import { u as le, p as me, e as U } from "./index-Db6LPSD_.js";
+import { defineComponent as R, openBlock as f, createElementBlock as M, Fragment as G, createElementVNode as I, createTextVNode as j, toDisplayString as W, ref as b, resolveComponent as g, createVNode as v, createCommentVNode as V, unref as h, computed as C, isRef as Z, createBlock as F, resolveDynamicComponent as ee, normalizeProps as ae, mergeProps as te, watch as P, onBeforeUnmount as pe, toRef as A, onMounted as q, withCtx as O, renderList as Y } from "vue";
+import { u as le, p as me, e as U } from "./index-DjPlzbUi.js";
 import { useRouter as ve } from "vue-router";
-import { t as E } from "./index-Kv65DwXY.js";
+import { t as E } from "./index-DP823O2i.js";
 import { _ as ye } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as ne } from "./index-BJNPknyd.js";
+import { u as ne } from "./index-fKbtEyKA.js";
 import { useSnackbar as se } from "@feedmepos/ui-library";
 import { u as X } from "./error-K1CakhA9.js";
 import { useI18n as fe, useCoreStore as oe } from "@feedmepos/mf-common";
-import { o as ge } from "./index-BZnFjrTl.js";
+import { o as ge } from "./index-iujpUb8Z.js";
 import { c as be } from "./index-MdV54cWO.js";
 import { z as Te, a as _e } from "./validator-CTlVogBQ.js";
-const Ie = /* @__PURE__ */ M({
+const Ie = /* @__PURE__ */ R({
   __name: "Information",
   props: {
     terminal: {
@@ -19,7 +19,7 @@ const Ie = /* @__PURE__ */ M({
     }
   },
   setup(_) {
-    return (d, a) => (f(), R(P, null, [
+    return (d, a) => (f(), M(G, null, [
       a[0] || (a[0] = I("b", null, "Name", -1)),
       j(": " + W(_.terminal.name), 1),
       a[1] || (a[1] = I("br", null, null, -1)),
@@ -34,7 +34,7 @@ const Ie = /* @__PURE__ */ M({
       a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), Fe = { key: 0 }, we = { class: "mt-6 space-x-6" }, xe = /* @__PURE__ */ M({
+}), Fe = { key: 0 }, we = { class: "mt-6 space-x-6" }, xe = /* @__PURE__ */ R({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -59,30 +59,30 @@ const Ie = /* @__PURE__ */ M({
         const c = await E.kioskModeRequest(r.terminal._id, m);
         if (c === "OK")
           return T.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let v = c;
-        return c === "client_not_connected" && (v = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (v = c.replaceAll("terminal: ", "")), T.open({
+        let y = c;
+        return c === "client_not_connected" && (y = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (y = c.replaceAll("terminal: ", "")), T.open({
           type: "error",
-          message: v
+          message: y
         });
       });
     }
     return (m, c) => {
-      const v = g("FmSwitch"), u = g("FmPinField"), s = g("FmButton");
-      return f(), R(P, null, [
-        y(v, {
+      const y = g("FmSwitch"), u = g("FmPinField"), s = g("FmButton");
+      return f(), M(G, null, [
+        v(y, {
           modelValue: l.value.enable,
           "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value.enable = t),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        l.value.enable ? (f(), R("div", Fe, [
+        l.value.enable ? (f(), M("div", Fe, [
           c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          y(u, {
+          v(u, {
             modelValue: l.value.password,
             "onUpdate:modelValue": c[1] || (c[1] = (t) => l.value.password = t)
           }, null, 8, ["modelValue"])
         ])) : V("", !0),
         I("div", we, [
-          y(s, {
+          v(s, {
             variant: "primary",
             label: "Send",
             icon: "send",
@@ -93,7 +93,7 @@ const Ie = /* @__PURE__ */ M({
       ], 64);
     };
   }
-}), Ne = /* @__PURE__ */ M({
+}), Ne = /* @__PURE__ */ R({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -114,14 +114,14 @@ const Ie = /* @__PURE__ */ M({
     return (r, e) => {
       var c;
       const m = g("FmTabs");
-      return f(), R(P, null, [
+      return f(), M(G, null, [
         e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
           I("b", null, "Note: "),
           j(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
-        y(m, {
+        v(m, {
           "model-value": h(d),
-          "onUpdate:modelValue": e[0] || (e[0] = (v) => Z(d) ? d.value = v : null),
+          "onUpdate:modelValue": e[0] || (e[0] = (y) => Z(d) ? d.value = y : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
@@ -137,13 +137,13 @@ function Se(_) {
       ($) => $.gateway === "Tyro"
     );
     return ((B = k == null ? void 0 : k.config) == null ? void 0 : B.uniqueId) || "";
-  }), c = C(() => !!m.value), v = C(() => {
+  }), c = C(() => !!m.value), y = C(() => {
     var k;
     return ((k = e.value) == null ? void 0 : k.status) === "ready";
   }), u = C(() => {
     var k, D;
-    return v.value && !!((D = (k = e.value) == null ? void 0 : k.fields) != null && D.tyroLocationId) && !!_.value.deviceId && !c.value;
-  }), s = C(() => !v.value && !c.value), t = C(
+    return y.value && !!((D = (k = e.value) == null ? void 0 : k.fields) != null && D.tyroLocationId) && !!_.value.deviceId && !c.value;
+  }), s = C(() => !y.value && !c.value), t = C(
     () => l("payment.onboard-submission.tyro.syncDisabledHint")
   ), n = C(() => c.value ? "Synced" : "Sync");
   async function i() {
@@ -215,7 +215,7 @@ function Se(_) {
       });
     }
   }
-  return q(
+  return P(
     () => _.value.referenceId,
     async () => {
       await i();
@@ -237,7 +237,7 @@ function Se(_) {
 const Ue = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Re = { class: "flex mt-6 space-x-6" }, Me = { class: "flex-1" }, he = /* @__PURE__ */ M({
+}, Re = { class: "flex mt-6 space-x-6" }, Me = { class: "flex-1" }, he = /* @__PURE__ */ R({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -298,12 +298,12 @@ const Ue = {
       isUat: !1
     }), m = () => {
       e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "", e.value.isUat = !1;
-    }, c = C(() => T.filter((N) => N.region === a.value)), v = C(() => c.value.find(
+    }, c = C(() => T.filter((N) => N.region === a.value)), y = C(() => c.value.find(
       (N) => N.value === e.value.packageId
     )), u = C(
       () => {
         var N;
-        return ((N = v.value) == null ? void 0 : N.gateway) === "Tyro";
+        return ((N = y.value) == null ? void 0 : N.gateway) === "Tyro";
       }
     ), {
       isLoading: s,
@@ -350,9 +350,9 @@ const Ue = {
           return;
       }
     };
-    q(l, $), G($);
+    P(l, $), q($);
     async function H() {
-      const N = v.value;
+      const N = y.value;
       if (!N)
         return;
       let S = e.value.uniqueId;
@@ -385,84 +385,82 @@ const Ue = {
         onValidationSuccess: H
       }, {
         default: O(() => [
-          y(re, {
+          v(re, {
             modelValue: e.value.packageId,
             "onUpdate:modelValue": S[0] || (S[0] = (L) => e.value.packageId = L),
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
-          v.value ? (f(), R(P, { key: 0 }, [
-            u.value ? (f(), F(J, {
+          u.value ? (f(), F(J, {
+            key: 0,
+            "model-value": h(n),
+            label: "Unique ID (Reader ID)",
+            disabled: ""
+          }, null, 8, ["model-value"])) : y.value && y.value.isLegacy ? (f(), M(G, { key: 1 }, [
+            v(J, {
+              modelValue: e.value.uniqueId,
+              "onUpdate:modelValue": S[1] || (S[1] = (L) => e.value.uniqueId = L),
+              label: "Unique ID (TID)"
+            }, null, 8, ["modelValue"]),
+            y.value.isOutdated ? (f(), M("span", Ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : V("", !0)
+          ], 64)) : u.value ? V("", !0) : (f(), M(G, { key: 2 }, [
+            v(J, {
+              modelValue: e.value.developerId,
+              "onUpdate:modelValue": S[2] || (S[2] = (L) => e.value.developerId = L),
+              label: "Developer ID (MID)"
+            }, null, 8, ["modelValue"]),
+            v(J, {
+              modelValue: e.value.uniqueId,
+              "onUpdate:modelValue": S[3] || (S[3] = (L) => e.value.uniqueId = L),
+              label: "Unique ID (TID)"
+            }, null, 8, ["modelValue"]),
+            v(ue, {
+              modelValue: e.value.isUat,
+              "onUpdate:modelValue": S[4] || (S[4] = (L) => e.value.isUat = L),
+              label: "Is UAT (Test)",
+              value: "1"
+            }, null, 8, ["modelValue"])
+          ], 64)),
+          I("div", Re, [
+            l.value.gateways && l.value.gateways.length > 0 ? (f(), F(ie, {
               key: 0,
-              "model-value": h(n),
-              label: "Unique ID (Reader ID)",
-              disabled: ""
-            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (f(), R(P, { key: 1 }, [
-              y(J, {
-                modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": S[1] || (S[1] = (L) => e.value.uniqueId = L),
-                label: "Unique ID (TID)"
-              }, null, 8, ["modelValue"]),
-              v.value.isOutdated ? (f(), R("span", Ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : V("", !0)
-            ], 64)) : (f(), R(P, { key: 2 }, [
-              y(J, {
-                modelValue: e.value.developerId,
-                "onUpdate:modelValue": S[2] || (S[2] = (L) => e.value.developerId = L),
-                label: "Developer ID (MID)"
-              }, null, 8, ["modelValue"]),
-              y(J, {
-                modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": S[3] || (S[3] = (L) => e.value.uniqueId = L),
-                label: "Unique ID (TID)"
-              }, null, 8, ["modelValue"]),
-              y(ue, {
-                modelValue: e.value.isUat,
-                "onUpdate:modelValue": S[4] || (S[4] = (L) => e.value.isUat = L),
-                label: "Is UAT (Test)",
-                value: "1"
-              }, null, 8, ["modelValue"])
-            ], 64)),
-            I("div", Re, [
-              l.value.gateways && l.value.gateways.length > 0 ? (f(), F(ie, {
-                key: 0,
-                class: "flex-1",
-                variant: "secondary",
-                label: "Delete",
-                onclick: () => z(0)
-              }, null, 8, ["onclick"])) : V("", !0),
-              u.value && h(p) && B.value ? (f(), F(ce, {
-                key: 1,
-                class: "flex-1",
-                variant: "plain",
-                placement: "top",
-                content: h(x)
-              }, {
-                default: O(() => [
-                  I("div", Me, [
-                    y(ie, {
-                      type: K.value,
-                      class: "w-full",
-                      variant: "primary",
-                      loading: D.value,
-                      disabled: B.value,
-                      label: k.value,
-                      onClick: Q
-                    }, null, 8, ["type", "loading", "disabled", "label"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["content"])) : (f(), F(ie, {
-                key: 2,
-                type: K.value,
-                class: "flex-1",
-                variant: "primary",
-                loading: D.value,
-                disabled: B.value,
-                label: k.value,
-                onClick: Q
-              }, null, 8, ["type", "loading", "disabled", "label"]))
-            ])
-          ], 64)) : V("", !0)
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => z(0)
+            }, null, 8, ["onclick"])) : V("", !0),
+            u.value && h(p) && B.value ? (f(), F(ce, {
+              key: 1,
+              class: "flex-1",
+              variant: "plain",
+              placement: "top",
+              content: h(x)
+            }, {
+              default: O(() => [
+                I("div", Me, [
+                  v(ie, {
+                    type: K.value,
+                    class: "w-full",
+                    variant: "primary",
+                    loading: D.value,
+                    disabled: B.value,
+                    label: k.value,
+                    onClick: Q
+                  }, null, 8, ["type", "loading", "disabled", "label"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["content"])) : (f(), F(ie, {
+              key: 2,
+              type: K.value,
+              class: "flex-1",
+              variant: "primary",
+              loading: D.value,
+              disabled: B.value,
+              label: k.value,
+              onClick: Q
+            }, null, 8, ["type", "loading", "disabled", "label"]))
+          ])
         ]),
         _: 1
       }, 512);
@@ -471,7 +469,7 @@ const Ue = {
 }), Oe = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Pe = { class: "flex mt-6 space-x-6" }, qe = /* @__PURE__ */ M({
+}, Pe = { class: "flex mt-6 space-x-6" }, qe = /* @__PURE__ */ R({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -486,23 +484,23 @@ const Ue = {
   setup(_) {
     const { isLoading: d, startAsyncCall: a } = le(), T = _, l = A(() => T.terminal), r = b(), e = b(), m = b(-1), c = b({
       terminalId: ""
-    }), v = () => {
+    }), y = () => {
       c.value.terminalId = "", m.value = -1;
     }, u = () => {
       if (a(async () => {
         r.value = await E.getRestaurantTerminals(T.terminal.referenceId);
       }), !T.terminal.ecrs)
-        return v();
+        return y();
       const n = T.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
       if (n === -1)
-        return v();
+        return y();
       m.value = n;
       const i = T.terminal.ecrs.at(n);
       i.gateway === "FeedMe" && i.config && (c.value = {
         terminalId: i.config.terminalId
       });
     };
-    q(l, u), G(u);
+    P(l, u), q(u);
     const s = C(() => (r.value ?? []).map((n) => ({
       label: n.name ?? n._id,
       value: n._id
@@ -513,8 +511,8 @@ const Ue = {
     }
     return (n, i) => {
       const p = g("FmCircularProgress"), x = g("FmSelect"), o = g("FmButton"), w = g("FmForm");
-      return h(d) ? (f(), R("div", Oe, [
-        y(p, { size: "xxl" })
+      return h(d) ? (f(), M("div", Oe, [
+        v(p, { size: "xxl" })
       ])) : (f(), F(w, {
         key: 1,
         ref: e.value,
@@ -524,7 +522,7 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(x, {
+          v(x, {
             modelValue: c.value.terminalId,
             "onUpdate:modelValue": i[0] || (i[0] = (K) => c.value.terminalId = K),
             label: "Terminal ID",
@@ -539,7 +537,7 @@ const Ue = {
               label: "Delete",
               onclick: () => t(m.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(o, {
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -551,7 +549,7 @@ const Ue = {
       }, 512));
     };
   }
-}), Ge = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ M({
+}), Ge = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ R({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -573,23 +571,23 @@ const Ue = {
     }, m = () => {
       if (!a.value.ecrs)
         return e();
-      const v = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
-      if (v === -1)
+      const y = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
+      if (y === -1)
         return e();
-      l.value = v;
-      const u = a.value.ecrs.at(v);
+      l.value = y;
+      const u = a.value.ecrs.at(y);
       u.gateway === "Ghl" && u.config && (r.value = {
         merchantId: u.config.merchantId,
         terminalId: u.config.terminalId,
         privateKey: u.config.privateKey || ""
       });
     };
-    q(a, m), G(m);
-    async function c(v) {
+    P(a, m), q(m);
+    async function c(y) {
       var u;
-      (u = a.value.ecrs) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.ecrs) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (v, u) => {
+    return (y, u) => {
       const s = g("FmTextField"), t = g("FmTextarea"), n = g("FmButton"), i = g("FmForm");
       return f(), F(i, {
         ref: T.value,
@@ -599,17 +597,17 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(s, {
+          v(s, {
             modelValue: r.value.merchantId,
             "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value.merchantId = p),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          y(s, {
+          v(s, {
             modelValue: r.value.terminalId,
             "onUpdate:modelValue": u[1] || (u[1] = (p) => r.value.terminalId = p),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
-          y(t, {
+          v(t, {
             modelValue: r.value.privateKey,
             "onUpdate:modelValue": u[2] || (u[2] = (p) => r.value.privateKey = p),
             label: "Private Key",
@@ -624,7 +622,7 @@ const Ue = {
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(n, {
+            v(n, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -636,7 +634,7 @@ const Ue = {
       }, 512);
     };
   }
-}), De = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Be = { class: "flex mt-6 space-x-6" }, Le = /* @__PURE__ */ M({
+}), De = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Be = { class: "flex mt-6 space-x-6" }, Le = /* @__PURE__ */ R({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -670,8 +668,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -704,32 +702,32 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", De, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", $e, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -742,9 +740,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -756,7 +754,7 @@ const Ue = {
       }, 512);
     };
   }
-}), Ye = { class: "flex items-end" }, Ee = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ke = { class: "flex mt-6 space-x-6" }, je = /* @__PURE__ */ M({
+}), Ye = { class: "flex items-end" }, Ee = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ke = { class: "flex mt-6 space-x-6" }, je = /* @__PURE__ */ R({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -790,8 +788,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -824,32 +822,32 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", Ye, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", Ee, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -862,9 +860,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -876,7 +874,7 @@ const Ue = {
       }, 512);
     };
   }
-}), He = { class: "flex items-end" }, ze = { class: "flex flex-wrap gap-8 items-center mt-4" }, Qe = { class: "flex mt-6 space-x-6" }, Je = /* @__PURE__ */ M({
+}), He = { class: "flex items-end" }, ze = { class: "flex flex-wrap gap-8 items-center mt-4" }, Qe = { class: "flex mt-6 space-x-6" }, Je = /* @__PURE__ */ R({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -910,8 +908,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -944,27 +942,27 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", He, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", ze, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -977,9 +975,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -991,7 +989,7 @@ const Ue = {
       }, 512);
     };
   }
-}), We = { class: "flex items-end" }, Xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ze = { class: "flex mt-6 space-x-6" }, ea = /* @__PURE__ */ M({
+}), We = { class: "flex items-end" }, Xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ze = { class: "flex mt-6 space-x-6" }, ea = /* @__PURE__ */ R({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -1025,8 +1023,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1059,32 +1057,32 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
           I("div", We, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", Xe, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1097,9 +1095,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1111,7 +1109,7 @@ const Ue = {
       }, 512);
     };
   }
-}), aa = { class: "flex items-end" }, ta = { class: "flex flex-wrap gap-8 items-center mt-4" }, la = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ M({
+}), aa = { class: "flex items-end" }, ta = { class: "flex flex-wrap gap-8 items-center mt-4" }, la = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ R({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -1143,8 +1141,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1177,27 +1175,27 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
           I("div", aa, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", ta, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1210,9 +1208,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1224,7 +1222,7 @@ const Ue = {
       }, 512);
     };
   }
-}), oa = { class: "flex mt-6 space-x-6" }, ra = /* @__PURE__ */ M({
+}), oa = { class: "flex mt-6 space-x-6" }, ra = /* @__PURE__ */ R({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1245,22 +1243,22 @@ const Ue = {
     }, m = () => {
       if (!a.value.ecrIntegrations)
         return e();
-      const v = a.value.ecrIntegrations, u = v.findIndex((t) => t && t.gateway && t.gateway === "Ghl2");
+      const y = a.value.ecrIntegrations, u = y.findIndex((t) => t && t.gateway && t.gateway === "Ghl2");
       if (u === -1)
         return e();
       l.value = u;
-      const s = v.at(u);
+      const s = y.at(u);
       s.gateway === "Ghl2" && s.config && (r.value = {
         ip: s.config.ip ?? "",
         receiptName: s.receiptName ?? ""
       });
     };
-    q(a, m), G(m);
-    async function c(v) {
+    P(a, m), q(m);
+    async function c(y) {
       var u;
-      (u = a.value.ecrIntegrations) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.ecrIntegrations) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (v, u) => {
+    return (y, u) => {
       const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
       return f(), F(n, {
         ref: T.value,
@@ -1278,12 +1276,12 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(s, {
+          v(s, {
             modelValue: r.value.ip,
             "onUpdate:modelValue": u[0] || (u[0] = (i) => r.value.ip = i),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(s, {
+          v(s, {
             modelValue: r.value.receiptName,
             "onUpdate:modelValue": u[1] || (u[1] = (i) => r.value.receiptName = i),
             label: "Receipt Payment Name",
@@ -1297,7 +1295,7 @@ const Ue = {
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(t, {
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1309,7 +1307,7 @@ const Ue = {
       }, 512);
     };
   }
-}), ia = { class: "flex items-end" }, sa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ua = { class: "flex mt-6 space-x-6" }, ca = /* @__PURE__ */ M({
+}), ia = { class: "flex items-end" }, sa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ua = { class: "flex mt-6 space-x-6" }, ca = /* @__PURE__ */ R({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1345,8 +1343,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1379,27 +1377,27 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
           I("div", ia, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", sa, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1412,9 +1410,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1426,7 +1424,7 @@ const Ue = {
       }, 512);
     };
   }
-}), da = { class: "flex items-end" }, pa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ma = { class: "flex mt-6 space-x-6" }, va = /* @__PURE__ */ M({
+}), da = { class: "flex items-end" }, pa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ma = { class: "flex mt-6 space-x-6" }, va = /* @__PURE__ */ R({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1462,8 +1460,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1496,27 +1494,27 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", da, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", pa, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1529,9 +1527,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1543,7 +1541,7 @@ const Ue = {
       }, 512);
     };
   }
-}), ya = { class: "flex items-end" }, fa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ga = { class: "flex mt-6 space-x-6" }, ba = /* @__PURE__ */ M({
+}), ya = { class: "flex items-end" }, fa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ga = { class: "flex mt-6 space-x-6" }, ba = /* @__PURE__ */ R({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1579,8 +1577,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1613,32 +1611,32 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
           I("div", ya, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", fa, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1651,9 +1649,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1665,7 +1663,7 @@ const Ue = {
       }, 512);
     };
   }
-}), Ta = { class: "flex items-end" }, _a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ia = { class: "flex mt-6 space-x-6" }, Fa = /* @__PURE__ */ M({
+}), Ta = { class: "flex items-end" }, _a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ia = { class: "flex mt-6 space-x-6" }, Fa = /* @__PURE__ */ R({
   __name: "OmaGateway",
   props: {
     terminal: {
@@ -1699,8 +1697,8 @@ const Ue = {
         cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    q(a, c), G(c);
-    async function v(s) {
+    P(a, c), q(c);
+    async function y(s) {
       var t;
       (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
@@ -1733,27 +1731,27 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(n, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
           I("div", Ta, [
-            y(n, {
+            v(n, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: u
             })
           ]),
           I("div", _a, [
-            (f(!0), R(P, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
@@ -1766,9 +1764,9 @@ const Ue = {
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => y(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1780,7 +1778,7 @@ const Ue = {
       }, 512);
     };
   }
-}), wa = { class: "flex items-center" }, xa = { class: "w-[260px] self-start" }, Na = { class: "flex-1" }, ka = /* @__PURE__ */ M({
+}), wa = { class: "flex items-center" }, xa = { class: "w-[260px] self-start" }, Na = { class: "flex-1" }, ka = /* @__PURE__ */ R({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1871,14 +1869,14 @@ const Ue = {
     )), { gatewayTab: e } = ne({
       gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (c, v) => {
+    return (c, y) => {
       var s;
       const u = g("FmTabs");
-      return f(), R("div", wa, [
+      return f(), M("div", wa, [
         I("div", xa, [
-          y(u, {
+          v(u, {
             "model-value": h(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => Z(e) ? e.value = t : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (t) => Z(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value,
@@ -1894,7 +1892,7 @@ const Ue = {
       ]);
     };
   }
-}), Ca = { class: "flex mt-6 space-x-6" }, Va = /* @__PURE__ */ M({
+}), Ca = { class: "flex mt-6 space-x-6" }, Va = /* @__PURE__ */ R({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1915,22 +1913,22 @@ const Ue = {
     }, m = () => {
       if (!a.value.qrIntegrations)
         return e();
-      const v = a.value.qrIntegrations, u = v.findIndex((t) => t && t.gateway && t.gateway === "PROMPTPAY");
+      const y = a.value.qrIntegrations, u = y.findIndex((t) => t && t.gateway && t.gateway === "PROMPTPAY");
       if (u === -1)
         return e();
       l.value = u;
-      const s = v.at(u);
+      const s = y.at(u);
       s.gateway === "PROMPTPAY" && s.config && (r.value = {
         account: s.config.account ?? "",
         receiptName: s.receiptName ?? ""
       });
     };
-    q(a, m), G(m);
-    async function c(v) {
+    P(a, m), q(m);
+    async function c(y) {
       var u;
-      (u = a.value.qrIntegrations) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.qrIntegrations) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (v, u) => {
+    return (y, u) => {
       const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
       return f(), F(n, {
         ref: T.value,
@@ -1940,13 +1938,13 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(s, {
+          v(s, {
             modelValue: r.value.account,
             "onUpdate:modelValue": u[0] || (u[0] = (i) => r.value.account = i),
             label: "Thai Phone Number / Thai Naitonal ID",
             "label-info": "Thai Phone Number can be prefixed with 66 or 0 will be fine both will works well."
           }, null, 8, ["modelValue"]),
-          y(s, {
+          v(s, {
             modelValue: r.value.receiptName,
             "onUpdate:modelValue": u[1] || (u[1] = (i) => r.value.receiptName = i),
             label: "Receipt Payment Name",
@@ -1960,7 +1958,7 @@ const Ue = {
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(t, {
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1972,7 +1970,7 @@ const Ue = {
       }, 512);
     };
   }
-}), Sa = { class: "flex items-center" }, Ua = { class: "w-[260px] self-start" }, Ra = { class: "flex-1" }, Ma = /* @__PURE__ */ M({
+}), Sa = { class: "flex items-center" }, Ua = { class: "w-[260px] self-start" }, Ra = { class: "flex-1" }, Ma = /* @__PURE__ */ R({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1996,14 +1994,14 @@ const Ue = {
     ], T = C(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = C(() => a.filter((c) => !c.region || c.region.includes(l.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = ne({
       gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (c, v) => {
+    return (c, y) => {
       var s;
       const u = g("FmTabs");
-      return f(), R("div", Sa, [
+      return f(), M("div", Sa, [
         I("div", Ua, [
-          y(u, {
+          v(u, {
             "model-value": h(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => Z(e) ? e.value = t : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (t) => Z(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
@@ -2018,7 +2016,7 @@ const Ue = {
       ]);
     };
   }
-}), Ka = /* @__PURE__ */ M({
+}), Ka = /* @__PURE__ */ R({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -2056,7 +2054,7 @@ const Ue = {
         }
       });
     }
-    const v = [
+    const y = [
       {
         label: "Information",
         value: "information",
@@ -2094,18 +2092,18 @@ const Ue = {
     oe().currentCountry;
     const u = C(() => {
       var n;
-      return (n = v.find((i) => i.value === a.value)) == null ? void 0 : n.render;
+      return (n = y.find((i) => i.value === a.value)) == null ? void 0 : n.render;
     });
     async function s() {
       l(async () => {
         m.value = await E.readById(d.terminalId);
       });
     }
-    const t = C(() => v.filter((n) => {
+    const t = C(() => y.filter((n) => {
       var i;
       return !n.onlyFor || n.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
     }));
-    return G(s), (n, i) => {
+    return q(s), (n, i) => {
       var x, o;
       const p = g("FmTabs");
       return f(), F(ye, {
@@ -2114,7 +2112,7 @@ const Ue = {
         onBack: h(r).back
       }, {
         default: O(() => [
-          y(p, {
+          v(p, {
             "model-value": h(a),
             "onUpdate:modelValue": i[0] || (i[0] = (w) => Z(a) ? a.value = w : null),
             class: "mb-6",