@feedmepos/mf-payment 1.7.1 → 1.7.4-dev

package/dist/{TerminalSetting-AnoIOO73.js → TerminalSetting-C5UmznfX.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-DYl43WIP.js";
-import { useRouter as ve } from "vue-router";
-import { t as E } from "./index-Ch9pmMdq.js";
-import { _ as ye } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as ne } from "./index-BiKaun0K.js";
+import { defineComponent as R, openBlock as y, createElementBlock as S, Fragment as P, createElementVNode as I, createTextVNode as j, toDisplayString as W, ref as b, resolveComponent as g, createVNode as v, createCommentVNode as V, unref as M, computed as k, isRef as Z, createBlock as F, resolveDynamicComponent as ee, normalizeProps as ae, mergeProps as te, watch as q, onBeforeUnmount as ve, toRef as A, onMounted as G, withCtx as O, renderList as B } from "vue";
+import { u as le, p as ye, e as U } from "./index-DmTVLzm7.js";
+import { useRouter as fe } from "vue-router";
+import { t as K } from "./index-BMLgxxih.js";
+import { _ as ge } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as ne } from "./index-DR01zn4-.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-Qmbuelbf.js";
-import { c as be } from "./index-MdV54cWO.js";
-import { z as Te, a as _e } from "./validator-CTlVogBQ.js";
-const Ie = /* @__PURE__ */ M({
+import { useI18n as be, useCoreStore as oe } from "@feedmepos/mf-common";
+import { o as Te } from "./index-udIS6_YQ.js";
+import { c as _e } from "./index-MdV54cWO.js";
+import { z as ue, a as ce } from "./validator-CTlVogBQ.js";
+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 (p, a) => (y(), S(P, 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: {
@@ -43,7 +43,7 @@ const Ie = /* @__PURE__ */ M({
     }
   },
   setup(_) {
-    const { isLoading: d, startAsyncCall: a } = le(!1), T = se(), l = b({
+    const { isLoading: p, startAsyncCall: a } = le(!1), T = se(), l = b({
       enable: !1,
       password: []
     }), r = _;
@@ -56,44 +56,44 @@ const Ie = /* @__PURE__ */ M({
         m.enable && Object.assign(m, {
           password: l.value.password.join("")
         });
-        const c = await E.kioskModeRequest(r.terminal._id, m);
+        const c = await K.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 f = c;
+        return c === "client_not_connected" && (f = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (f = c.replaceAll("terminal: ", "")), T.open({
           type: "error",
-          message: v
+          message: f
         });
       });
     }
     return (m, c) => {
-      const v = g("FmSwitch"), u = g("FmPinField"), s = g("FmButton");
-      return f(), R(P, null, [
-        y(v, {
+      const f = g("FmSwitch"), u = g("FmPinField"), s = g("FmButton");
+      return y(), S(P, null, [
+        v(f, {
           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 ? (y(), S("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",
-            loading: h(d),
+            loading: M(p),
             onclick: e
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), Ne = /* @__PURE__ */ M({
+}), Ne = /* @__PURE__ */ R({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -102,7 +102,7 @@ const Ie = /* @__PURE__ */ M({
     }
   },
   setup(_) {
-    const { settingTab: d } = ne({
+    const { settingTab: p } = ne({
       settingTab: "kiosk_mode"
     }), a = [
       {
@@ -110,71 +110,71 @@ const Ie = /* @__PURE__ */ M({
         value: "kiosk_mode",
         render: xe
       }
-    ], T = _, l = C(() => a.find((r) => r.value === d.value));
+    ], T = _, l = k(() => a.find((r) => r.value === p.value));
     return (r, e) => {
       var c;
       const m = g("FmTabs");
-      return f(), R(P, null, [
+      return y(), S(P, 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, {
-          "model-value": h(d),
-          "onUpdate:modelValue": e[0] || (e[0] = (v) => Z(d) ? d.value = v : null),
+        v(m, {
+          "model-value": M(p),
+          "onUpdate:modelValue": e[0] || (e[0] = (f) => Z(p) ? p.value = f : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        h(d) ? (f(), F(ee((c = l.value) == null ? void 0 : c.render), ae(te({ key: 0 }, { terminal: T.terminal })), null, 16)) : V("", !0)
+        M(p) ? (y(), F(ee((c = l.value) == null ? void 0 : c.render), ae(te({ key: 0 }, { terminal: T.terminal })), null, 16)) : V("", !0)
       ], 64);
     };
   }
-}), ke = 2e3, Ce = 12e4, Ve = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function Se(_) {
-  const { isLoading: d, startLoading: a, stopLoading: T } = le(!1), { t: l } = fe(), r = se(), e = b(null), m = C(() => {
-    var D, B;
-    const k = (D = _.value.gateways) == null ? void 0 : D.find(
-      ($) => $.gateway === "Tyro"
+}), Ce = 2e3, ke = 12e4, Ve = "Timed out waiting for the Tyro reader to sync. Please try again.";
+function Ue(_) {
+  const { isLoading: p, startLoading: a, stopLoading: T } = le(!1), { t: l } = be(), r = se(), e = b(null), m = k(() => {
+    var $, E;
+    const C = ($ = _.value.gateways) == null ? void 0 : $.find(
+      (D) => D.gateway === "Tyro"
     );
-    return ((B = k == null ? void 0 : k.config) == null ? void 0 : B.uniqueId) || "";
-  }), c = C(() => !!m.value), v = 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 ((E = C == null ? void 0 : C.config) == null ? void 0 : E.uniqueId) || "";
+  }), c = k(() => !!m.value), f = k(() => {
+    var C;
+    return ((C = e.value) == null ? void 0 : C.status) === "ready";
+  }), u = k(() => {
+    var C, $;
+    return f.value && !!(($ = (C = e.value) == null ? void 0 : C.fields) != null && $.tyroLocationId) && !!_.value.deviceId && !c.value;
+  }), s = k(() => !f.value && !c.value), t = k(
     () => l("payment.onboard-submission.tyro.syncDisabledHint")
-  ), n = C(() => c.value ? "Synced" : "Sync");
+  ), o = k(() => c.value ? "Synced" : "Sync");
   async function i() {
     if (!_.value.referenceId) {
       e.value = null;
       return;
     }
     try {
-      const k = await ge.getByRestaurant(
+      const C = await Te.getByRestaurant(
         _.value.referenceId
       );
-      e.value = k.find(
-        (D) => D.type === me.FdoOnboardType.enum.tyro
+      e.value = C.find(
+        ($) => $.type === ye.FdoOnboardType.enum.tyro
       ) ?? null;
-    } catch (k) {
+    } catch (C) {
       e.value = null, r.open({
         type: "error",
-        message: X(k)
+        message: X(C)
       });
     }
   }
-  const p = be({
-    intervalMs: ke,
-    timeoutMs: Ce,
-    onTick: async ({ isCurrentRun: k, stop: D }) => {
+  const d = _e({
+    intervalMs: Ce,
+    timeoutMs: ke,
+    onTick: async ({ isCurrentRun: C, stop: $ }) => {
       var H, z;
-      const B = await E.readById(_.value._id);
-      if (!k())
+      const E = await K.readById(_.value._id);
+      if (!C())
         return;
-      const $ = (H = B.gateways) == null ? void 0 : H.find((Q) => Q.gateway === "Tyro");
-      ($ == null ? void 0 : $.gateway) === "Tyro" && ((z = $ == null ? void 0 : $.config) != null && z.uniqueId) && (D({ invalidate: !1 }), T(), Object.assign(_.value, B), r.open({
+      const D = (H = E.gateways) == null ? void 0 : H.find((Q) => Q.gateway === "Tyro");
+      (D == null ? void 0 : D.gateway) === "Tyro" && ((z = D == null ? void 0 : D.config) != null && z.uniqueId) && ($({ invalidate: !1 }), T(), Object.assign(_.value, E), r.open({
         type: "success",
         message: "Tyro reader created successfully"
       }));
@@ -185,20 +185,20 @@ function Se(_) {
         message: Ve
       });
     },
-    onError: (k) => {
+    onError: (C) => {
       T(), r.open({
         type: "error",
-        message: X(k)
+        message: X(C)
       });
     }
-  }), x = p.isPolling;
-  function o() {
-    p.stop(), T();
+  }), x = d.isPolling;
+  function n() {
+    d.stop(), T();
   }
   function w() {
-    o(), a(), p.start();
+    n(), a(), d.start();
   }
-  async function K() {
+  async function L() {
     if (!u.value) {
       r.open({
         type: "error",
@@ -207,11 +207,11 @@ function Se(_) {
       return;
     }
     try {
-      a(), await E.syncTyroReader(_.value._id), w();
-    } catch (k) {
-      o(), r.open({
+      a(), await K.syncTyroReader(_.value._id), w();
+    } catch (C) {
+      n(), r.open({
         type: "error",
-        message: X(k)
+        message: X(C)
       });
     }
   }
@@ -221,23 +221,23 @@ function Se(_) {
       await i();
     },
     { immediate: !0 }
-  ), pe(() => {
-    o();
+  ), ve(() => {
+    n();
   }), {
-    isLoading: d,
+    isLoading: p,
     isPollingTyroReader: x,
     uniqueId: m,
     canSyncTyroReader: u,
     showTyroSyncPopover: s,
     tyroSyncPopoverMessage: t,
-    tyroSyncButtonLabel: n,
-    syncTyroReader: K
+    tyroSyncButtonLabel: o,
+    syncTyroReader: L
   };
 }
-const Ue = {
+const Se = {
   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" }, he = { class: "flex-1" }, Me = /* @__PURE__ */ R({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -250,7 +250,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = oe().currentCountry, T = [
+    const p = _, a = oe().currentCountry, T = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
@@ -291,30 +291,30 @@ const Ue = {
         gateway: "Tyro",
         region: U.F_COUNTRY.enum.AU
       }
-    ], l = A(() => d.terminal), r = b(), e = b({
+    ], l = A(() => p.terminal), r = b(), e = b({
       packageId: "",
       uniqueId: "",
       developerId: "",
       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 = k(() => T.filter((N) => N.region === a.value)), f = k(() => c.value.find(
       (N) => N.value === e.value.packageId
-    )), u = C(
+    )), u = k(
       () => {
         var N;
-        return ((N = v.value) == null ? void 0 : N.gateway) === "Tyro";
+        return ((N = f.value) == null ? void 0 : N.gateway) === "Tyro";
       }
     ), {
       isLoading: s,
       isPollingTyroReader: t,
-      uniqueId: n,
+      uniqueId: o,
       canSyncTyroReader: i,
-      showTyroSyncPopover: p,
+      showTyroSyncPopover: d,
       tyroSyncPopoverMessage: x,
-      tyroSyncButtonLabel: o,
+      tyroSyncButtonLabel: n,
       syncTyroReader: w
-    } = Se(l), K = C(() => u.value ? "button" : "submit"), k = C(() => u.value ? o.value : "Save"), D = C(() => u.value ? s.value : !1), B = C(() => u.value ? !i.value || t.value : !1), $ = () => {
+    } = Ue(l), L = k(() => u.value ? "button" : "submit"), C = k(() => u.value ? n.value : "Save"), $ = k(() => u.value ? s.value : !1), E = k(() => u.value ? !i.value || t.value : !1), D = () => {
       if (!l.value.gateways || l.value.gateways.length === 0)
         return m();
       const N = l.value.gateways[0];
@@ -340,23 +340,23 @@ const Ue = {
           break;
         case "Softspace":
         case "Digio":
-          const S = JSON.parse(N.config.uniqueId);
+          const h = JSON.parse(N.config.uniqueId);
           e.value = {
             packageId: N.config.packageId,
-            uniqueId: S.uniqueId,
-            developerId: S.developerId,
-            isUat: S.isUat
+            uniqueId: h.uniqueId,
+            developerId: h.developerId,
+            isUat: h.isUat
           };
           return;
       }
     };
-    q(l, $), G($);
+    q(l, D), G(D);
     async function H() {
-      const N = v.value;
+      const N = f.value;
       if (!N)
         return;
-      let S = e.value.uniqueId;
-      N.isLegacy || (S = JSON.stringify({
+      let h = e.value.uniqueId;
+      N.isLegacy || (h = JSON.stringify({
         uniqueId: e.value.uniqueId,
         developerId: e.value.developerId,
         isUat: e.value.isUat
@@ -365,100 +365,100 @@ const Ue = {
         gateway: N.gateway,
         config: {
           packageId: N.value,
-          uniqueId: S
+          uniqueId: h
         }
       };
-      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = re, await d.onUpdate(l.value);
+      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = re, await p.onUpdate(l.value);
     }
     async function z(N) {
-      var S;
-      (S = l.value.gateways) == null || S.splice(N, 1), d.onUpdate(l.value);
+      var h;
+      (h = l.value.gateways) == null || h.splice(N, 1), p.onUpdate(l.value);
     }
     function Q() {
       u.value && w();
     }
-    return (N, S) => {
-      const re = g("FmSelect"), J = g("FmTextField"), ue = g("FmCheckbox"), ie = g("FmButton"), ce = g("FmTooltip"), de = g("FmForm");
-      return f(), F(de, {
+    return (N, h) => {
+      const re = g("FmSelect"), J = g("FmTextField"), de = g("FmCheckbox"), ie = g("FmButton"), pe = g("FmTooltip"), me = g("FmForm");
+      return y(), F(me, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: H
       }, {
         default: O(() => [
-          y(re, {
+          v(re, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": S[0] || (S[0] = (L) => e.value.packageId = L),
+            "onUpdate:modelValue": h[0] || (h[0] = (Y) => e.value.packageId = Y),
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
-          v.value ? (f(), R(P, { key: 0 }, [
-            u.value ? (f(), F(J, {
+          f.value ? (y(), S(P, { key: 0 }, [
+            u.value ? (y(), F(J, {
               key: 0,
-              "model-value": h(n),
+              "model-value": M(o),
               label: "Unique ID (Reader ID)",
               disabled: ""
-            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (f(), R(P, { key: 1 }, [
-              y(J, {
+            }, null, 8, ["model-value"])) : f.value && f.value.isLegacy ? (y(), S(P, { key: 1 }, [
+              v(J, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": S[1] || (S[1] = (L) => e.value.uniqueId = L),
+                "onUpdate:modelValue": h[1] || (h[1] = (Y) => e.value.uniqueId = Y),
                 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, {
+              f.value.isOutdated ? (y(), S("span", Se, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : V("", !0)
+            ], 64)) : (y(), S(P, { key: 2 }, [
+              v(J, {
                 modelValue: e.value.developerId,
-                "onUpdate:modelValue": S[2] || (S[2] = (L) => e.value.developerId = L),
+                "onUpdate:modelValue": h[2] || (h[2] = (Y) => e.value.developerId = Y),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              y(J, {
+              v(J, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": S[3] || (S[3] = (L) => e.value.uniqueId = L),
+                "onUpdate:modelValue": h[3] || (h[3] = (Y) => e.value.uniqueId = Y),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              y(ue, {
+              v(de, {
                 modelValue: e.value.isUat,
-                "onUpdate:modelValue": S[4] || (S[4] = (L) => e.value.isUat = L),
+                "onUpdate:modelValue": h[4] || (h[4] = (Y) => e.value.isUat = Y),
                 label: "Is UAT (Test)",
                 value: "1"
               }, null, 8, ["modelValue"])
             ], 64)),
             I("div", Re, [
-              l.value.gateways && l.value.gateways.length > 0 ? (f(), F(ie, {
+              l.value.gateways && l.value.gateways.length > 0 ? (y(), 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, {
+              u.value && M(d) && E.value ? (y(), F(pe, {
                 key: 1,
                 class: "flex-1",
                 variant: "plain",
                 placement: "top",
-                content: h(x)
+                content: M(x)
               }, {
                 default: O(() => [
-                  I("div", Me, [
-                    y(ie, {
-                      type: K.value,
+                  I("div", he, [
+                    v(ie, {
+                      type: L.value,
                       class: "w-full",
                       variant: "primary",
-                      loading: D.value,
-                      disabled: B.value,
-                      label: k.value,
+                      loading: $.value,
+                      disabled: E.value,
+                      label: C.value,
                       onClick: Q
                     }, null, 8, ["type", "loading", "disabled", "label"])
                   ])
                 ]),
                 _: 1
-              }, 8, ["content"])) : (f(), F(ie, {
+              }, 8, ["content"])) : (y(), F(ie, {
                 key: 2,
-                type: K.value,
+                type: L.value,
                 class: "flex-1",
                 variant: "primary",
-                loading: D.value,
-                disabled: B.value,
-                label: k.value,
+                loading: $.value,
+                disabled: E.value,
+                label: C.value,
                 onClick: Q
               }, null, 8, ["type", "loading", "disabled", "label"]))
             ])
@@ -471,7 +471,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: {
@@ -484,38 +484,38 @@ const Ue = {
     }
   },
   setup(_) {
-    const { isLoading: d, startAsyncCall: a } = le(), T = _, l = A(() => T.terminal), r = b(), e = b(), m = b(-1), c = b({
+    const { isLoading: p, startAsyncCall: a } = le(), T = _, l = A(() => T.terminal), r = b(), e = b(), m = b(-1), c = b({
       terminalId: ""
-    }), v = () => {
+    }), f = () => {
       c.value.terminalId = "", m.value = -1;
     }, u = () => {
       if (a(async () => {
-        r.value = await E.getRestaurantTerminals(T.terminal.referenceId);
+        r.value = await K.getRestaurantTerminals(T.terminal.referenceId);
       }), !T.terminal.ecrs)
-        return v();
-      const n = T.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
-      if (n === -1)
-        return v();
-      m.value = n;
-      const i = T.terminal.ecrs.at(n);
+        return f();
+      const o = T.terminal.ecrs.findIndex((d) => d && d.gateway && d.gateway === "FeedMe");
+      if (o === -1)
+        return f();
+      m.value = o;
+      const i = T.terminal.ecrs.at(o);
       i.gateway === "FeedMe" && i.config && (c.value = {
         terminalId: i.config.terminalId
       });
     };
     q(l, u), G(u);
-    const s = C(() => (r.value ?? []).map((n) => ({
-      label: n.name ?? n._id,
-      value: n._id
+    const s = k(() => (r.value ?? []).map((o) => ({
+      label: o.name ?? o._id,
+      value: o._id
     })));
-    async function t(n) {
+    async function t(o) {
       var i;
-      (i = T.terminal.ecrs) == null || i.splice(n, 1), T.onUpdate(T.terminal);
+      (i = T.terminal.ecrs) == null || i.splice(o, 1), T.onUpdate(T.terminal);
     }
-    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" })
-      ])) : (f(), F(w, {
+    return (o, i) => {
+      const d = g("FmCircularProgress"), x = g("FmSelect"), n = g("FmButton"), w = g("FmForm");
+      return M(p) ? (y(), S("div", Oe, [
+        v(d, { size: "xxl" })
+      ])) : (y(), F(w, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
@@ -524,22 +524,22 @@ const Ue = {
         })
       }, {
         default: O(() => [
-          y(x, {
+          v(x, {
             modelValue: c.value.terminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (K) => c.value.terminalId = K),
+            "onUpdate:modelValue": i[0] || (i[0] = (L) => c.value.terminalId = L),
             label: "Terminal ID",
             items: s.value,
-            rules: h(Te)(h(_e).string())
+            rules: M(ue)(M(ce).string())
           }, null, 8, ["modelValue", "items", "rules"]),
           I("div", Pe, [
-            m.value > -1 ? (f(), F(o, {
+            m.value > -1 ? (y(), F(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(m.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(o, {
+            v(n, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -551,7 +551,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: {
@@ -564,7 +564,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b({
       merchantId: "",
       terminalId: "",
       privateKey: ""
@@ -573,11 +573,11 @@ 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 f = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
+      if (f === -1)
         return e();
-      l.value = v;
-      const u = a.value.ecrs.at(v);
+      l.value = f;
+      const u = a.value.ecrs.at(f);
       u.gateway === "Ghl" && u.config && (r.value = {
         merchantId: u.config.merchantId,
         terminalId: u.config.terminalId,
@@ -585,46 +585,46 @@ const Ue = {
       });
     };
     q(a, m), G(m);
-    async function c(v) {
+    async function c(f) {
       var u;
-      (u = a.value.ecrs) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.ecrs) == null || u.splice(f, 1), p.onUpdate(a.value);
     }
-    return (v, u) => {
-      const s = g("FmTextField"), t = g("FmTextarea"), n = g("FmButton"), i = g("FmForm");
-      return f(), F(i, {
+    return (f, u) => {
+      const s = g("FmTextField"), t = g("FmTextarea"), o = g("FmButton"), i = g("FmForm");
+      return y(), F(i, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: u[3] || (u[3] = () => {
-          l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), d.onUpdate(a.value);
+          l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(s, {
+          v(s, {
             modelValue: r.value.merchantId,
-            "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value.merchantId = p),
+            "onUpdate:modelValue": u[0] || (u[0] = (d) => r.value.merchantId = d),
             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),
+            "onUpdate:modelValue": u[1] || (u[1] = (d) => r.value.terminalId = d),
             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),
+            "onUpdate:modelValue": u[2] || (u[2] = (d) => r.value.privateKey = d),
             label: "Private Key",
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
           I("div", Ge, [
-            l.value > -1 ? (f(), F(n, {
+            l.value > -1 ? (y(), F(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(n, {
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -636,7 +636,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({
+}), $e = { class: "flex items-end" }, De = { 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: {
@@ -649,7 +649,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
@@ -659,38 +659,38 @@ const Ue = {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
+      const s = a.value.ecrIntegrations, t = s.findIndex((d) => d && d.gateway && d.gateway === "Maybank");
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Maybank" && o.config && (e.value = {
+        ip: o.config.ip ?? "",
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -700,51 +700,51 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", De, [
-            y(n, {
+          I("div", $e, [
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+          I("div", De, [
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Be, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -756,7 +756,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({
+}), Ee = { class: "flex items-end" }, Ye = { 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: {
@@ -769,7 +769,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
@@ -779,38 +779,38 @@ const Ue = {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
+      const s = a.value.ecrIntegrations, t = s.findIndex((d) => d && d.gateway && d.gateway === "Maybank2");
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank2" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Maybank2" && o.config && (e.value = {
+        ip: o.config.ip ?? "",
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank2",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -820,51 +820,51 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Ye, [
-            y(n, {
+          I("div", Ee, [
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+          I("div", Ye, [
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ke, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -876,7 +876,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: {
@@ -889,7 +889,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
@@ -899,38 +899,38 @@ const Ue = {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
+      const s = a.value.ecrIntegrations, t = s.findIndex((d) => d && d.gateway && d.gateway === "Maybank3");
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank3" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Maybank3" && o.config && (e.value = {
+        config: o.config,
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -940,46 +940,46 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", He, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Qe, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -991,7 +991,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: {
@@ -1004,7 +1004,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
@@ -1014,38 +1014,38 @@ const Ue = {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Nets");
+      const s = a.value.ecrIntegrations, t = s.findIndex((d) => d && d.gateway && d.gateway === "Nets");
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Nets" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Nets" && o.config && (e.value = {
+        ip: o.config.ip ?? "",
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Nets",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1055,51 +1055,51 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
           I("div", We, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ze, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1111,7 +1111,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: {
@@ -1124,7 +1124,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
     }), m = () => {
@@ -1133,37 +1133,37 @@ const Ue = {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
+      const s = a.value.ecrIntegrations, t = s.findIndex((d) => d && d.gateway && d.gateway === "Kbank");
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Kbank" && n.config && (e.value = {
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Kbank" && o.config && (e.value = {
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Kbank",
             config: {},
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1173,46 +1173,46 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
           I("div", aa, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", la, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1224,7 +1224,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: {
@@ -1237,7 +1237,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b({
       ip: "",
       receiptName: ""
     }), e = () => {
@@ -1245,24 +1245,24 @@ 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 f = a.value.ecrIntegrations, u = f.findIndex((t) => t && t.gateway && t.gateway === "Ghl2");
       if (u === -1)
         return e();
       l.value = u;
-      const s = v.at(u);
+      const s = f.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) {
+    async function c(f) {
       var u;
-      (u = a.value.ecrIntegrations) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.ecrIntegrations) == null || u.splice(f, 1), p.onUpdate(a.value);
     }
-    return (v, u) => {
-      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
-      return f(), F(n, {
+    return (f, u) => {
+      const s = g("FmTextField"), t = g("FmButton"), o = g("FmForm");
+      return y(), F(o, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: u[2] || (u[2] = () => {
@@ -1274,30 +1274,30 @@ const Ue = {
             gateway: "Ghl2",
             config: { ip: r.value.ip },
             receiptName: r.value.receiptName
-          }), d.onUpdate(a.value);
+          }), p.onUpdate(a.value);
         })
       }, {
         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",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
           I("div", oa, [
-            l.value > -1 ? (f(), F(t, {
+            l.value > -1 ? (y(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(t, {
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1309,7 +1309,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: {
@@ -1322,7 +1322,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
@@ -1333,39 +1333,39 @@ const Ue = {
       if (!a.value.ecrIntegrations)
         return m();
       const s = a.value.ecrIntegrations, t = s.findIndex(
-        (p) => p && p.gateway && p.gateway === "Ghl3"
+        (d) => d && d.gateway && d.gateway === "Ghl3"
       );
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Ghl3" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Ghl3" && o.config && (e.value = {
+        config: o.config,
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Ghl3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1375,46 +1375,46 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
           I("div", ia, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", ua, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1426,7 +1426,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: {
@@ -1439,7 +1439,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
@@ -1450,39 +1450,39 @@ const Ue = {
       if (!a.value.ecrIntegrations)
         return m();
       const s = a.value.ecrIntegrations, t = s.findIndex(
-        (p) => p && p.gateway && p.gateway === "Hlbb"
+        (d) => d && d.gateway && d.gateway === "Hlbb"
       );
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Hlbb" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Hlbb" && o.config && (e.value = {
+        config: o.config,
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Hlbb",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1492,46 +1492,46 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
           I("div", da, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", ma, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1543,7 +1543,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: {
@@ -1556,7 +1556,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
@@ -1567,39 +1567,39 @@ const Ue = {
       if (!a.value.ecrIntegrations)
         return m();
       const s = a.value.ecrIntegrations, t = s.findIndex(
-        (p) => p && p.gateway && p.gateway === "GlobalPayments"
+        (d) => d && d.gateway && d.gateway === "GlobalPayments"
       );
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "GlobalPayments" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "GlobalPayments" && o.config && (e.value = {
+        ip: o.config.ip ?? "",
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "GlobalPayments",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1609,51 +1609,51 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
           I("div", ya, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", ga, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1665,7 +1665,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: {
@@ -1678,7 +1678,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
     }), m = () => {
@@ -1688,38 +1688,38 @@ const Ue = {
       if (!a.value.ecrIntegrations)
         return m();
       const s = a.value.ecrIntegrations, t = s.findIndex(
-        (p) => p && p.gateway && p.gateway === "Oma"
+        (d) => d && d.gateway && d.gateway === "Oma"
       );
       if (t === -1)
         return m();
       l.value = t;
-      const n = s.at(t);
-      n.gateway === "Oma" && n.config && (e.value = {
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      const o = s.at(t);
+      o.gateway === "Oma" && o.config && (e.value = {
+        receiptName: o.receiptName ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     q(a, c), G(c);
-    async function v(s) {
+    async function f(s) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
     }
     async function u() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), F(x, {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var o, w;
+          var n, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Oma",
             config: {},
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1729,46 +1729,46 @@ const Ue = {
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), p.onUpdate(a.value);
         })
       }, {
         default: O(() => [
-          y(n, {
+          v(o, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
           I("div", Ta, [
-            y(n, {
+            v(o, {
               modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
               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, {
-              key: o,
-              label: o,
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ia, [
-            l.value > -1 ? (f(), F(i, {
+            l.value > -1 ? (y(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(l.value)
+              onclick: () => f(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(i, {
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1780,7 +1780,135 @@ 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-end" }, xa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Na = { class: "flex mt-6 space-x-6" }, Ca = /* @__PURE__ */ R({
+  __name: "RevenueGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(_) {
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b(), e = b({
+      receiptName: "",
+      ip: "",
+      cardTypes: []
+    }), m = () => {
+      e.value.receiptName = "", e.value.ip = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
+      var i;
+      if (!a.value.ecrIntegrations)
+        return m();
+      const s = a.value.ecrIntegrations, t = s.findIndex(
+        (d) => d && d.gateway && d.gateway === "Revenue"
+      );
+      if (t === -1)
+        return m();
+      l.value = t;
+      const o = s.at(t);
+      o.gateway === "Revenue" && o.config && (e.value = {
+        receiptName: o.receiptName ?? "",
+        ip: o.config.ip ?? "",
+        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      });
+    };
+    q(a, c), G(c);
+    async function f(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+    }
+    async function u() {
+      e.value.cardTypes.push(r.value), r.value = "";
+    }
+    return (s, t) => {
+      const o = g("FmTextField"), i = g("FmButton"), d = g("FmChip"), x = g("FmForm");
+      return y(), F(x, {
+        ref: T.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: t[3] || (t[3] = () => {
+          var w, L;
+          const n = {
+            type: "tcp",
+            ip: e.value.ip
+          };
+          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
+            gateway: "Revenue",
+            config: n,
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              ...(L = (w = a.value.ecrIntegrations) == null ? void 0 : w[l.value]) == null ? void 0 : L.dialogConfig,
+              cardTypes: e.value.cardTypes
+            }
+          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
+            gateway: "Revenue",
+            config: n,
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              cardTypes: e.value.cardTypes
+            }
+          })), p.onUpdate(a.value);
+        })
+      }, {
+        default: O(() => [
+          v(o, {
+            modelValue: e.value.ip,
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
+            label: "Terminal IP Address",
+            "label-info": "Terminal WiFi IP with optional port, e.g. 192.168.1.50:8080 (defaults to port 8080)",
+            rules: M(ue)(M(ce).string().min(1))
+          }, null, 8, ["modelValue", "rules"]),
+          v(o, {
+            modelValue: e.value.receiptName,
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => e.value.receiptName = n),
+            label: "Receipt Payment Name",
+            "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
+          }, null, 8, ["modelValue"]),
+          I("div", wa, [
+            v(o, {
+              modelValue: r.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
+              label: "Fallback Card Types",
+              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
+            }, null, 8, ["modelValue"]),
+            v(i, {
+              class: "ml-4",
+              icon: "add",
+              onClick: u
+            })
+          ]),
+          I("div", xa, [
+            (y(!0), S(P, null, B(e.value.cardTypes, (n) => (y(), F(d, {
+              key: n,
+              label: n,
+              removable: !0,
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
+            }, null, 8, ["label", "onChipClosed"]))), 128))
+          ]),
+          I("div", Na, [
+            l.value > -1 ? (y(), F(i, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => f(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            v(i, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ka = { class: "flex items-center" }, Va = { class: "w-[260px] self-start" }, Ua = { class: "flex-1" }, Sa = /* @__PURE__ */ R({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1794,7 +1922,7 @@ const Ue = {
   },
   setup(_) {
     var m;
-    const d = _, a = [
+    const p = _, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
@@ -1865,36 +1993,42 @@ const Ue = {
         value: "oma",
         render: Fa,
         region: [U.F_COUNTRY.enum.PK]
+      },
+      {
+        label: "Revenue PBB Terminal",
+        value: "revenue",
+        render: Ca,
+        region: [U.F_COUNTRY.enum.MY]
       }
-    ], T = C(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = C(() => a.filter(
+    ], T = k(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = k(() => 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, f) => {
       var s;
       const u = g("FmTabs");
-      return f(), R("div", wa, [
-        I("div", xa, [
-          y(u, {
-            "model-value": h(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => Z(e) ? e.value = t : null),
+      return y(), S("div", ka, [
+        I("div", Va, [
+          v(u, {
+            "model-value": M(e),
+            "onUpdate:modelValue": f[0] || (f[0] = (t) => Z(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value,
             "show-more-at": Number.POSITIVE_INFINITY
           }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
-        I("div", Na, [
-          h(e) ? (f(), F(ee((s = T.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
+        I("div", Ua, [
+          M(e) ? (y(), F(ee((s = T.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
+            terminal: p.terminal,
+            onUpdate: p.onUpdate
           })), null, 16)) : V("", !0)
         ])
       ]);
     };
   }
-}), Ca = { class: "flex mt-6 space-x-6" }, Va = /* @__PURE__ */ M({
+}), Ra = { class: "flex mt-6 space-x-6" }, ha = /* @__PURE__ */ R({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1907,7 +2041,7 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
+    const p = _, a = A(() => p.terminal), T = b(), l = b(-1), r = b({
       account: "",
       receiptName: ""
     }), e = () => {
@@ -1915,52 +2049,52 @@ 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 f = a.value.qrIntegrations, u = f.findIndex((t) => t && t.gateway && t.gateway === "PROMPTPAY");
       if (u === -1)
         return e();
       l.value = u;
-      const s = v.at(u);
+      const s = f.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) {
+    async function c(f) {
       var u;
-      (u = a.value.qrIntegrations) == null || u.splice(v, 1), d.onUpdate(a.value);
+      (u = a.value.qrIntegrations) == null || u.splice(f, 1), p.onUpdate(a.value);
     }
-    return (v, u) => {
-      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
-      return f(), F(n, {
+    return (f, u) => {
+      const s = g("FmTextField"), t = g("FmButton"), o = g("FmForm");
+      return y(), F(o, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: u[2] || (u[2] = () => {
-          l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), d.onUpdate(a.value);
+          l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), p.onUpdate(a.value);
         })
       }, {
         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",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Ca, [
-            l.value > -1 ? (f(), F(t, {
+          I("div", Ra, [
+            l.value > -1 ? (y(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
             }, null, 8, ["onclick"])) : V("", !0),
-            y(t, {
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1972,7 +2106,7 @@ const Ue = {
       }, 512);
     };
   }
-}), Sa = { class: "flex items-center" }, Ua = { class: "w-[260px] self-start" }, Ra = { class: "flex-1" }, Ma = /* @__PURE__ */ M({
+}), Ma = { class: "flex items-center" }, Oa = { class: "w-[260px] self-start" }, Pa = { class: "flex-1" }, qa = /* @__PURE__ */ R({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1986,39 +2120,39 @@ const Ue = {
   },
   setup(_) {
     var m;
-    const d = _, a = [
+    const p = _, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: Va,
+        render: ha,
         region: [U.F_COUNTRY.enum.TH]
       }
-    ], 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({
+    ], T = k(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = k(() => 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, f) => {
       var s;
       const u = g("FmTabs");
-      return f(), R("div", Sa, [
-        I("div", Ua, [
-          y(u, {
-            "model-value": h(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => Z(e) ? e.value = t : null),
+      return y(), S("div", Ma, [
+        I("div", Oa, [
+          v(u, {
+            "model-value": M(e),
+            "onUpdate:modelValue": f[0] || (f[0] = (t) => Z(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", Ra, [
-          h(e) ? (f(), F(ee((s = T.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
+        I("div", Pa, [
+          M(e) ? (y(), F(ee((s = T.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
+            terminal: p.terminal,
+            onUpdate: p.onUpdate
           })), null, 16)) : V("", !0)
         ])
       ]);
     };
   }
-}), Ka = /* @__PURE__ */ M({
+}), Qa = /* @__PURE__ */ R({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -2027,23 +2161,23 @@ const Ue = {
     }
   },
   setup(_) {
-    const d = _, { tab: a } = ne({
+    const p = _, { tab: a } = ne({
       tab: "information"
-    }), { isLoading: T, startAsyncCall: l } = le(!0), r = ve(), e = se(), m = b();
-    async function c(n) {
+    }), { isLoading: T, startAsyncCall: l } = le(!0), r = fe(), e = se(), m = b();
+    async function c(o) {
       l(async () => {
         try {
-          await E.updateById(
-            d.terminalId,
+          await K.updateById(
+            p.terminalId,
             {
-              name: n.name,
-              status: n.status,
-              ecrs: n.ecrs ?? [],
-              gateways: n.gateways ?? [],
-              ecrIntegrations: n.ecrIntegrations ?? [],
-              qrIntegrations: n.qrIntegrations ?? []
+              name: o.name,
+              status: o.status,
+              ecrs: o.ecrs ?? [],
+              gateways: o.gateways ?? [],
+              ecrIntegrations: o.ecrIntegrations ?? [],
+              qrIntegrations: o.qrIntegrations ?? []
             }
-          ), m.value = await E.readById(d.terminalId), e.open({
+          ), m.value = await K.readById(p.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
@@ -2056,7 +2190,7 @@ const Ue = {
         }
       });
     }
-    const v = [
+    const f = [
       {
         label: "Information",
         value: "information",
@@ -2074,53 +2208,53 @@ const Ue = {
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: he
+        render: Me
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: ka,
+        render: Sa,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: Ma,
+        render: qa,
         onlyFor: ["POS", "KIOSK"]
       }
     ];
     oe().currentCountry;
-    const u = C(() => {
-      var n;
-      return (n = v.find((i) => i.value === a.value)) == null ? void 0 : n.render;
+    const u = k(() => {
+      var o;
+      return (o = f.find((i) => i.value === a.value)) == null ? void 0 : o.render;
     });
     async function s() {
       l(async () => {
-        m.value = await E.readById(d.terminalId);
+        m.value = await K.readById(p.terminalId);
       });
     }
-    const t = C(() => v.filter((n) => {
+    const t = k(() => f.filter((o) => {
       var i;
-      return !n.onlyFor || n.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
+      return !o.onlyFor || o.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
     }));
-    return G(s), (n, i) => {
-      var x, o;
-      const p = g("FmTabs");
-      return f(), F(ye, {
-        title: `${(x = m.value) == null ? void 0 : x.deviceType} (${(o = m.value) == null ? void 0 : o._id})`,
-        loading: h(T),
-        onBack: h(r).back
+    return G(s), (o, i) => {
+      var x, n;
+      const d = g("FmTabs");
+      return y(), F(ge, {
+        title: `${(x = m.value) == null ? void 0 : x.deviceType} (${(n = m.value) == null ? void 0 : n._id})`,
+        loading: M(T),
+        onBack: M(r).back
       }, {
         default: O(() => [
-          y(p, {
-            "model-value": h(a),
+          v(d, {
+            "model-value": M(a),
             "onUpdate:modelValue": i[0] || (i[0] = (w) => Z(a) ? a.value = w : null),
             class: "mb-6",
             items: t.value
           }, null, 8, ["model-value", "items"]),
-          h(a) ? (f(), F(ee(u.value), ae(te({ key: 0 }, {
+          M(a) ? (y(), F(ee(u.value), ae(te({ key: 0 }, {
             terminal: m.value,
             onUpdate: c
           })), null, 16)) : V("", !0)
@@ -2131,5 +2265,5 @@ const Ue = {
   }
 });
 export {
-  Ka as default
+  Qa as default
 };