@feedmepos/mf-payment 1.5.45-dev → 1.5.46-dev

package/dist/{TerminalSetting-iXqUzSSo.js → TerminalSetting-Bg4cFHZv.js}

@@ -1,14 +1,14 @@
-import { defineComponent as k, openBlock as y, createElementBlock as V, Fragment as h, createElementVNode as I, createTextVNode as $, toDisplayString as D, ref as b, resolveComponent as f, createVNode as v, createCommentVNode as N, unref as S, computed as O, isRef as B, createBlock as T, resolveDynamicComponent as Y, normalizeProps as L, mergeProps as K, toRef as q, watch as P, onMounted as M, withCtx as G, renderList as R } from "vue";
-import { u as H, e as C } from "./index-T2CVm7-_.js";
+import { defineComponent as C, openBlock as y, createElementBlock as V, Fragment as G, createElementVNode as _, createTextVNode as $, toDisplayString as D, ref as b, resolveComponent as f, createVNode as v, createCommentVNode as N, unref as h, computed as P, isRef as B, createBlock as I, resolveDynamicComponent as Y, normalizeProps as L, mergeProps as K, toRef as O, watch as q, onMounted as S, withCtx as M, renderList as R } from "vue";
+import { u as H, e as k } from "./index-CxJSwrU1.js";
 import { useRouter as W } from "vue-router";
-import { t as A } from "./index-DGqWjywh.js";
+import { t as A } from "./index-CkPyzQ9d.js";
 import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as E } from "./index-Q0ELb0wB.js";
+import { u as E } from "./index-Cfss7GMG.js";
 import { useSnackbar as Q } from "@feedmepos/ui-library";
 import { u as Z } from "./error-K1CakhA9.js";
 import { useCoreStore as j } from "@feedmepos/mf-common";
 import { z as ee, a as ae } from "./validator-DzjyJnvv.js";
