@feedmepos/mf-payment 1.5.77 → 1.5.79-dev

package/dist/{TerminalSetting-CEQG3OV6.js → TerminalSetting-Bn7dMb8m.js}

@@ -1,14 +1,16 @@
-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-D0j1LZAB.js";
-import { useRouter as W } from "vue-router";
-import { t as A } from "./index-XTdSN6CV.js";
-import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as E } from "./index-BkQ7t3F6.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-CTlVogBQ.js";
-const le = /* @__PURE__ */ C({
+import { defineComponent as R, openBlock as f, createElementBlock as M, Fragment as G, createElementVNode as I, createTextVNode as j, toDisplayString as W, ref as b, resolveComponent as g, createVNode as v, createCommentVNode as V, unref as h, computed as C, isRef as Z, createBlock as F, resolveDynamicComponent as ee, normalizeProps as ae, mergeProps as te, watch as P, onBeforeUnmount as pe, toRef as A, onMounted as q, withCtx as O, renderList as Y } from "vue";
+import { u as le, p as me, e as U } from "./index-DGyTvHj8.js";
+import { useRouter as ve } from "vue-router";
+import { t as E } from "./index-7WseRv3u.js";
+import { _ as ye } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as ne } from "./index-Dic547vC.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-oz80FaA5.js";
+import { c as be } from "./index-MdV54cWO.js";
+import { z as Te, a as _e } from "./validator-DzjyJnvv.js";
+const Ie = /* @__PURE__ */ R({
   __name: "Information",
   props: {
     terminal: {
@@ -16,23 +18,23 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    return (c, a) => (y(), V(G, null, [
-      a[0] || (a[0] = _("b", null, "Name", -1)),
-      $(": " + D(F.terminal.name), 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] = _("br", null, null, -1)),
-      a[4] || (a[4] = _("b", null, "Device ID", -1)),
-      $(": " + D(F.terminal.deviceId ?? "-"), 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] = _("br", null, null, -1))
+  setup(_) {
+    return (d, a) => (f(), M(G, null, [
+      a[0] || (a[0] = I("b", null, "Name", -1)),
+      j(": " + W(_.terminal.name), 1),
+      a[1] || (a[1] = I("br", null, null, -1)),
+      a[2] || (a[2] = I("b", null, "Status", -1)),
+      j(": " + W(_.terminal.status), 1),
+      a[3] || (a[3] = I("br", null, null, -1)),
+      a[4] || (a[4] = I("b", null, "Device ID", -1)),
+      j(": " + W(_.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = I("br", null, null, -1)),
+      a[6] || (a[6] = I("b", null, "Device Type", -1)),
+      j(": " + W(_.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), te = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ C({
+}), Fe = { key: 0 }, we = { class: "mt-6 space-x-6" }, xe = /* @__PURE__ */ R({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -40,58 +42,58 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const { isLoading: c, startAsyncCall: a } = H(!1), T = Q(), n = b({
+  setup(_) {
+    const { isLoading: d, startAsyncCall: a } = le(!1), T = se(), l = b({
       enable: !1,
       password: []
-    }), r = F;
+    }), r = _;
     function e() {
-      return n.value.enable && n.value.password.filter((m) => !!m).length !== 6 ? T.open({
+      return l.value.enable && l.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 m = { enable: n.value.enable };
+        const m = { enable: l.value.enable };
         m.enable && Object.assign(m, {
-          password: n.value.password.join("")
+          password: l.value.password.join("")
         });
-        const d = await A.kioskModeRequest(r.terminal._id, m);
-        if (d === "OK")
+        const c = await E.kioskModeRequest(r.terminal._id, m);
+        if (c === "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({
+        let y = c;
+        return c === "client_not_connected" && (y = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (y = c.replaceAll("terminal: ", "")), T.open({
           type: "error",
-          message: g
+          message: y
         });
       });
     }
-    return (m, d) => {
-      const g = f("FmSwitch"), s = f("FmPinField"), u = f("FmButton");
-      return y(), V(G, null, [
-        v(g, {
-          modelValue: n.value.enable,
-          "onUpdate:modelValue": d[0] || (d[0] = (l) => n.value.enable = l),
+    return (m, c) => {
+      const y = g("FmSwitch"), u = g("FmPinField"), s = g("FmButton");
+      return f(), M(G, null, [
+        v(y, {
+          modelValue: l.value.enable,
+          "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value.enable = t),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        n.value.enable ? (y(), V("div", te, [
-          d[2] || (d[2] = _("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          v(s, {
-            modelValue: n.value.password,
-            "onUpdate:modelValue": d[1] || (d[1] = (l) => n.value.password = l)
-          }, null, 8, ["modelValue"])
-        ])) : N("", !0),
-        _("div", ne, [
+        l.value.enable ? (f(), M("div", Fe, [
+          c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           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, [
+          v(s, {
             variant: "primary",
             label: "Send",
             icon: "send",
-            loading: h(c),
+            loading: h(d),
             onclick: e
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), re = /* @__PURE__ */ C({
+}), Ne = /* @__PURE__ */ R({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -99,38 +101,143 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const { settingTab: c } = E({
+  setup(_) {
+    const { settingTab: d } = ne({
       settingTab: "kiosk_mode"
     }), a = [
       {
         label: "Kiosk Mode",
         value: "kiosk_mode",
-        render: oe
+        render: xe
       }
-    ], T = F, n = P(() => a.find((r) => r.value === c.value));
+    ], T = _, l = C(() => a.find((r) => r.value === d.value));
     return (r, e) => {
-      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. ")
+      var c;
+      const m = g("FmTabs");
+      return f(), M(G, null, [
+        e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
+          I("b", null, "Note: "),
+          j(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
         v(m, {
-          "model-value": h(c),
-          "onUpdate:modelValue": e[0] || (e[0] = (g) => B(c) ? c.value = g : null),
+          "model-value": h(d),
+          "onUpdate:modelValue": e[0] || (e[0] = (y) => Z(d) ? d.value = y : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        h(c) ? (y(), I(Y((d = n.value) == null ? void 0 : d.render), L(K({ key: 0 }, { terminal: T.terminal })), null, 16)) : N("", !0)
+        h(d) ? (f(), F(ee((c = l.value) == null ? void 0 : c.render), ae(te({ key: 0 }, { terminal: T.terminal })), null, 16)) : V("", !0)
       ], 64);
     };
   }
-}), ie = {
+}), 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"
+    );
+    return ((B = k == null ? void 0 : k.config) == null ? void 0 : B.uniqueId) || "";
+  }), c = C(() => !!m.value), y = C(() => {
+    var k;
+    return ((k = e.value) == null ? void 0 : k.status) === "ready";
+  }), u = C(() => {
+    var k, D;
+    return y.value && !!((D = (k = e.value) == null ? void 0 : k.fields) != null && D.tyroLocationId) && !!_.value.deviceId && !c.value;
+  }), s = C(() => !y.value && !c.value), t = C(
+    () => l("payment.onboard-submission.tyro.syncDisabledHint")
+  ), n = C(() => c.value ? "Synced" : "Sync");
+  async function i() {
+    if (!_.value.referenceId) {
+      e.value = null;
+      return;
+    }
+    try {
+      const k = await ge.getByRestaurant(
+        _.value.referenceId
+      );
+      e.value = k.find(
+        (D) => D.type === me.FdoOnboardType.enum.tyro
+      ) ?? null;
+    } catch (k) {
+      e.value = null, r.open({
+        type: "error",
+        message: X(k)
+      });
+    }
+  }
+  const p = be({
+    intervalMs: ke,
+    timeoutMs: Ce,
+    onTick: async ({ isCurrentRun: k, stop: D }) => {
+      var H, z;
+      const B = await E.readById(_.value._id);
+      if (!k())
+        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({
+        type: "success",
+        message: "Tyro reader created successfully"
+      }));
+    },
+    onTimeout: () => {
+      T(), r.open({
+        type: "error",
+        message: Ve
+      });
+    },
+    onError: (k) => {
+      T(), r.open({
+        type: "error",
+        message: X(k)
+      });
+    }
+  }), x = p.isPolling;
+  function o() {
+    p.stop(), T();
+  }
+  function w() {
+    o(), a(), p.start();
+  }
+  async function K() {
+    if (!u.value) {
+      r.open({
+        type: "error",
+        message: "Tyro reader sync is not available"
+      });
+      return;
+    }
+    try {
+      a(), await E.syncTyroReader(_.value._id), w();
+    } catch (k) {
+      o(), r.open({
+        type: "error",
+        message: X(k)
+      });
+    }
+  }
+  return P(
+    () => _.value.referenceId,
+    async () => {
+      await i();
+    },
+    { immediate: !0 }
+  ), pe(() => {
+    o();
+  }), {
+    isLoading: d,
+    isPollingTyroReader: x,
+    uniqueId: m,
+    canSyncTyroReader: u,
+    showTyroSyncPopover: s,
+    tyroSyncPopoverMessage: t,
+    tyroSyncButtonLabel: n,
+    syncTyroReader: K
+  };
+}
+const Ue = {
   key: 0,
   class: "text-sm text-gray-500"
-}, ue = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ C({
+}, Re = { class: "flex mt-6 space-x-6" }, Me = { class: "flex-1" }, he = /* @__PURE__ */ R({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -142,12 +249,12 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = j().currentCountry, T = [
+  setup(_) {
+    const d = _, a = oe().currentCountry, T = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: k.F_COUNTRY.enum.MY,
+        region: U.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -155,14 +262,14 @@ const le = /* @__PURE__ */ C({
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: k.F_COUNTRY.enum.MY,
+        region: U.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: k.F_COUNTRY.enum.SG,
+        region: U.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -170,131 +277,199 @@ const le = /* @__PURE__ */ C({
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: k.F_COUNTRY.enum.MY
+        region: U.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: k.F_COUNTRY.enum.TH
+        region: U.F_COUNTRY.enum.TH
+      },
+      {
+        label: "Tyro Australia",
+        value: "cc.feedme.payment.tyro_au",
+        gateway: "Tyro",
+        region: U.F_COUNTRY.enum.AU
       }
-    ], n = O(() => c.terminal), r = b(), e = b({
+    ], l = A(() => d.terminal), r = b(), e = b({
       packageId: "",
       uniqueId: "",
       developerId: "",
       isUat: !1
     }), m = () => {
-      e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "";
-    }, d = () => {
-      if (!n.value.gateways || n.value.gateways.length === 0)
+      e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "", e.value.isUat = !1;
+    }, c = C(() => T.filter((N) => N.region === a.value)), y = C(() => c.value.find(
+      (N) => N.value === e.value.packageId
+    )), u = C(
+      () => {
+        var N;
+        return ((N = y.value) == null ? void 0 : N.gateway) === "Tyro";
+      }
+    ), {
+      isLoading: s,
+      isPollingTyroReader: t,
+      uniqueId: n,
+      canSyncTyroReader: i,
+      showTyroSyncPopover: p,
+      tyroSyncPopoverMessage: x,
+      tyroSyncButtonLabel: o,
+      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), $ = () => {
+      if (!l.value.gateways || l.value.gateways.length === 0)
         return m();
-      const l = n.value.gateways[0];
-      if (!l.config)
+      const N = l.value.gateways[0];
+      if (!N.config)
         return m();
-      switch (l.gateway) {
+      if (N.gateway === "Tyro") {
+        e.value = {
+          packageId: N.config.packageId,
+          uniqueId: N.config.uniqueId,
+          developerId: "",
+          isUat: !1
+        };
+        return;
+      }
+      switch (N.gateway) {
         case "Fiuu":
           e.value = {
-            packageId: l.config.packageId,
-            uniqueId: l.config.uniqueId,
+            packageId: N.config.packageId,
+            uniqueId: N.config.uniqueId,
             developerId: "",
             isUat: !1
           };
           break;
         case "Softspace":
         case "Digio":
-          const t = JSON.parse(l.config.uniqueId);
+          const S = JSON.parse(N.config.uniqueId);
           e.value = {
-            packageId: l.config.packageId,
-            uniqueId: t.uniqueId,
-            developerId: t.developerId,
-            isUat: t.isUat
+            packageId: N.config.packageId,
+            uniqueId: S.uniqueId,
+            developerId: S.developerId,
+            isUat: S.isUat
           };
           return;
       }
     };
-    q(n, d), S(d);
-    async function g(l) {
-      var t;
-      (t = n.value.gateways) == null || t.splice(l, 1), c.onUpdate(n.value);
+    P(l, $), q($);
+    async function H() {
+      const N = y.value;
+      if (!N)
+        return;
+      let S = e.value.uniqueId;
+      N.isLegacy || (S = JSON.stringify({
+        uniqueId: e.value.uniqueId,
+        developerId: e.value.developerId,
+        isUat: e.value.isUat
+      }));
+      const re = {
+        gateway: N.gateway,
+        config: {
+          packageId: N.value,
+          uniqueId: S
+        }
+      };
+      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = re, await d.onUpdate(l.value);
+    }
+    async function z(N) {
+      var S;
+      (S = l.value.gateways) == null || S.splice(N, 1), d.onUpdate(l.value);
+    }
+    function Q() {
+      u.value && w();
     }
-    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"), p = f("FmTextField"), x = f("FmCheckbox"), o = f("FmButton"), w = f("FmForm");
-      return y(), I(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, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[5] || (t[5] = () => {
-          const U = u.value;
-          if (!U)
-            return;
-          let z = e.value.uniqueId;
-          U.isLegacy || (z = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
-          const J = {
-            gateway: U.gateway,
-            config: {
-              packageId: U.value,
-              uniqueId: z
-            }
-          };
-          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, c.onUpdate(n.value);
-        })
+        onValidationSuccess: H
       }, {
-        default: M(() => [
-          v(i, {
+        default: O(() => [
+          v(re, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": t[0] || (t[0] = (U) => e.value.packageId = U),
+            "onUpdate:modelValue": S[0] || (S[0] = (L) => e.value.packageId = L),
             label: "Package ID",
-            items: s.value
+            items: c.value
           }, null, 8, ["modelValue", "items"]),
-          u.value && u.value.isLegacy ? (y(), V(G, { key: 0 }, [
-            v(p, {
+          u.value ? (f(), F(J, {
+            key: 0,
+            "model-value": h(n),
+            label: "Unique ID (Reader ID)",
+            disabled: ""
+          }, null, 8, ["model-value"])) : y.value && y.value.isLegacy ? (f(), M(G, { key: 1 }, [
+            v(J, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": t[1] || (t[1] = (U) => e.value.uniqueId = U),
+              "onUpdate:modelValue": S[1] || (S[1] = (L) => e.value.uniqueId = L),
               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(G, { key: 1 }, [
-            v(p, {
+            y.value.isOutdated ? (f(), M("span", Ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : V("", !0)
+          ], 64)) : u.value ? V("", !0) : (f(), M(G, { key: 2 }, [
+            v(J, {
               modelValue: e.value.developerId,
-              "onUpdate:modelValue": t[2] || (t[2] = (U) => e.value.developerId = U),
+              "onUpdate:modelValue": S[2] || (S[2] = (L) => e.value.developerId = L),
               label: "Developer ID (MID)"
             }, null, 8, ["modelValue"]),
-            v(p, {
+            v(J, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": t[3] || (t[3] = (U) => e.value.uniqueId = U),
+              "onUpdate:modelValue": S[3] || (S[3] = (L) => e.value.uniqueId = L),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
-            v(x, {
+            v(ue, {
               modelValue: e.value.isUat,
-              "onUpdate:modelValue": t[4] || (t[4] = (U) => e.value.isUat = U),
+              "onUpdate:modelValue": S[4] || (S[4] = (L) => e.value.isUat = L),
               label: "Is UAT (Test)",
               value: "1"
             }, null, 8, ["modelValue"])
           ], 64)),
-          _("div", ue, [
-            n.value.gateways && n.value.gateways.length > 0 ? (y(), I(o, {
+          I("div", Re, [
+            l.value.gateways && l.value.gateways.length > 0 ? (f(), F(ie, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(0)
-            }, null, 8, ["onclick"])) : N("", !0),
-            v(o, {
-              type: "submit",
+              onclick: () => z(0)
+            }, null, 8, ["onclick"])) : V("", !0),
+            u.value && h(p) && B.value ? (f(), F(ce, {
+              key: 1,
+              class: "flex-1",
+              variant: "plain",
+              placement: "top",
+              content: h(x)
+            }, {
+              default: O(() => [
+                I("div", Me, [
+                  v(ie, {
+                    type: K.value,
+                    class: "w-full",
+                    variant: "primary",
+                    loading: D.value,
+                    disabled: B.value,
+                    label: k.value,
+                    onClick: Q
+                  }, null, 8, ["type", "loading", "disabled", "label"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["content"])) : (f(), F(ie, {
+              key: 2,
+              type: K.value,
               class: "flex-1",
               variant: "primary",
-              label: "Save"
-            })
+              loading: D.value,
+              disabled: B.value,
+              label: k.value,
+              onClick: Q
+            }, null, 8, ["type", "loading", "disabled", "label"]))
           ])
         ]),
         _: 1
       }, 512);
     };
   }
-}), ce = {
+}), Oe = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, de = { class: "flex mt-6 space-x-6" }, pe = /* @__PURE__ */ C({
+}, Pe = { class: "flex mt-6 space-x-6" }, qe = /* @__PURE__ */ R({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -306,62 +481,62 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const { isLoading: c, startAsyncCall: a } = H(), T = F, n = O(() => T.terminal), r = b(), e = b(), m = b(-1), d = b({
+  setup(_) {
+    const { isLoading: d, startAsyncCall: a } = le(), T = _, l = A(() => T.terminal), r = b(), e = b(), m = b(-1), c = b({
       terminalId: ""
-    }), g = () => {
-      d.value.terminalId = "", m.value = -1;
-    }, s = () => {
+    }), y = () => {
+      c.value.terminalId = "", m.value = -1;
+    }, u = () => {
       if (a(async () => {
-        r.value = await A.getRestaurantTerminals(T.terminal.referenceId);
+        r.value = await E.getRestaurantTerminals(T.terminal.referenceId);
       }), !T.terminal.ecrs)
-        return g();
-      const t = T.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
-      if (t === -1)
-        return g();
-      m.value = t;
-      const i = T.terminal.ecrs.at(t);
-      i.gateway === "FeedMe" && i.config && (d.value = {
+        return y();
+      const n = T.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
+      if (n === -1)
+        return y();
+      m.value = n;
+      const i = T.terminal.ecrs.at(n);
+      i.gateway === "FeedMe" && i.config && (c.value = {
         terminalId: i.config.terminalId
       });
     };
-    q(n, s), S(s);
-    const u = P(() => (r.value ?? []).map((t) => ({
-      label: t.name ?? t._id,
-      value: t._id
+    P(l, u), q(u);
+    const s = C(() => (r.value ?? []).map((n) => ({
+      label: n.name ?? n._id,
+      value: n._id
     })));
-    async function l(t) {
+    async function t(n) {
       var i;
-      (i = T.terminal.ecrs) == null || i.splice(t, 1), T.onUpdate(T.terminal);
+      (i = T.terminal.ecrs) == null || i.splice(n, 1), T.onUpdate(T.terminal);
     }
-    return (t, i) => {
-      const p = f("FmCircularProgress"), x = f("FmSelect"), o = f("FmButton"), w = f("FmForm");
-      return h(c) ? (y(), V("div", ce, [
+    return (n, i) => {
+      const p = g("FmCircularProgress"), x = g("FmSelect"), o = g("FmButton"), w = g("FmForm");
+      return h(d) ? (f(), M("div", Oe, [
         v(p, { size: "xxl" })
-      ])) : (y(), I(w, {
+      ])) : (f(), F(w, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[1] || (i[1] = () => {
-          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);
+          m.value > -1 ? l.value.ecrs[m.value] = { gateway: "FeedMe", config: c.value } : (l.value.ecrs || (l.value.ecrs = []), l.value.ecrs.push({ gateway: "FeedMe", config: c.value })), T.onUpdate(l.value);
         })
       }, {
-        default: M(() => [
+        default: O(() => [
           v(x, {
-            modelValue: d.value.terminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (U) => d.value.terminalId = U),
+            modelValue: c.value.terminalId,
+            "onUpdate:modelValue": i[0] || (i[0] = (K) => c.value.terminalId = K),
             label: "Terminal ID",
-            items: u.value,
-            rules: h(ee)(h(ae).string())
+            items: s.value,
+            rules: h(Te)(h(_e).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          _("div", de, [
-            m.value > -1 ? (y(), I(o, {
+          I("div", Pe, [
+            m.value > -1 ? (f(), F(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => l(m.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => t(m.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(o, {
               type: "submit",
               class: "flex-1",
@@ -374,7 +549,7 @@ const le = /* @__PURE__ */ C({
       }, 512));
     };
   }
-}), me = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ C({
+}), Ge = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ R({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -386,68 +561,68 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     }), e = () => {
-      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", n.value = -1;
+      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", l.value = -1;
     }, m = () => {
       if (!a.value.ecrs)
         return e();
-      const g = a.value.ecrs.findIndex((u) => u && u.gateway && u.gateway === "Ghl");
-      if (g === -1)
+      const y = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
+      if (y === -1)
         return e();
-      n.value = g;
-      const s = a.value.ecrs.at(g);
-      s.gateway === "Ghl" && s.config && (r.value = {
-        merchantId: s.config.merchantId,
-        terminalId: s.config.terminalId,
-        privateKey: s.config.privateKey || ""
+      l.value = y;
+      const u = a.value.ecrs.at(y);
+      u.gateway === "Ghl" && u.config && (r.value = {
+        merchantId: u.config.merchantId,
+        terminalId: u.config.terminalId,
+        privateKey: u.config.privateKey || ""
       });
     };
-    q(a, m), S(m);
-    async function d(g) {
-      var s;
-      (s = a.value.ecrs) == null || s.splice(g, 1), c.onUpdate(a.value);
+    P(a, m), q(m);
+    async function c(y) {
+      var u;
+      (u = a.value.ecrs) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (g, s) => {
-      const u = f("FmTextField"), l = f("FmTextarea"), t = f("FmButton"), i = f("FmForm");
-      return y(), I(i, {
+    return (y, u) => {
+      const s = g("FmTextField"), t = g("FmTextarea"), n = g("FmButton"), i = g("FmForm");
+      return f(), F(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 })), c.onUpdate(a.value);
+        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);
         })
       }, {
-        default: M(() => [
-          v(u, {
+        default: O(() => [
+          v(s, {
             modelValue: r.value.merchantId,
-            "onUpdate:modelValue": s[0] || (s[0] = (p) => r.value.merchantId = p),
+            "onUpdate:modelValue": u[0] || (u[0] = (p) => r.value.merchantId = p),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          v(u, {
+          v(s, {
             modelValue: r.value.terminalId,
-            "onUpdate:modelValue": s[1] || (s[1] = (p) => r.value.terminalId = p),
+            "onUpdate:modelValue": u[1] || (u[1] = (p) => r.value.terminalId = p),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
-          v(l, {
+          v(t, {
             modelValue: r.value.privateKey,
-            "onUpdate:modelValue": s[2] || (s[2] = (p) => r.value.privateKey = p),
+            "onUpdate:modelValue": u[2] || (u[2] = (p) => r.value.privateKey = p),
             label: "Private Key",
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          _("div", me, [
-            n.value > -1 ? (y(), I(t, {
+          I("div", Ge, [
+            l.value > -1 ? (f(), F(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => d(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
-            v(t, {
+              onclick: () => c(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            v(n, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -459,7 +634,7 @@ const le = /* @__PURE__ */ C({
       }, 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__ */ C({
+}), De = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Be = { class: "flex mt-6 space-x-6" }, Le = /* @__PURE__ */ R({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -471,49 +646,49 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
-      if (l === -1)
+      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Maybank" && t.config && (e.value = {
-        ip: t.config.ip ?? "",
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[3] || (l[3] = () => {
+        onValidationSuccess: t[3] || (t[3] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -523,50 +698,50 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(t, {
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          _("div", fe, [
-            v(t, {
+          I("div", De, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", ye, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", $e, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", ge, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", Be, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -579,7 +754,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), _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({
+}), Ye = { class: "flex items-end" }, Ee = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ke = { class: "flex mt-6 space-x-6" }, je = /* @__PURE__ */ R({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -591,49 +766,49 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
-      if (l === -1)
+      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Maybank2" && t.config && (e.value = {
-        ip: t.config.ip ?? "",
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[3] || (l[3] = () => {
+        onValidationSuccess: t[3] || (t[3] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -643,50 +818,50 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(t, {
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          _("div", _e, [
-            v(t, {
+          I("div", Ye, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", Te, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", Ee, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Fe, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", Ke, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -699,7 +874,7 @@ const le = /* @__PURE__ */ C({
       }, 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" }, Ce = /* @__PURE__ */ C({
+}), 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: {
@@ -711,49 +886,49 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
     }), m = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
-      if (l === -1)
+      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Maybank3" && t.config && (e.value = {
-        config: t.config,
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[2] || (l[2] = () => {
+        onValidationSuccess: t[2] || (t[2] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -763,45 +938,45 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          _("div", we, [
-            v(t, {
+          I("div", He, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", xe, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", ze, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Ne, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", Qe, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -814,7 +989,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), 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({
+}), 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: {
@@ -826,49 +1001,49 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Nets");
-      if (l === -1)
+      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Nets");
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Nets" && t.config && (e.value = {
-        ip: t.config.ip ?? "",
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[3] || (l[3] = () => {
+        onValidationSuccess: t[3] || (t[3] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -878,50 +1053,50 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(t, {
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
-          _("div", ke, [
-            v(t, {
+          I("div", We, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", Ve, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", Xe, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Ue, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", Ze, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -934,7 +1109,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), 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({
+}), 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: {
@@ -946,47 +1121,47 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
-      if (l === -1)
+      const s = a.value.ecrIntegrations, t = s.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Kbank" && t.config && (e.value = {
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[2] || (l[2] = () => {
+        onValidationSuccess: t[2] || (t[2] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -996,45 +1171,45 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
-          _("div", Me, [
-            v(t, {
+          I("div", aa, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", he, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", ta, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Ge, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", la, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -1047,7 +1222,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), qe = { class: "flex mt-6 space-x-6" }, Pe = /* @__PURE__ */ C({
+}), oa = { class: "flex mt-6 space-x-6" }, ra = /* @__PURE__ */ R({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1059,37 +1234,37 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
       ip: "",
       receiptName: ""
     }), e = () => {
-      r.value.ip = "", r.value.receiptName = "", n.value = -1;
+      r.value.ip = "", r.value.receiptName = "", l.value = -1;
     }, m = () => {
       if (!a.value.ecrIntegrations)
         return e();
-      const g = a.value.ecrIntegrations, s = g.findIndex((l) => l && l.gateway && l.gateway === "Ghl2");
-      if (s === -1)
+      const y = a.value.ecrIntegrations, u = y.findIndex((t) => t && t.gateway && t.gateway === "Ghl2");
+      if (u === -1)
         return e();
-      n.value = s;
-      const u = g.at(s);
-      u.gateway === "Ghl2" && u.config && (r.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? ""
+      l.value = u;
+      const s = y.at(u);
+      s.gateway === "Ghl2" && s.config && (r.value = {
+        ip: s.config.ip ?? "",
+        receiptName: s.receiptName ?? ""
       });
     };
-    q(a, m), S(m);
-    async function d(g) {
-      var s;
-      (s = a.value.ecrIntegrations) == null || s.splice(g, 1), c.onUpdate(a.value);
+    P(a, m), q(m);
+    async function c(y) {
+      var u;
+      (u = a.value.ecrIntegrations) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (g, s) => {
-      const u = f("FmTextField"), l = f("FmButton"), t = f("FmForm");
-      return y(), I(t, {
+    return (y, u) => {
+      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
+      return f(), F(n, {
         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] = {
+        onValidationSuccess: u[2] || (u[2] = () => {
+          a.value.ecrIntegrations || (a.value.ecrIntegrations = []), l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Ghl2",
             config: { ip: r.value.ip },
             receiptName: r.value.receiptName
@@ -1097,30 +1272,30 @@ const le = /* @__PURE__ */ C({
             gateway: "Ghl2",
             config: { ip: r.value.ip },
             receiptName: r.value.receiptName
-          }), c.onUpdate(a.value);
+          }), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(u, {
+        default: O(() => [
+          v(s, {
             modelValue: r.value.ip,
-            "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value.ip = i),
+            "onUpdate:modelValue": u[0] || (u[0] = (i) => r.value.ip = i),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(u, {
+          v(s, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": s[1] || (s[1] = (i) => r.value.receiptName = i),
+            "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"]),
-          _("div", qe, [
-            n.value > -1 ? (y(), I(l, {
+          I("div", oa, [
+            l.value > -1 ? (f(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => d(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
-            v(l, {
+              onclick: () => c(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1132,7 +1307,7 @@ const le = /* @__PURE__ */ C({
       }, 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__ */ C({
+}), 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: {
@@ -1144,51 +1319,51 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
     }), m = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex(
+      const s = a.value.ecrIntegrations, t = s.findIndex(
         (p) => p && p.gateway && p.gateway === "Ghl3"
       );
-      if (l === -1)
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Ghl3" && t.config && (e.value = {
-        config: t.config,
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[2] || (l[2] = () => {
+        onValidationSuccess: t[2] || (t[2] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1198,45 +1373,45 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
-          _("div", Re, [
-            v(t, {
+          I("div", ia, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", $e, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", sa, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Ae, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", ua, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -1249,7 +1424,7 @@ const le = /* @__PURE__ */ C({
       }, 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__ */ C({
+}), 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: {
@@ -1261,51 +1436,51 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
     }), m = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex(
+      const s = a.value.ecrIntegrations, t = s.findIndex(
         (p) => p && p.gateway && p.gateway === "Hlbb"
       );
-      if (l === -1)
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "Hlbb" && t.config && (e.value = {
-        config: t.config,
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[2] || (l[2] = () => {
+        onValidationSuccess: t[2] || (t[2] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1315,45 +1490,45 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          _("div", Be, [
-            v(t, {
+          I("div", da, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", Ye, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", pa, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", Le, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", ma, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -1366,7 +1541,7 @@ const le = /* @__PURE__ */ C({
       }, 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__ */ C({
+}), 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: {
@@ -1378,51 +1553,51 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex(
+      const s = a.value.ecrIntegrations, t = s.findIndex(
         (p) => p && p.gateway && p.gateway === "GlobalPayments"
       );
-      if (l === -1)
+      if (t === -1)
         return m();
-      n.value = l;
-      const t = u.at(l);
-      t.gateway === "GlobalPayments" && t.config && (e.value = {
-        ip: t.config.ip ?? "",
-        receiptName: t.receiptName ?? "",
-        cardTypes: ((i = t.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[3] || (l[3] = () => {
+        onValidationSuccess: t[3] || (t[3] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1432,50 +1607,50 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.ip = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(t, {
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          _("div", Ee, [
-            v(t, {
+          I("div", ya, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (o) => r.value = o),
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", je, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", fa, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(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, {
+          I("div", ga, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -1488,7 +1663,7 @@ const le = /* @__PURE__ */ C({
       }, 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({
+}), 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: {
@@ -1500,49 +1675,49 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b(), e = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
     }), m = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, d = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
       var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const u = a.value.ecrIntegrations, l = u.findIndex(
+      const s = a.value.ecrIntegrations, t = s.findIndex(
         (p) => p && p.gateway && p.gateway === "Oma"
       );
-      if (l === -1)
+      if (t === -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) ?? []
+      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) ?? []
       });
     };
-    q(a, d), S(d);
-    async function g(u) {
-      var l;
-      (l = a.value.ecrIntegrations) == null || l.splice(u, 1), c.onUpdate(a.value);
+    P(a, c), q(c);
+    async function y(s) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
     }
-    async function s() {
+    async function u() {
       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, {
+    return (s, t) => {
+      const n = g("FmTextField"), i = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), F(x, {
         ref: T.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[2] || (l[2] = () => {
+        onValidationSuccess: t[2] || (t[2] = () => {
           var o, w;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+          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[n.value]) == null ? void 0 : w.dialogConfig,
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1552,45 +1727,45 @@ const le = /* @__PURE__ */ C({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), c.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          v(t, {
+        default: O(() => [
+          v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.receiptName = o),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
-          _("div", Qe, [
-            v(t, {
+          I("div", Ta, [
+            v(n, {
               modelValue: r.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => r.value = o),
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
             v(i, {
               class: "ml-4",
               icon: "add",
-              onClick: s
+              onClick: u
             })
           ]),
-          _("div", Je, [
-            (y(!0), V(G, null, R(e.value.cardTypes, (o) => (y(), I(p, {
+          I("div", _a, [
+            (f(!0), M(G, null, Y(e.value.cardTypes, (o) => (f(), F(p, {
               key: o,
               label: o,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          _("div", We, [
-            n.value > -1 ? (y(), I(i, {
+          I("div", Ia, [
+            l.value > -1 ? (f(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => g(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
+              onclick: () => y(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
             v(i, {
               type: "submit",
               class: "flex-1",
@@ -1603,7 +1778,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), Ze = { class: "flex items-center" }, ea = { class: "w-[260px] self-start" }, aa = { class: "flex-1" }, la = /* @__PURE__ */ C({
+}), wa = { class: "flex items-center" }, xa = { class: "w-[260px] self-start" }, Na = { class: "flex-1" }, ka = /* @__PURE__ */ R({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1615,109 +1790,109 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
+  setup(_) {
     var m;
-    const c = F, a = [
+    const d = _, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
-        render: pe
+        render: qe
       },
       {
         label: "GHL Terminal",
         value: "ghl",
-        render: ve,
-        region: [k.F_COUNTRY.enum.MY]
+        render: Ae,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL2 Terminal",
         value: "ghl2",
-        render: Pe,
-        region: [k.F_COUNTRY.enum.MY]
+        render: ra,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "ITB Maybank Terminal",
         value: "mb-itb",
-        render: be,
-        region: [k.F_COUNTRY.enum.MY]
+        render: Le,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "PMA Maybank Terminal",
         value: "mb-pma",
-        render: Ie,
-        region: [k.F_COUNTRY.enum.MY]
+        render: je,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys Maybank Terminal",
         value: "mb-paysys",
-        render: Ce,
-        region: [k.F_COUNTRY.enum.MY]
+        render: Je,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
-        render: Se,
-        region: [k.F_COUNTRY.enum.SG]
+        render: ea,
+        region: [U.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: Oe,
-        region: [k.F_COUNTRY.enum.TH]
+        render: na,
+        region: [U.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: De,
-        region: [k.F_COUNTRY.enum.TH]
+        render: ca,
+        region: [U.F_COUNTRY.enum.TH]
       },
       {
         label: "Paysys HLBB Terminal",
         value: "hlbb",
-        render: Ke,
-        region: [k.F_COUNTRY.enum.MY]
+        render: va,
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "GPAP Terminal",
         value: "globalpayments",
-        render: ze,
-        region: [k.F_COUNTRY.enum.SG]
+        render: ba,
+        region: [U.F_COUNTRY.enum.SG]
       },
       {
         label: "OMA Terminal",
         value: "oma",
-        render: Xe,
-        region: [k.F_COUNTRY.enum.PK]
+        render: Fa,
+        region: [U.F_COUNTRY.enum.PK]
       }
-    ], 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({
+    ], T = C(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = C(() => a.filter(
+      (c) => !c.region || c.region.includes(l.value ?? U.F_COUNTRY.enum.MY)
+    )), { gatewayTab: e } = ne({
       gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (d, g) => {
-      var u;
-      const s = f("FmTabs");
-      return y(), V("div", Ze, [
-        _("div", ea, [
-          v(s, {
+    return (c, y) => {
+      var s;
+      const u = g("FmTabs");
+      return f(), M("div", wa, [
+        I("div", xa, [
+          v(u, {
             "model-value": h(e),
-            "onUpdate:modelValue": g[0] || (g[0] = (l) => B(e) ? e.value = l : null),
+            "onUpdate:modelValue": y[0] || (y[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"])
         ]),
-        _("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)
+        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
+          })), null, 16)) : V("", !0)
         ])
       ]);
     };
   }
-}), ta = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ C({
+}), Ca = { class: "flex mt-6 space-x-6" }, Va = /* @__PURE__ */ R({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1729,61 +1904,61 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, a = O(() => c.terminal), T = b(), n = b(-1), r = b({
+  setup(_) {
+    const d = _, a = A(() => d.terminal), T = b(), l = b(-1), r = b({
       account: "",
       receiptName: ""
     }), e = () => {
-      r.value.account = "", r.value.receiptName = "", n.value = -1;
+      r.value.account = "", r.value.receiptName = "", l.value = -1;
     }, m = () => {
       if (!a.value.qrIntegrations)
         return e();
-      const g = a.value.qrIntegrations, s = g.findIndex((l) => l && l.gateway && l.gateway === "PROMPTPAY");
-      if (s === -1)
+      const y = a.value.qrIntegrations, u = y.findIndex((t) => t && t.gateway && t.gateway === "PROMPTPAY");
+      if (u === -1)
         return e();
-      n.value = s;
-      const u = g.at(s);
-      u.gateway === "PROMPTPAY" && u.config && (r.value = {
-        account: u.config.account ?? "",
-        receiptName: u.receiptName ?? ""
+      l.value = u;
+      const s = y.at(u);
+      s.gateway === "PROMPTPAY" && s.config && (r.value = {
+        account: s.config.account ?? "",
+        receiptName: s.receiptName ?? ""
       });
     };
-    q(a, m), S(m);
-    async function d(g) {
-      var s;
-      (s = a.value.qrIntegrations) == null || s.splice(g, 1), c.onUpdate(a.value);
+    P(a, m), q(m);
+    async function c(y) {
+      var u;
+      (u = a.value.qrIntegrations) == null || u.splice(y, 1), d.onUpdate(a.value);
     }
-    return (g, s) => {
-      const u = f("FmTextField"), l = f("FmButton"), t = f("FmForm");
-      return y(), I(t, {
+    return (y, u) => {
+      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
+      return f(), F(n, {
         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 })), c.onUpdate(a.value);
+        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);
         })
       }, {
-        default: M(() => [
-          v(u, {
+        default: O(() => [
+          v(s, {
             modelValue: r.value.account,
-            "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value.account = i),
+            "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"]),
-          v(u, {
+          v(s, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": s[1] || (s[1] = (i) => r.value.receiptName = i),
+            "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"]),
-          _("div", ta, [
-            n.value > -1 ? (y(), I(l, {
+          I("div", Ca, [
+            l.value > -1 ? (f(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => d(n.value)
-            }, null, 8, ["onclick"])) : N("", !0),
-            v(l, {
+              onclick: () => c(l.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1795,7 +1970,7 @@ const le = /* @__PURE__ */ C({
       }, 512);
     };
   }
-}), oa = { class: "flex items-center" }, ra = { class: "w-[260px] self-start" }, ia = { class: "flex-1" }, ua = /* @__PURE__ */ C({
+}), Sa = { class: "flex items-center" }, Ua = { class: "w-[260px] self-start" }, Ra = { class: "flex-1" }, Ma = /* @__PURE__ */ R({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1807,41 +1982,41 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
+  setup(_) {
     var m;
-    const c = F, a = [
+    const d = _, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: na,
-        region: [k.F_COUNTRY.enum.TH]
+        render: Va,
+        region: [U.F_COUNTRY.enum.TH]
       }
-    ], 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({
+    ], T = C(() => a.find((c) => c.value === e.value)), l = oe().currentCountry, r = C(() => a.filter((c) => !c.region || c.region.includes(l.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = ne({
       gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (d, g) => {
-      var u;
-      const s = f("FmTabs");
-      return y(), V("div", oa, [
-        _("div", ra, [
-          v(s, {
+    return (c, y) => {
+      var s;
+      const u = g("FmTabs");
+      return f(), M("div", Sa, [
+        I("div", Ua, [
+          v(u, {
             "model-value": h(e),
-            "onUpdate:modelValue": g[0] || (g[0] = (l) => B(e) ? e.value = l : null),
+            "onUpdate:modelValue": y[0] || (y[0] = (t) => Z(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        _("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)
+        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
+          })), null, 16)) : V("", !0)
         ])
       ]);
     };
   }
-}), _a = /* @__PURE__ */ C({
+}), Ka = /* @__PURE__ */ R({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -1849,24 +2024,24 @@ const le = /* @__PURE__ */ C({
       required: !0
     }
   },
-  setup(F) {
-    const c = F, { tab: a } = E({
+  setup(_) {
+    const d = _, { tab: a } = ne({
       tab: "information"
-    }), { isLoading: T, startAsyncCall: n } = H(!0), r = W(), e = Q(), m = b();
-    async function d(t) {
-      n(async () => {
+    }), { isLoading: T, startAsyncCall: l } = le(!0), r = ve(), e = se(), m = b();
+    async function c(n) {
+      l(async () => {
         try {
-          await A.updateById(
-            c.terminalId,
+          await E.updateById(
+            d.terminalId,
             {
-              name: t.name,
-              status: t.status,
-              ecrs: t.ecrs ?? [],
-              gateways: t.gateways ?? [],
-              ecrIntegrations: t.ecrIntegrations ?? [],
-              qrIntegrations: t.qrIntegrations ?? []
+              name: n.name,
+              status: n.status,
+              ecrs: n.ecrs ?? [],
+              gateways: n.gateways ?? [],
+              ecrIntegrations: n.ecrIntegrations ?? [],
+              qrIntegrations: n.qrIntegrations ?? []
             }
-          ), m.value = await A.readById(c.terminalId), e.open({
+          ), m.value = await E.readById(d.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
@@ -1874,79 +2049,79 @@ const le = /* @__PURE__ */ C({
           e.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: Z(i)
+            message: X(i)
           });
         }
       });
     }
-    const g = [
+    const y = [
       {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: le
+        render: Ie
       },
       {
         label: "Setting Request",
         value: "settings",
         icon: "settings",
-        render: re,
+        render: Ne,
         onlyFor: ["TERMINAL"]
       },
       {
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: se
+        render: he
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: la,
+        render: ka,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: ua,
+        render: Ma,
         onlyFor: ["POS", "KIOSK"]
       }
     ];
-    j().currentCountry;
-    const s = P(() => {
-      var t;
-      return (t = g.find((i) => i.value === a.value)) == null ? void 0 : t.render;
+    oe().currentCountry;
+    const u = C(() => {
+      var n;
+      return (n = y.find((i) => i.value === a.value)) == null ? void 0 : n.render;
     });
-    async function u() {
-      n(async () => {
-        m.value = await A.readById(c.terminalId);
+    async function s() {
+      l(async () => {
+        m.value = await E.readById(d.terminalId);
       });
     }
-    const l = P(() => g.filter((t) => {
+    const t = C(() => y.filter((n) => {
       var i;
-      return !t.onlyFor || t.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
+      return !n.onlyFor || n.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
     }));
-    return S(u), (t, i) => {
+    return q(s), (n, i) => {
       var x, o;
-      const p = f("FmTabs");
-      return y(), I(X, {
+      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
       }, {
-        default: M(() => [
+        default: O(() => [
           v(p, {
             "model-value": h(a),
-            "onUpdate:modelValue": i[0] || (i[0] = (w) => B(a) ? a.value = w : null),
+            "onUpdate:modelValue": i[0] || (i[0] = (w) => Z(a) ? a.value = w : null),
             class: "mb-6",
-            items: l.value
+            items: t.value
           }, null, 8, ["model-value", "items"]),
-          h(a) ? (y(), I(Y(s.value), L(K({ key: 0 }, {
+          h(a) ? (f(), F(ee(u.value), ae(te({ key: 0 }, {
             terminal: m.value,
-            onUpdate: d
-          })), null, 16)) : N("", !0)
+            onUpdate: c
+          })), null, 16)) : V("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "onBack"]);
@@ -1954,5 +2129,5 @@ const le = /* @__PURE__ */ C({
   }
 });
 export {
-  _a as default
+  Ka as default
 };