-const le = /* @__PURE__ */ k({
+const le = /* @__PURE__ */ C({
   __name: "Information",
   props: {
     terminal: {
@@ -17,22 +17,22 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    return (d, a) => (y(), V(h, null, [
-      a[0] || (a[0] = I("b", null, "Name", -1)),
+    return (c, a) => (y(), V(G, null, [
+      a[0] || (a[0] = _("b", null, "Name", -1)),
       $(": " + D(F.terminal.name), 1),
-      a[1] || (a[1] = I("br", null, null, -1)),
-      a[2] || (a[2] = I("b", null, "Status", -1)),
+      a[1] || (a[1] = _("br", null, null, -1)),
+      a[2] || (a[2] = _("b", null, "Status", -1)),
       $(": " + D(F.terminal.status), 1),
-      a[3] || (a[3] = I("br", null, null, -1)),
-      a[4] || (a[4] = I("b", null, "Device ID", -1)),
+      a[3] || (a[3] = _("br", null, null, -1)),
+      a[4] || (a[4] = _("b", null, "Device ID", -1)),
       $(": " + D(F.terminal.deviceId ?? "-"), 1),
-      a[5] || (a[5] = I("br", null, null, -1)),
-      a[6] || (a[6] = I("b", null, "Device Type", -1)),
+      a[5] || (a[5] = _("br", null, null, -1)),
+      a[6] || (a[6] = _("b", null, "Device Type", -1)),
       $(": " + D(F.terminal.deviceType ?? "-"), 1),
-      a[7] || (a[7] = I("br", null, null, -1))
+      a[7] || (a[7] = _("br", null, null, -1))
     ], 64));
   }
-}), te = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ k({
+}), te = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ C({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -41,57 +41,57 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const { isLoading: d, startAsyncCall: a } = H(!1), _ = Q(), n = b({
+    const { isLoading: c, startAsyncCall: a } = H(!1), T = Q(), n = b({
       enable: !1,
       password: []
     }), r = F;
     function e() {
-      return n.value.enable && n.value.password.filter((p) => !!p).length !== 6 ? _.open({
+      return n.value.enable && n.value.password.filter((m) => !!m).length !== 6 ? T.open({
         type: "error",
         message: "Unlock PIN is required when setting up kiosk mode for terminal."
       }) : a(async () => {
-        const p = { enable: n.value.enable };
-        p.enable && Object.assign(p, {
+        const m = { enable: n.value.enable };
+        m.enable && Object.assign(m, {
           password: n.value.password.join("")
         });
-        const c = await A.kioskModeRequest(r.terminal._id, p);
-        if (c === "OK")
-          return _.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let g = c;
-        return c === "client_not_connected" && (g = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (g = c.replaceAll("terminal: ", "")), _.open({
+        const d = await A.kioskModeRequest(r.terminal._id, m);
+        if (d === "OK")
+          return T.open({ type: "info", message: "Kiosk mode applied successfully." });
+        let g = d;
+        return d === "client_not_connected" && (g = "Terminal not connected to the websocket server."), d.startsWith("terminal: ") && (g = d.replaceAll("terminal: ", "")), T.open({
           type: "error",
           message: g
         });
       });
     }
-    return (p, c) => {
+    return (m, d) => {
       const g = f("FmSwitch"), s = f("FmPinField"), u = f("FmButton");
-      return y(), V(h, null, [
+      return y(), V(G, null, [
         v(g, {
           modelValue: n.value.enable,
-          "onUpdate:modelValue": c[0] || (c[0] = (l) => n.value.enable = l),
+          "onUpdate:modelValue": d[0] || (d[0] = (l) => n.value.enable = l),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
         n.value.enable ? (y(), V("div", te, [
-          c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
+          d[2] || (d[2] = _("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           v(s, {
             modelValue: n.value.password,
-            "onUpdate:modelValue": c[1] || (c[1] = (l) => n.value.password = l)
+            "onUpdate:modelValue": d[1] || (d[1] = (l) => n.value.password = l)
           }, null, 8, ["modelValue"])
         ])) : N("", !0),
-        I("div", ne, [
+        _("div", ne, [
           v(u, {
             variant: "primary",
             label: "Send",
             icon: "send",
-            loading: S(d),
+            loading: h(c),
             onclick: e
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), re = /* @__PURE__ */ k({
+}), re = /* @__PURE__ */ C({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -100,7 +100,7 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const { settingTab: d } = E({
+    const { settingTab: c } = E({
       settingTab: "kiosk_mode"
     }), a = [
       {
@@ -108,29 +108,29 @@ const le = /* @__PURE__ */ k({
         value: "kiosk_mode",
         render: oe
       }
-    ], _ = F, n = O(() => a.find((r) => r.value === d.value));
+    ], T = F, n = P(() => a.find((r) => r.value === c.value));
     return (r, e) => {
-      var c;
-      const p = f("FmTabs");
-      return y(), V(h, null, [
-        e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
-          I("b", null, "Note: "),
+      var d;
+      const m = f("FmTabs");
+      return y(), V(G, null, [
+        e[1] || (e[1] = _("p", { className: "mt-1 my-6 text-gray-600" }, [
+          _("b", null, "Note: "),
           $(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
-        v(p, {
-          "model-value": S(d),
-          "onUpdate:modelValue": e[0] || (e[0] = (g) => B(d) ? d.value = g : null),
+        v(m, {
+          "model-value": h(c),
+          "onUpdate:modelValue": e[0] || (e[0] = (g) => B(c) ? c.value = g : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        S(d) ? (y(), T(Y((c = n.value) == null ? void 0 : c.render), L(K({ key: 0 }, { terminal: _.terminal })), null, 16)) : N("", !0)
+        h(c) ? (y(), I(Y((d = n.value) == null ? void 0 : d.render), L(K({ key: 0 }, { terminal: T.terminal })), null, 16)) : N("", !0)
       ], 64);
     };
   }
 }), ie = {
   key: 0,
   class: "text-sm text-gray-500"
-}, ue = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ k({
+}, ue = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ C({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -143,11 +143,11 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = j().currentCountry, _ = [
+    const c = F, a = j().currentCountry, T = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: C.F_COUNTRY.enum.MY,
+        region: k.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -155,14 +155,14 @@ const le = /* @__PURE__ */ k({
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: C.F_COUNTRY.enum.MY,
+        region: k.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: C.F_COUNTRY.enum.SG,
+        region: k.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -170,27 +170,27 @@ const le = /* @__PURE__ */ k({
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: C.F_COUNTRY.enum.MY
+        region: k.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: C.F_COUNTRY.enum.TH
+        region: k.F_COUNTRY.enum.TH
       }
-    ], n = q(() => d.terminal), r = b(), e = b({
+    ], n = O(() => c.terminal), r = b(), e = b({
       packageId: "",
       uniqueId: "",
       developerId: "",
       isUat: !1
-    }), p = () => {
+    }), m = () => {
       e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "";
-    }, c = () => {
+    }, d = () => {
       if (!n.value.gateways || n.value.gateways.length === 0)
-        return p();
+        return m();
       const l = n.value.gateways[0];
       if (!l.config)
-        return p();
+        return m();
       switch (l.gateway) {
         case "Fiuu":
           e.value = {
@@ -212,15 +212,15 @@ const le = /* @__PURE__ */ k({
           return;
       }
     };
-    P(n, c), M(c);
+    q(n, d), S(d);
     async function g(l) {
       var t;
-      (t = n.value.gateways) == null || t.splice(l, 1), d.onUpdate(n.value);
+      (t = n.value.gateways) == null || t.splice(l, 1), c.onUpdate(n.value);
     }
-    const s = O(() => _.filter((l) => l.region === a.value)), u = O(() => s.value.find((l) => l.value === e.value.packageId));
+    const s = P(() => T.filter((l) => l.region === a.value)), u = P(() => s.value.find((l) => l.value === e.value.packageId));
     return (l, t) => {
-      const i = f("FmSelect"), m = f("FmTextField"), x = f("FmCheckbox"), o = f("FmButton"), w = f("FmForm");
-      return y(), T(w, {
+      const i = f("FmSelect"), p = f("FmTextField"), x = f("FmCheckbox"), o = f("FmButton"), w = f("FmForm");
+      return y(), I(w, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[5] || (t[5] = () => {
@@ -236,30 +236,30 @@ const le = /* @__PURE__ */ k({
               uniqueId: z
             }
           };
-          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, d.onUpdate(n.value);
+          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, c.onUpdate(n.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(i, {
             modelValue: e.value.packageId,
             "onUpdate:modelValue": t[0] || (t[0] = (U) => e.value.packageId = U),
             label: "Package ID",
             items: s.value
           }, null, 8, ["modelValue", "items"]),
-          u.value && u.value.isLegacy ? (y(), V(h, { key: 0 }, [
-            v(m, {
+          u.value && u.value.isLegacy ? (y(), V(G, { key: 0 }, [
+            v(p, {
               modelValue: e.value.uniqueId,
               "onUpdate:modelValue": t[1] || (t[1] = (U) => e.value.uniqueId = U),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
             u.value.isOutdated ? (y(), V("span", ie, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : N("", !0)
-          ], 64)) : (y(), V(h, { key: 1 }, [
-            v(m, {
+          ], 64)) : (y(), V(G, { key: 1 }, [
+            v(p, {
               modelValue: e.value.developerId,
               "onUpdate:modelValue": t[2] || (t[2] = (U) => e.value.developerId = U),
               label: "Developer ID (MID)"
             }, null, 8, ["modelValue"]),
-            v(m, {
+            v(p, {
               modelValue: e.value.uniqueId,
               "onUpdate:modelValue": t[3] || (t[3] = (U) => e.value.uniqueId = U),
               label: "Unique ID (TID)"
@@ -271,8 +271,8 @@ const le = /* @__PURE__ */ k({
               value: "1"
             }, null, 8, ["modelValue"])
           ], 64)),
-          I("div", ue, [
-            n.value.gateways && n.value.gateways.length > 0 ? (y(), T(o, {
+          _("div", ue, [
+            n.value.gateways && n.value.gateways.length > 0 ? (y(), I(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -294,7 +294,7 @@ const le = /* @__PURE__ */ k({
 }), ce = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, de = { class: "flex mt-6 space-x-6" }, pe = /* @__PURE__ */ k({
+}, de = { class: "flex mt-6 space-x-6" }, pe = /* @__PURE__ */ C({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -307,60 +307,60 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const { isLoading: d, startAsyncCall: a } = H(), _ = F, n = q(() => _.terminal), r = b(), e = b(), p = b(-1), c = b({
+    const { isLoading: c, startAsyncCall: a } = H(), T = F, n = O(() => T.terminal), r = b(), e = b(), m = b(-1), d = b({
       terminalId: ""
     }), g = () => {
-      c.value.terminalId = "", p.value = -1;
+      d.value.terminalId = "", m.value = -1;
     }, s = () => {
       if (a(async () => {
-        r.value = await A.getRestaurantTerminals(_.terminal.referenceId);
-      }), !_.terminal.ecrs)
+        r.value = await A.getRestaurantTerminals(T.terminal.referenceId);
+      }), !T.terminal.ecrs)
         return g();
-      const t = _.terminal.ecrs.findIndex((m) => m && m.gateway && m.gateway === "FeedMe");
+      const t = T.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
       if (t === -1)
         return g();
-      p.value = t;
-      const i = _.terminal.ecrs.at(t);
-      i.gateway === "FeedMe" && i.config && (c.value = {
+      m.value = t;
+      const i = T.terminal.ecrs.at(t);
+      i.gateway === "FeedMe" && i.config && (d.value = {
         terminalId: i.config.terminalId
       });
     };
-    P(n, s), M(s);
-    const u = O(() => (r.value ?? []).map((t) => ({
+    q(n, s), S(s);
+    const u = P(() => (r.value ?? []).map((t) => ({
       label: t.name ?? t._id,
       value: t._id
     })));
     async function l(t) {
       var i;
-      (i = _.terminal.ecrs) == null || i.splice(t, 1), _.onUpdate(_.terminal);
+      (i = T.terminal.ecrs) == null || i.splice(t, 1), T.onUpdate(T.terminal);
     }
     return (t, i) => {
-      const m = f("FmCircularProgress"), x = f("FmSelect"), o = f("FmButton"), w = f("FmForm");
-      return S(d) ? (y(), V("div", ce, [
-        v(m, { size: "xxl" })
-      ])) : (y(), T(w, {
+      const p = f("FmCircularProgress"), x = f("FmSelect"), o = f("FmButton"), w = f("FmForm");
+      return h(c) ? (y(), V("div", ce, [
+        v(p, { size: "xxl" })
+      ])) : (y(), I(w, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[1] || (i[1] = () => {
-          p.value > -1 ? n.value.ecrs[p.value] = { gateway: "FeedMe", config: c.value } : (n.value.ecrs || (n.value.ecrs = []), n.value.ecrs.push({ gateway: "FeedMe", config: c.value })), _.onUpdate(n.value);
+          m.value > -1 ? n.value.ecrs[m.value] = { gateway: "FeedMe", config: d.value } : (n.value.ecrs || (n.value.ecrs = []), n.value.ecrs.push({ gateway: "FeedMe", config: d.value })), T.onUpdate(n.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(x, {
-            modelValue: c.value.terminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (U) => c.value.terminalId = U),
+            modelValue: d.value.terminalId,
+            "onUpdate:modelValue": i[0] || (i[0] = (U) => d.value.terminalId = U),
             label: "Terminal ID",
             items: u.value,
-            rules: S(ee)(S(ae).string())
+            rules: h(ee)(h(ae).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", de, [
-            p.value > -1 ? (y(), T(o, {
+          _("div", de, [
+            m.value > -1 ? (y(), I(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => l(p.value)
+              onclick: () => l(m.value)
             }, null, 8, ["onclick"])) : N("", !0),
             v(o, {
               type: "submit",
@@ -374,7 +374,7 @@ const le = /* @__PURE__ */ k({
       }, 512));
     };
   }
-}), me = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ k({
+}), me = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ C({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -387,13 +387,13 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     }), e = () => {
       r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", n.value = -1;
-    }, p = () => {
+    }, m = () => {
       if (!a.value.ecrs)
         return e();
       const g = a.value.ecrs.findIndex((u) => u && u.gateway && u.gateway === "Ghl");
@@ -407,45 +407,45 @@ const le = /* @__PURE__ */ k({
         privateKey: s.config.privateKey || ""
       });
     };
-    P(a, p), M(p);
-    async function c(g) {
+    q(a, m), S(m);
+    async function d(g) {
       var s;
-      (s = a.value.ecrs) == null || s.splice(g, 1), d.onUpdate(a.value);
+      (s = a.value.ecrs) == null || s.splice(g, 1), c.onUpdate(a.value);
     }
     return (g, s) => {
       const u = f("FmTextField"), l = f("FmTextarea"), t = f("FmButton"), i = f("FmForm");
-      return y(), T(i, {
-        ref: _.value,
+      return y(), I(i, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[3] || (s[3] = () => {
-          n.value > -1 ? a.value.ecrs[n.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);
+          n.value > -1 ? a.value.ecrs[n.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(u, {
             modelValue: r.value.merchantId,
-            "onUpdate:modelValue": s[0] || (s[0] = (m) => r.value.merchantId = m),
+            "onUpdate:modelValue": s[0] || (s[0] = (p) => r.value.merchantId = p),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
           v(u, {
             modelValue: r.value.terminalId,
-            "onUpdate:modelValue": s[1] || (s[1] = (m) => r.value.terminalId = m),
+            "onUpdate:modelValue": s[1] || (s[1] = (p) => r.value.terminalId = p),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
           v(l, {
             modelValue: r.value.privateKey,
-            "onUpdate:modelValue": s[2] || (s[2] = (m) => r.value.privateKey = m),
+            "onUpdate:modelValue": s[2] || (s[2] = (p) => r.value.privateKey = p),
             label: "Private Key",
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          I("div", me, [
-            n.value > -1 ? (y(), T(t, {
+          _("div", me, [
+            n.value > -1 ? (y(), I(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => c(n.value)
+              onclick: () => d(n.value)
             }, null, 8, ["onclick"])) : N("", !0),
             v(t, {
               type: "submit",
@@ -459,7 +459,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), fe = { class: "flex items-end" }, ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ k({
+}), fe = { class: "flex items-end" }, ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ C({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -472,19 +472,19 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
-      const u = a.value.ecrIntegrations, l = u.findIndex((m) => m && m.gateway && m.gateway === "Maybank");
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Maybank" && t.config && (e.value = {
@@ -493,18 +493,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[3] || (l[3] = () => {
           var o, w;
@@ -523,10 +523,10 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
@@ -538,7 +538,7 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", fe, [
+          _("div", fe, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
@@ -551,16 +551,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", ye, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", ye, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ge, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", ge, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -579,7 +579,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), _e = { class: "flex items-end" }, Ie = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, Te = /* @__PURE__ */ k({
+}), _e = { class: "flex items-end" }, Te = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, Ie = /* @__PURE__ */ C({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -592,19 +592,19 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
-      const u = a.value.ecrIntegrations, l = u.findIndex((m) => m && m.gateway && m.gateway === "Maybank2");
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Maybank2" && t.config && (e.value = {
@@ -613,18 +613,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[3] || (l[3] = () => {
           var o, w;
@@ -643,10 +643,10 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
@@ -658,7 +658,7 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", _e, [
+          _("div", _e, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
@@ -671,16 +671,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", Ie, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", Te, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Fe, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Fe, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -699,7 +699,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), we = { class: "flex items-end" }, xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ne = { class: "flex mt-6 space-x-6" }, ke = /* @__PURE__ */ k({
+}), we = { class: "flex items-end" }, xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ne = { class: "flex mt-6 space-x-6" }, Ce = /* @__PURE__ */ C({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -712,19 +712,19 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
-      const u = a.value.ecrIntegrations, l = u.findIndex((m) => m && m.gateway && m.gateway === "Maybank3");
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Maybank3" && t.config && (e.value = {
@@ -733,18 +733,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[2] || (l[2] = () => {
           var o, w;
@@ -763,17 +763,17 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", we, [
+          _("div", we, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
@@ -786,16 +786,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", xe, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", xe, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Ne, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Ne, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -814,7 +814,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Ce = { class: "flex items-end" }, Ve = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ k({
+}), ke = { class: "flex items-end" }, Ve = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ C({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -827,19 +827,19 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
-      const u = a.value.ecrIntegrations, l = u.findIndex((m) => m && m.gateway && m.gateway === "Nets");
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Nets");
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Nets" && t.config && (e.value = {
@@ -848,18 +848,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[3] || (l[3] = () => {
           var o, w;
@@ -878,10 +878,10 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
@@ -893,7 +893,7 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
-          I("div", Ce, [
+          _("div", ke, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
@@ -906,16 +906,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", Ve, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", Ve, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Ue, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Ue, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -934,7 +934,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Me = { class: "flex items-end" }, Ge = { class: "flex flex-wrap gap-8 items-center mt-4" }, he = { class: "flex mt-6 space-x-6" }, qe = /* @__PURE__ */ k({
+}), Me = { class: "flex items-end" }, he = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ge = { class: "flex mt-6 space-x-6" }, Oe = /* @__PURE__ */ C({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -947,18 +947,18 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
-      const u = a.value.ecrIntegrations, l = u.findIndex((m) => m && m.gateway && m.gateway === "Kbank");
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Kbank" && t.config && (e.value = {
@@ -966,18 +966,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[2] || (l[2] = () => {
           var o, w;
@@ -996,17 +996,17 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Me, [
+          _("div", Me, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
@@ -1019,16 +1019,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", Ge, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", he, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", he, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Ge, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1047,7 +1047,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Pe = { class: "flex mt-6 space-x-6" }, Oe = /* @__PURE__ */ k({
+}), qe = { class: "flex mt-6 space-x-6" }, Pe = /* @__PURE__ */ C({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1060,12 +1060,12 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
       ip: "",
       receiptName: ""
     }), e = () => {
       r.value.ip = "", r.value.receiptName = "", n.value = -1;
-    }, p = () => {
+    }, m = () => {
       if (!a.value.ecrIntegrations)
         return e();
       const g = a.value.ecrIntegrations, s = g.findIndex((l) => l && l.gateway && l.gateway === "Ghl2");
@@ -1078,15 +1078,15 @@ const le = /* @__PURE__ */ k({
         receiptName: u.receiptName ?? ""
       });
     };
-    P(a, p), M(p);
-    async function c(g) {
+    q(a, m), S(m);
+    async function d(g) {
       var s;
-      (s = a.value.ecrIntegrations) == null || s.splice(g, 1), d.onUpdate(a.value);
+      (s = a.value.ecrIntegrations) == null || s.splice(g, 1), c.onUpdate(a.value);
     }
     return (g, s) => {
       const u = f("FmTextField"), l = f("FmButton"), t = f("FmForm");
-      return y(), T(t, {
-        ref: _.value,
+      return y(), I(t, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[2] || (s[2] = () => {
           a.value.ecrIntegrations || (a.value.ecrIntegrations = []), n.value > -1 ? a.value.ecrIntegrations[n.value] = {
@@ -1097,10 +1097,10 @@ const le = /* @__PURE__ */ k({
             gateway: "Ghl2",
             config: { ip: r.value.ip },
             receiptName: r.value.receiptName
-          }), d.onUpdate(a.value);
+          }), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(u, {
             modelValue: r.value.ip,
             "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value.ip = i),
@@ -1112,13 +1112,13 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
-          I("div", Pe, [
-            n.value > -1 ? (y(), T(l, {
+          _("div", qe, [
+            n.value > -1 ? (y(), I(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => c(n.value)
+              onclick: () => d(n.value)
             }, null, 8, ["onclick"])) : N("", !0),
             v(l, {
               type: "submit",
@@ -1132,7 +1132,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Re = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ae = { class: "flex mt-6 space-x-6" }, De = /* @__PURE__ */ k({
+}), Re = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ae = { class: "flex mt-6 space-x-6" }, De = /* @__PURE__ */ C({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1145,21 +1145,21 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
+        return m();
       const u = a.value.ecrIntegrations, l = u.findIndex(
-        (m) => m && m.gateway && m.gateway === "Ghl3"
+        (p) => p && p.gateway && p.gateway === "Ghl3"
       );
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Ghl3" && t.config && (e.value = {
@@ -1168,18 +1168,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[2] || (l[2] = () => {
           var o, w;
@@ -1198,17 +1198,17 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
-          I("div", Re, [
+          _("div", Re, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
@@ -1221,16 +1221,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", $e, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", $e, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Ae, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Ae, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1249,7 +1249,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Be = { class: "flex items-end" }, Ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, Le = { class: "flex mt-6 space-x-6" }, Ke = /* @__PURE__ */ k({
+}), Be = { class: "flex items-end" }, Ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, Le = { class: "flex mt-6 space-x-6" }, Ke = /* @__PURE__ */ C({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1262,21 +1262,21 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
+        return m();
       const u = a.value.ecrIntegrations, l = u.findIndex(
-        (m) => m && m.gateway && m.gateway === "Hlbb"
+        (p) => p && p.gateway && p.gateway === "Hlbb"
       );
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "Hlbb" && t.config && (e.value = {
@@ -1285,18 +1285,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[2] || (l[2] = () => {
           var o, w;
@@ -1315,17 +1315,17 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Be, [
+          _("div", Be, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
@@ -1338,16 +1338,16 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", Ye, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", Ye, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Le, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", Le, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1366,7 +1366,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Ee = { class: "flex items-end" }, je = { class: "flex flex-wrap gap-8 items-center mt-4" }, He = { class: "flex mt-6 space-x-6" }, ze = /* @__PURE__ */ k({
+}), Ee = { class: "flex items-end" }, je = { class: "flex flex-wrap gap-8 items-center mt-4" }, He = { class: "flex mt-6 space-x-6" }, ze = /* @__PURE__ */ C({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1379,21 +1379,21 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b(), e = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, c = () => {
+    }, d = () => {
       var i;
       if (!a.value.ecrIntegrations)
-        return p();
+        return m();
       const u = a.value.ecrIntegrations, l = u.findIndex(
-        (m) => m && m.gateway && m.gateway === "GlobalPayments"
+        (p) => p && p.gateway && p.gateway === "GlobalPayments"
       );
       if (l === -1)
-        return p();
+        return m();
       n.value = l;
       const t = u.at(l);
       t.gateway === "GlobalPayments" && t.config && (e.value = {
@@ -1402,18 +1402,18 @@ const le = /* @__PURE__ */ k({
         cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
-    P(a, c), M(c);
+    q(a, d), S(d);
     async function g(u) {
       var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), d.onUpdate(a.value);
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
     }
     async function s() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
     return (u, l) => {
-      const t = f("FmTextField"), i = f("FmButton"), m = f("FmChip"), x = f("FmForm");
-      return y(), T(x, {
-        ref: _.value,
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[3] || (l[3] = () => {
           var o, w;
@@ -1432,10 +1432,10 @@ const le = /* @__PURE__ */ k({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), d.onUpdate(a.value);
+          })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(t, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
@@ -1447,7 +1447,7 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          I("div", Ee, [
+          _("div", Ee, [
             v(t, {
               modelValue: r.value,
               "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
@@ -1460,16 +1460,131 @@ const le = /* @__PURE__ */ k({
               onClick: s
             })
           ]),
-          I("div", je, [
-            (y(!0), V(h, null, R(e.value.cardTypes, (o) => (y(), T(m, {
+          _("div", je, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+              key: o,
+              label: o,
+              removable: !0,
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+            }, null, 8, ["label", "onChipClosed"]))), 128))
+          ]),
+          _("div", He, [
+            n.value > -1 ? (y(), I(i, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => g(n.value)
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Qe = { class: "flex items-end" }, Je = { class: "flex flex-wrap gap-8 items-center mt-4" }, We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ C({
+  __name: "OmaGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(F) {
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+      receiptName: "",
+      cardTypes: []
+    }), m = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
+    }, d = () => {
+      var i;
+      if (!a.value.ecrIntegrations)
+        return m();
+      const u = a.value.ecrIntegrations, l = u.findIndex(
+        (p) => p && p.gateway && p.gateway === "Oma"
+      );
+      if (l === -1)
+        return m();
+      n.value = l;
+      const t = u.at(l);
+      t.gateway === "Oma" && t.config && (e.value = {
+        receiptName: t.receiptName ?? "",
+        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      });
+    };
+    q(a, d), S(d);
+    async function g(u) {
+      var l;
+      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    }
+    async function s() {
+      e.value.cardTypes.push(r.value), r.value = "";
+    }
+    return (u, l) => {
+      const t = f("FmTextField"), i = f("FmButton"), p = f("FmChip"), x = f("FmForm");
+      return y(), I(x, {
+        ref: T.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: l[2] || (l[2] = () => {
+          var o, w;
+          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+            gateway: "Oma",
+            config: {},
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : w.dialogConfig,
+              cardTypes: e.value.cardTypes
+            }
+          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
+            gateway: "Oma",
+            config: {},
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              cardTypes: e.value.cardTypes
+            }
+          })), c.onUpdate(a.value);
+        })
+      }, {
+        default: M(() => [
+          v(t, {
+            modelValue: e.value.receiptName,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            label: "Receipt Payment Name",
+            "label-info": "Default receipt display will be 'TERMINAL_OMA'"
+          }, null, 8, ["modelValue"]),
+          _("div", Qe, [
+            v(t, {
+              modelValue: r.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              label: "Fallback Card Types",
+              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
+            }, null, 8, ["modelValue"]),
+            v(i, {
+              class: "ml-4",
+              icon: "add",
+              onClick: s
+            })
+          ]),
+          _("div", Je, [
+            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", He, [
-            n.value > -1 ? (y(), T(i, {
+          _("div", We, [
+            n.value > -1 ? (y(), I(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1488,7 +1603,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), Qe = { class: "flex items-center" }, Je = { class: "w-[260px] self-start" }, We = { class: "flex-1" }, Xe = /* @__PURE__ */ k({
+}), Ze = { class: "flex items-center" }, ea = { class: "w-[260px] self-start" }, aa = { class: "flex-1" }, la = /* @__PURE__ */ C({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1501,85 +1616,91 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    var p;
-    const d = F, a = [
+    var m;
+    const c = F, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
         render: pe
       },
       {
-        label: "GHL Terminal (V2)",
+        label: "GHL Terminal",
         value: "ghl",
         render: ve,
-        region: [C.F_COUNTRY.enum.MY]
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
-        label: "GHL 2 Terminal",
+        label: "GHL2 Terminal",
         value: "ghl2",
-        render: Oe,
-        region: [C.F_COUNTRY.enum.MY]
+        render: Pe,
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
-        label: "Maybank Terminal (ITB)",
+        label: "ITB Maybank Terminal",
         value: "mb-itb",
         render: be,
-        region: [C.F_COUNTRY.enum.MY]
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
-        label: "Maybank Terminal (PMA)",
+        label: "PMA Maybank Terminal",
         value: "mb-pma",
-        render: Te,
-        region: [C.F_COUNTRY.enum.MY]
+        render: Ie,
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
-        label: "Maybank Terminal (Paysys)",
+        label: "Paysys Maybank Terminal",
         value: "mb-paysys",
-        render: ke,
-        region: [C.F_COUNTRY.enum.MY]
+        render: Ce,
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
         render: Se,
-        region: [C.F_COUNTRY.enum.SG]
+        region: [k.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: qe,
-        region: [C.F_COUNTRY.enum.TH]
+        render: Oe,
+        region: [k.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
         render: De,
-        region: [C.F_COUNTRY.enum.TH]
+        region: [k.F_COUNTRY.enum.TH]
       },
       {
-        label: "HLBB Terminal (Paysys)",
+        label: "Paysys HLBB Terminal",
         value: "hlbb",
         render: Ke,
-        region: [C.F_COUNTRY.enum.MY]
+        region: [k.F_COUNTRY.enum.MY]
       },
       {
-        label: "GlobalPayments Terminal",
+        label: "GPAP Terminal",
         value: "globalpayments",
         render: ze,
-        region: [C.F_COUNTRY.enum.SG]
+        region: [k.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "OMA Terminal",
+        value: "oma",
+        render: Xe,
+        region: [k.F_COUNTRY.enum.PK]
       }
-    ], _ = O(() => a.find((c) => c.value === e.value)), n = j().currentCountry, r = O(() => a.filter(
-      (c) => !c.region || c.region.includes(n.value ?? C.F_COUNTRY.enum.MY)
+    ], T = P(() => a.find((d) => d.value === e.value)), n = j().currentCountry, r = P(() => a.filter(
+      (d) => !d.region || d.region.includes(n.value ?? k.F_COUNTRY.enum.MY)
     )), { gatewayTab: e } = E({
-      gatewayTab: (p = r.value[0]) == null ? void 0 : p.value
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (c, g) => {
+    return (d, g) => {
       var u;
       const s = f("FmTabs");
-      return y(), V("div", Qe, [
-        I("div", Je, [
+      return y(), V("div", Ze, [
+        _("div", ea, [
           v(s, {
-            "model-value": S(e),
+            "model-value": h(e),
             "onUpdate:modelValue": g[0] || (g[0] = (l) => B(e) ? e.value = l : null),
             class: "mb-6",
             vertical: !0,
@@ -1587,16 +1708,16 @@ const le = /* @__PURE__ */ k({
             "show-more-at": Number.POSITIVE_INFINITY
           }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
-        I("div", We, [
-          S(e) ? (y(), T(Y((u = _.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
+        _("div", aa, [
+          h(e) ? (y(), I(Y((u = T.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
+            terminal: c.terminal,
+            onUpdate: c.onUpdate
           })), null, 16)) : N("", !0)
         ])
       ]);
     };
   }
-}), Ze = { class: "flex mt-6 space-x-6" }, ea = /* @__PURE__ */ k({
+}), ta = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ C({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1609,12 +1730,12 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, a = q(() => d.terminal), _ = b(), n = b(-1), r = b({
+    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
       account: "",
       receiptName: ""
     }), e = () => {
       r.value.account = "", r.value.receiptName = "", n.value = -1;
-    }, p = () => {
+    }, m = () => {
       if (!a.value.qrIntegrations)
         return e();
       const g = a.value.qrIntegrations, s = g.findIndex((l) => l && l.gateway && l.gateway === "PROMPTPAY");
@@ -1627,21 +1748,21 @@ const le = /* @__PURE__ */ k({
         receiptName: u.receiptName ?? ""
       });
     };
-    P(a, p), M(p);
-    async function c(g) {
+    q(a, m), S(m);
+    async function d(g) {
       var s;
-      (s = a.value.qrIntegrations) == null || s.splice(g, 1), d.onUpdate(a.value);
+      (s = a.value.qrIntegrations) == null || s.splice(g, 1), c.onUpdate(a.value);
     }
     return (g, s) => {
       const u = f("FmTextField"), l = f("FmButton"), t = f("FmForm");
-      return y(), T(t, {
-        ref: _.value,
+      return y(), I(t, {
+        ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[2] || (s[2] = () => {
-          n.value > -1 ? a.value.qrIntegrations[n.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);
+          n.value > -1 ? a.value.qrIntegrations[n.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 })), c.onUpdate(a.value);
         })
       }, {
-        default: G(() => [
+        default: M(() => [
           v(u, {
             modelValue: r.value.account,
             "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value.account = i),
@@ -1654,13 +1775,13 @@ const le = /* @__PURE__ */ k({
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Ze, [
-            n.value > -1 ? (y(), T(l, {
+          _("div", ta, [
+            n.value > -1 ? (y(), I(l, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => c(n.value)
+              onclick: () => d(n.value)
             }, null, 8, ["onclick"])) : N("", !0),
             v(l, {
               type: "submit",
@@ -1674,7 +1795,7 @@ const le = /* @__PURE__ */ k({
       }, 512);
     };
   }
-}), aa = { class: "flex items-center" }, la = { class: "w-[260px] self-start" }, ta = { class: "flex-1" }, na = /* @__PURE__ */ k({
+}), oa = { class: "flex items-center" }, ra = { class: "w-[260px] self-start" }, ia = { class: "flex-1" }, ua = /* @__PURE__ */ C({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1687,40 +1808,40 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    var p;
-    const d = F, a = [
+    var m;
+    const c = F, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: ea,
-        region: [C.F_COUNTRY.enum.TH]
+        render: na,
+        region: [k.F_COUNTRY.enum.TH]
       }
-    ], _ = O(() => a.find((c) => c.value === e.value)), n = j().currentCountry, r = O(() => a.filter((c) => !c.region || c.region.includes(n.value ?? C.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (p = r.value[0]) == null ? void 0 : p.value
+    ], T = P(() => a.find((d) => d.value === e.value)), n = j().currentCountry, r = P(() => a.filter((d) => !d.region || d.region.includes(n.value ?? k.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (c, g) => {
+    return (d, g) => {
       var u;
       const s = f("FmTabs");
-      return y(), V("div", aa, [
-        I("div", la, [
+      return y(), V("div", oa, [
+        _("div", ra, [
           v(s, {
-            "model-value": S(e),
+            "model-value": h(e),
             "onUpdate:modelValue": g[0] || (g[0] = (l) => B(e) ? e.value = l : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", ta, [
-          S(e) ? (y(), T(Y((u = _.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
+        _("div", ia, [
+          h(e) ? (y(), I(Y((u = T.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
+            terminal: c.terminal,
+            onUpdate: c.onUpdate
           })), null, 16)) : N("", !0)
         ])
       ]);
     };
   }
-}), fa = /* @__PURE__ */ k({
+}), _a = /* @__PURE__ */ C({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -1729,14 +1850,14 @@ const le = /* @__PURE__ */ k({
     }
   },
   setup(F) {
-    const d = F, { tab: a } = E({
+    const c = F, { tab: a } = E({
       tab: "information"
-    }), { isLoading: _, startAsyncCall: n } = H(!0), r = W(), e = Q(), p = b();
-    async function c(t) {
+    }), { isLoading: T, startAsyncCall: n } = H(!0), r = W(), e = Q(), m = b();
+    async function d(t) {
       n(async () => {
         try {
           await A.updateById(
-            d.terminalId,
+            c.terminalId,
             {
               name: t.name,
               status: t.status,
@@ -1745,7 +1866,7 @@ const le = /* @__PURE__ */ k({
               ecrIntegrations: t.ecrIntegrations ?? [],
               qrIntegrations: t.qrIntegrations ?? []
             }
-          ), p.value = await A.readById(d.terminalId), e.open({
+          ), m.value = await A.readById(c.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
@@ -1782,49 +1903,49 @@ const le = /* @__PURE__ */ k({
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: Xe,
+        render: la,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: na,
+        render: ua,
         onlyFor: ["POS", "KIOSK"]
       }
     ];
     j().currentCountry;
-    const s = O(() => {
+    const s = P(() => {
       var t;
       return (t = g.find((i) => i.value === a.value)) == null ? void 0 : t.render;
     });
     async function u() {
       n(async () => {
-        p.value = await A.readById(d.terminalId);
+        m.value = await A.readById(c.terminalId);
       });
     }
-    const l = O(() => g.filter((t) => {
+    const l = P(() => g.filter((t) => {
       var i;
-      return !t.onlyFor || t.onlyFor.includes(((i = p.value) == null ? void 0 : i.deviceType) ?? "");
+      return !t.onlyFor || t.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
     }));
-    return M(u), (t, i) => {
+    return S(u), (t, i) => {
       var x, o;
-      const m = f("FmTabs");
-      return y(), T(X, {
-        title: `${(x = p.value) == null ? void 0 : x.deviceType} (${(o = p.value) == null ? void 0 : o._id})`,
-        loading: S(_),
-        onBack: S(r).back
+      const p = f("FmTabs");
+      return y(), I(X, {
+        title: `${(x = m.value) == null ? void 0 : x.deviceType} (${(o = m.value) == null ? void 0 : o._id})`,
+        loading: h(T),
+        onBack: h(r).back
       }, {
-        default: G(() => [
-          v(m, {
-            "model-value": S(a),
+        default: M(() => [
+          v(p, {
+            "model-value": h(a),
             "onUpdate:modelValue": i[0] || (i[0] = (w) => B(a) ? a.value = w : null),
             class: "mb-6",
             items: l.value
           }, null, 8, ["model-value", "items"]),
-          S(a) ? (y(), T(Y(s.value), L(K({ key: 0 }, {
-            terminal: p.value,
-            onUpdate: c
+          h(a) ? (y(), I(Y(s.value), L(K({ key: 0 }, {
+            terminal: m.value,
+            onUpdate: d
           })), null, 16)) : N("", !0)
         ]),
         _: 1
@@ -1833,5 +1954,5 @@ const le = /* @__PURE__ */ k({
   }
 });
 export {
-  fa as default
+  _a as default
 };