@feedmepos/mf-payment 1.4.47 → 1.5.0-dev

package/dist/{TerminalSetting-BiaGvysm.js → TerminalSetting-PWs1fyFe.js}

@@ -1,14 +1,14 @@
-import { defineComponent as N, openBlock as g, createElementBlock as U, Fragment as G, createElementVNode as F, createTextVNode as $, toDisplayString as A, ref as _, resolveComponent as y, createVNode as v, createCommentVNode as k, unref as S, computed as R, isRef as B, createBlock as w, resolveDynamicComponent as Y, normalizeProps as L, mergeProps as K, toRef as h, watch as O, onMounted as M, withCtx as q, renderList as P } from "vue";
-import { u as H, e as V } from "./index-cCTvH31Z.js";
+import { defineComponent as k, openBlock as g, createElementBlock as V, Fragment as q, createElementVNode as I, createTextVNode as $, toDisplayString as D, ref as b, resolveComponent as y, createVNode as v, createCommentVNode as N, unref as S, computed as R, isRef as B, createBlock as T, resolveDynamicComponent as Y, normalizeProps as L, mergeProps as K, toRef as G, watch as O, onMounted as M, withCtx as h, renderList as P } from "vue";
+import { u as H, e as C } from "./index-BJNCcdvT.js";
 import { useRouter as W } from "vue-router";
-import { t as D } from "./index-Blb5YaYR.js";
-import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as E } from "./index-BLyx8ZQr.js";
+import { t as A } from "./index-C-YBwRQp.js";
+import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as E } from "./index-CtkwL_6R.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-D5jtpt9A.js";
-const te = /* @__PURE__ */ N({
+import { z as ee, a as ae } from "./validator-DzjyJnvv.js";
+const te = /* @__PURE__ */ k({
   __name: "Information",
   props: {
     terminal: {
@@ -16,23 +16,23 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    return (d, a) => (g(), U(G, null, [
-      a[0] || (a[0] = F("b", null, "Name", -1)),
-      $(": " + A(I.terminal.name), 1),
-      a[1] || (a[1] = F("br", null, null, -1)),
-      a[2] || (a[2] = F("b", null, "Status", -1)),
-      $(": " + A(I.terminal.status), 1),
-      a[3] || (a[3] = F("br", null, null, -1)),
-      a[4] || (a[4] = F("b", null, "Device ID", -1)),
-      $(": " + A(I.terminal.deviceId ?? "-"), 1),
-      a[5] || (a[5] = F("br", null, null, -1)),
-      a[6] || (a[6] = F("b", null, "Device Type", -1)),
-      $(": " + A(I.terminal.deviceType ?? "-"), 1),
-      a[7] || (a[7] = F("br", null, null, -1))
+  setup(F) {
+    return (d, a) => (g(), V(q, null, [
+      a[0] || (a[0] = I("b", null, "Name", -1)),
+      $(": " + D(F.terminal.name), 1),
+      a[1] || (a[1] = I("br", null, null, -1)),
+      a[2] || (a[2] = I("b", null, "Status", -1)),
+      $(": " + D(F.terminal.status), 1),
+      a[3] || (a[3] = I("br", null, null, -1)),
+      a[4] || (a[4] = I("b", null, "Device ID", -1)),
+      $(": " + D(F.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = I("br", null, null, -1)),
+      a[6] || (a[6] = I("b", null, "Device Type", -1)),
+      $(": " + D(F.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), le = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ N({
+}), le = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ k({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -40,13 +40,13 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const { isLoading: d, startAsyncCall: a } = H(!1), b = Q(), l = _({
+  setup(F) {
+    const { isLoading: d, startAsyncCall: a } = H(!1), _ = Q(), l = b({
       enable: !1,
       password: []
-    }), o = I;
+    }), r = F;
     function e() {
-      return l.value.enable && l.value.password.filter((m) => !!m).length !== 6 ? b.open({
+      return l.value.enable && l.value.password.filter((m) => !!m).length !== 6 ? _.open({
         type: "error",
         message: "Unlock PIN is required when setting up kiosk mode for terminal."
       }) : a(async () => {
@@ -54,33 +54,33 @@ const te = /* @__PURE__ */ N({
         m.enable && Object.assign(m, {
           password: l.value.password.join("")
         });
-        const c = await D.kioskModeRequest(o.terminal._id, m);
+        const c = await A.kioskModeRequest(r.terminal._id, m);
         if (c === "OK")
-          return b.open({ type: "info", message: "Kiosk mode applied successfully." });
+          return _.open({ type: "info", message: "Kiosk mode applied successfully." });
         let f = c;
-        return c === "client_not_connected" && (f = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (f = c.replaceAll("terminal: ", "")), b.open({
+        return c === "client_not_connected" && (f = "Terminal not connected to the websocket server."), c.startsWith("terminal: ") && (f = c.replaceAll("terminal: ", "")), _.open({
           type: "error",
           message: f
         });
       });
     }
     return (m, c) => {
-      const f = y("FmSwitch"), s = y("FmPinField"), i = y("FmButton");
-      return g(), U(G, null, [
+      const f = y("FmSwitch"), s = y("FmPinField"), u = y("FmButton");
+      return g(), V(q, null, [
         v(f, {
           modelValue: l.value.enable,
           "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value.enable = t),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        l.value.enable ? (g(), U("div", le, [
-          c[2] || (c[2] = F("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
+        l.value.enable ? (g(), V("div", le, [
+          c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           v(s, {
             modelValue: l.value.password,
             "onUpdate:modelValue": c[1] || (c[1] = (t) => l.value.password = t)
           }, null, 8, ["modelValue"])
-        ])) : k("", !0),
-        F("div", ne, [
-          v(i, {
+        ])) : N("", !0),
+        I("div", ne, [
+          v(u, {
             variant: "primary",
             label: "Send",
             icon: "send",
@@ -91,7 +91,7 @@ const te = /* @__PURE__ */ N({
       ], 64);
     };
   }
-}), re = /* @__PURE__ */ N({
+}), re = /* @__PURE__ */ k({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -99,7 +99,7 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
+  setup(F) {
     const { settingTab: d } = E({
       settingTab: "kiosk_mode"
     }), a = [
@@ -108,13 +108,13 @@ const te = /* @__PURE__ */ N({
         value: "kiosk_mode",
         render: oe
       }
-    ], b = I, l = R(() => a.find((o) => o.value === d.value));
-    return (o, e) => {
+    ], _ = F, l = R(() => a.find((r) => r.value === d.value));
+    return (r, e) => {
       var c;
       const m = y("FmTabs");
-      return g(), U(G, null, [
-        e[1] || (e[1] = F("p", { className: "mt-1 my-6 text-gray-600" }, [
-          F("b", null, "Note: "),
+      return g(), V(q, null, [
+        e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
+          I("b", null, "Note: "),
           $(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
         v(m, {
@@ -123,14 +123,14 @@ const te = /* @__PURE__ */ N({
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        S(d) ? (g(), w(Y((c = l.value) == null ? void 0 : c.render), L(K({ key: 0 }, { terminal: b.terminal })), null, 16)) : k("", !0)
+        S(d) ? (g(), T(Y((c = l.value) == null ? void 0 : c.render), L(K({ key: 0 }, { terminal: _.terminal })), null, 16)) : N("", !0)
       ], 64);
     };
   }
 }), ie = {
   key: 0,
   class: "text-sm text-gray-500"
-}, ue = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ N({
+}, ue = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ k({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -142,12 +142,12 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = j().currentCountry, b = [
+  setup(F) {
+    const d = F, a = j().currentCountry, _ = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: V.F_COUNTRY.enum.MY,
+        region: C.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -155,14 +155,14 @@ const te = /* @__PURE__ */ N({
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: V.F_COUNTRY.enum.MY,
+        region: C.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: V.F_COUNTRY.enum.SG,
+        region: C.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -170,15 +170,15 @@ const te = /* @__PURE__ */ N({
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: V.F_COUNTRY.enum.MY
+        region: C.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: V.F_COUNTRY.enum.TH
+        region: C.F_COUNTRY.enum.TH
       }
-    ], l = h(() => d.terminal), o = _(), e = _({
+    ], l = G(() => d.terminal), r = b(), e = b({
       packageId: "",
       uniqueId: "",
       developerId: "",
@@ -217,69 +217,69 @@ const te = /* @__PURE__ */ N({
       var n;
       (n = l.value.gateways) == null || n.splice(t, 1), d.onUpdate(l.value);
     }
-    const s = R(() => b.filter((t) => t.region === a.value)), i = R(() => s.value.find((t) => t.value === e.value.packageId));
+    const s = R(() => _.filter((t) => t.region === a.value)), u = R(() => s.value.find((t) => t.value === e.value.packageId));
     return (t, n) => {
-      const u = y("FmSelect"), p = y("FmTextField"), x = y("FmCheckbox"), r = y("FmButton"), T = y("FmForm");
-      return g(), w(T, {
-        ref: o.value,
+      const i = y("FmSelect"), p = y("FmTextField"), x = y("FmCheckbox"), o = y("FmButton"), w = y("FmForm");
+      return g(), T(w, {
+        ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: n[5] || (n[5] = () => {
-          const C = i.value;
-          if (!C)
+          const U = u.value;
+          if (!U)
             return;
           let z = e.value.uniqueId;
-          C.isLegacy || (z = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
+          U.isLegacy || (z = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
           const J = {
-            gateway: C.gateway,
+            gateway: U.gateway,
             config: {
-              packageId: C.value,
+              packageId: U.value,
               uniqueId: z
             }
           };
           (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = J, d.onUpdate(l.value);
         })
       }, {
-        default: q(() => [
-          v(u, {
+        default: h(() => [
+          v(i, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": n[0] || (n[0] = (C) => e.value.packageId = C),
+            "onUpdate:modelValue": n[0] || (n[0] = (U) => e.value.packageId = U),
             label: "Package ID",
             items: s.value
           }, null, 8, ["modelValue", "items"]),
-          i.value && i.value.isLegacy ? (g(), U(G, { key: 0 }, [
+          u.value && u.value.isLegacy ? (g(), V(q, { key: 0 }, [
             v(p, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": n[1] || (n[1] = (C) => e.value.uniqueId = C),
+              "onUpdate:modelValue": n[1] || (n[1] = (U) => e.value.uniqueId = U),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
-            i.value.isOutdated ? (g(), U("span", ie, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : k("", !0)
-          ], 64)) : (g(), U(G, { key: 1 }, [
+            u.value.isOutdated ? (g(), V("span", ie, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : N("", !0)
+          ], 64)) : (g(), V(q, { key: 1 }, [
             v(p, {
               modelValue: e.value.developerId,
-              "onUpdate:modelValue": n[2] || (n[2] = (C) => e.value.developerId = C),
+              "onUpdate:modelValue": n[2] || (n[2] = (U) => e.value.developerId = U),
               label: "Developer ID (MID)"
             }, null, 8, ["modelValue"]),
             v(p, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": n[3] || (n[3] = (C) => e.value.uniqueId = C),
+              "onUpdate:modelValue": n[3] || (n[3] = (U) => e.value.uniqueId = U),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
             v(x, {
               modelValue: e.value.isUat,
-              "onUpdate:modelValue": n[4] || (n[4] = (C) => e.value.isUat = C),
+              "onUpdate:modelValue": n[4] || (n[4] = (U) => e.value.isUat = U),
               label: "Is UAT (Test)",
               value: "1"
             }, null, 8, ["modelValue"])
           ], 64)),
-          F("div", ue, [
-            l.value.gateways && l.value.gateways.length > 0 ? (g(), w(r, {
+          I("div", ue, [
+            l.value.gateways && l.value.gateways.length > 0 ? (g(), T(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(0)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(r, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -294,7 +294,7 @@ const te = /* @__PURE__ */ N({
 }), ce = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, de = { class: "flex mt-6 space-x-6" }, me = /* @__PURE__ */ N({
+}, de = { class: "flex mt-6 space-x-6" }, me = /* @__PURE__ */ k({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -306,63 +306,63 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const { isLoading: d, startAsyncCall: a } = H(), b = I, l = h(() => b.terminal), o = _(), e = _(), m = _(-1), c = _({
+  setup(F) {
+    const { isLoading: d, startAsyncCall: a } = H(), _ = F, l = G(() => _.terminal), r = b(), e = b(), m = b(-1), c = b({
       terminalId: ""
     }), f = () => {
       c.value.terminalId = "", m.value = -1;
     }, s = () => {
       if (a(async () => {
-        o.value = await D.getRestaurantTerminals(b.terminal.referenceId);
-      }), !b.terminal.ecrs)
+        r.value = await A.getRestaurantTerminals(_.terminal.referenceId);
+      }), !_.terminal.ecrs)
         return f();
-      const n = b.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
+      const n = _.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
       if (n === -1)
         return f();
       m.value = n;
-      const u = b.terminal.ecrs.at(n);
-      u.gateway === "FeedMe" && u.config && (c.value = {
-        terminalId: u.config.terminalId
+      const i = _.terminal.ecrs.at(n);
+      i.gateway === "FeedMe" && i.config && (c.value = {
+        terminalId: i.config.terminalId
       });
     };
     O(l, s), M(s);
-    const i = R(() => (o.value ?? []).map((n) => ({
+    const u = R(() => (r.value ?? []).map((n) => ({
       label: n.name ?? n._id,
       value: n._id
     })));
     async function t(n) {
-      var u;
-      (u = b.terminal.ecrs) == null || u.splice(n, 1), b.onUpdate(b.terminal);
+      var i;
+      (i = _.terminal.ecrs) == null || i.splice(n, 1), _.onUpdate(_.terminal);
     }
-    return (n, u) => {
-      const p = y("FmCircularProgress"), x = y("FmSelect"), r = y("FmButton"), T = y("FmForm");
-      return S(d) ? (g(), U("div", ce, [
+    return (n, i) => {
+      const p = y("FmCircularProgress"), x = y("FmSelect"), o = y("FmButton"), w = y("FmForm");
+      return S(d) ? (g(), V("div", ce, [
         v(p, { size: "xxl" })
-      ])) : (g(), w(T, {
+      ])) : (g(), T(w, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: u[1] || (u[1] = () => {
-          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 })), b.onUpdate(l.value);
+        onValidationSuccess: i[1] || (i[1] = () => {
+          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 })), _.onUpdate(l.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(x, {
             modelValue: c.value.terminalId,
-            "onUpdate:modelValue": u[0] || (u[0] = (C) => c.value.terminalId = C),
+            "onUpdate:modelValue": i[0] || (i[0] = (U) => c.value.terminalId = U),
             label: "Terminal ID",
-            items: i.value,
+            items: u.value,
             rules: S(ee)(S(ae).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          F("div", de, [
-            m.value > -1 ? (g(), w(r, {
+          I("div", de, [
+            m.value > -1 ? (g(), T(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(m.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(r, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -374,7 +374,7 @@ const te = /* @__PURE__ */ N({
       }, 512));
     };
   }
-}), pe = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ N({
+}), pe = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ k({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -386,22 +386,22 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     }), e = () => {
-      o.value.merchantId = "", o.value.terminalId = "", o.value.privateKey = "", l.value = -1;
+      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", l.value = -1;
     }, m = () => {
       if (!a.value.ecrs)
         return e();
-      const f = a.value.ecrs.findIndex((i) => i && i.gateway && i.gateway === "Ghl");
+      const f = a.value.ecrs.findIndex((u) => u && u.gateway && u.gateway === "Ghl");
       if (f === -1)
         return e();
       l.value = f;
       const s = a.value.ecrs.at(f);
-      s.gateway === "Ghl" && s.config && (o.value = {
+      s.gateway === "Ghl" && s.config && (r.value = {
         merchantId: s.config.merchantId,
         terminalId: s.config.terminalId,
         privateKey: s.config.privateKey || ""
@@ -413,40 +413,40 @@ const te = /* @__PURE__ */ N({
       (s = a.value.ecrs) == null || s.splice(f, 1), d.onUpdate(a.value);
     }
     return (f, s) => {
-      const i = y("FmTextField"), t = y("FmTextarea"), n = y("FmButton"), u = y("FmForm");
-      return g(), w(u, {
-        ref: b.value,
+      const u = y("FmTextField"), t = y("FmTextarea"), n = y("FmButton"), i = y("FmForm");
+      return g(), T(i, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[3] || (s[3] = () => {
-          l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: o.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: o.value })), d.onUpdate(a.value);
+          l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
-          v(i, {
-            modelValue: o.value.merchantId,
-            "onUpdate:modelValue": s[0] || (s[0] = (p) => o.value.merchantId = p),
+        default: h(() => [
+          v(u, {
+            modelValue: r.value.merchantId,
+            "onUpdate:modelValue": s[0] || (s[0] = (p) => r.value.merchantId = p),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          v(i, {
-            modelValue: o.value.terminalId,
-            "onUpdate:modelValue": s[1] || (s[1] = (p) => o.value.terminalId = p),
+          v(u, {
+            modelValue: r.value.terminalId,
+            "onUpdate:modelValue": s[1] || (s[1] = (p) => r.value.terminalId = p),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
           v(t, {
-            modelValue: o.value.privateKey,
-            "onUpdate:modelValue": s[2] || (s[2] = (p) => o.value.privateKey = p),
+            modelValue: r.value.privateKey,
+            "onUpdate:modelValue": s[2] || (s[2] = (p) => r.value.privateKey = p),
             label: "Private Key",
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          F("div", pe, [
-            l.value > -1 ? (g(), w(n, {
+          I("div", pe, [
+            l.value > -1 ? (g(), T(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
+            }, null, 8, ["onclick"])) : N("", !0),
             v(n, {
               type: "submit",
               class: "flex-1",
@@ -459,7 +459,7 @@ const te = /* @__PURE__ */ N({
       }, 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__ */ N({
+}), fe = { class: "flex items-end" }, ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ k({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -471,49 +471,49 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
+      const u = a.value.ecrIntegrations, t = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Maybank" && n.config && (e.value = {
         ip: n.config.ip ?? "",
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -526,48 +526,48 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.ip = r),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", fe, [
+          I("div", fe, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", ye, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", ye, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", ge, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", ge, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -579,7 +579,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), _e = { class: "flex items-end" }, Fe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ie = { class: "flex mt-6 space-x-6" }, we = /* @__PURE__ */ N({
+}), _e = { class: "flex items-end" }, Ie = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, Te = /* @__PURE__ */ k({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -591,49 +591,49 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
+      const u = a.value.ecrIntegrations, t = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Maybank2" && n.config && (e.value = {
         ip: n.config.ip ?? "",
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank2",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -646,48 +646,48 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.ip = r),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", _e, [
+          I("div", _e, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", Fe, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", Ie, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", Ie, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", Fe, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -699,7 +699,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Te = { class: "flex items-end" }, xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, ke = { class: "flex mt-6 space-x-6" }, Ne = /* @__PURE__ */ N({
+}), we = { class: "flex items-end" }, xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ne = { class: "flex mt-6 space-x-6" }, ke = /* @__PURE__ */ k({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -711,49 +711,49 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
     }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
+      const u = a.value.ecrIntegrations, t = u.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Maybank3" && n.config && (e.value = {
         config: n.config,
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -766,43 +766,43 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", Te, [
+          I("div", we, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", xe, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", xe, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", ke, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", Ne, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -814,7 +814,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Ce = { class: "flex items-end" }, Ve = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ N({
+}), Ce = { class: "flex items-end" }, Ve = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ k({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -826,49 +826,49 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Nets");
+      const u = a.value.ecrIntegrations, t = u.findIndex((p) => p && p.gateway && p.gateway === "Nets");
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Nets" && n.config && (e.value = {
         ip: n.config.ip ?? "",
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Nets",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -881,48 +881,48 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.ip = r),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", Ce, [
+          I("div", Ce, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", Ve, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", Ve, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", Ue, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", Ue, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -934,7 +934,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Me = { class: "flex items-end" }, qe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ge = { class: "flex mt-6 space-x-6" }, he = /* @__PURE__ */ N({
+}), Me = { class: "flex items-end" }, he = { class: "flex flex-wrap gap-8 items-center mt-4" }, qe = { class: "flex mt-6 space-x-6" }, Ge = /* @__PURE__ */ k({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -946,47 +946,47 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       cardTypes: []
     }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
+      const u = a.value.ecrIntegrations, t = u.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Kbank" && n.config && (e.value = {
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Kbank",
             config: {},
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -999,43 +999,43 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", Me, [
+          I("div", Me, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", qe, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", he, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", Ge, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", qe, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1047,7 +1047,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Oe = { class: "flex mt-6 space-x-6" }, Re = /* @__PURE__ */ N({
+}), Oe = { class: "flex mt-6 space-x-6" }, Re = /* @__PURE__ */ k({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1059,12 +1059,12 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b({
       ip: "",
       receiptName: ""
     }), e = () => {
-      o.value.ip = "", o.value.receiptName = "", l.value = -1;
+      r.value.ip = "", r.value.receiptName = "", l.value = -1;
     }, m = () => {
       if (!a.value.ecrIntegrations)
         return e();
@@ -1072,10 +1072,10 @@ const te = /* @__PURE__ */ N({
       if (s === -1)
         return e();
       l.value = s;
-      const i = f.at(s);
-      i.gateway === "Ghl2" && i.config && (o.value = {
-        ip: i.config.ip ?? "",
-        receiptName: i.receiptName ?? ""
+      const u = f.at(s);
+      u.gateway === "Ghl2" && u.config && (r.value = {
+        ip: u.config.ip ?? "",
+        receiptName: u.receiptName ?? ""
       });
     };
     O(a, m), M(m);
@@ -1084,42 +1084,42 @@ const te = /* @__PURE__ */ N({
       (s = a.value.ecrIntegrations) == null || s.splice(f, 1), d.onUpdate(a.value);
     }
     return (f, s) => {
-      const i = y("FmTextField"), t = y("FmButton"), n = y("FmForm");
-      return g(), w(n, {
-        ref: b.value,
+      const u = y("FmTextField"), t = y("FmButton"), n = y("FmForm");
+      return g(), T(n, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[2] || (s[2] = () => {
           a.value.ecrIntegrations || (a.value.ecrIntegrations = []), l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Ghl2",
-            config: { ip: o.value.ip },
-            receiptName: o.value.receiptName
+            config: { ip: r.value.ip },
+            receiptName: r.value.receiptName
           } : a.value.ecrIntegrations.push({
             gateway: "Ghl2",
-            config: { ip: o.value.ip },
-            receiptName: o.value.receiptName
+            config: { ip: r.value.ip },
+            receiptName: r.value.receiptName
           }), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
-          v(i, {
-            modelValue: o.value.ip,
-            "onUpdate:modelValue": s[0] || (s[0] = (u) => o.value.ip = u),
+        default: h(() => [
+          v(u, {
+            modelValue: r.value.ip,
+            "onUpdate:modelValue": s[0] || (s[0] = (i) => r.value.ip = i),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          v(i, {
-            modelValue: o.value.receiptName,
-            "onUpdate:modelValue": s[1] || (s[1] = (u) => o.value.receiptName = u),
+          v(u, {
+            modelValue: r.value.receiptName,
+            "onUpdate:modelValue": s[1] || (s[1] = (i) => r.value.receiptName = i),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
-          F("div", Oe, [
-            l.value > -1 ? (g(), w(t, {
+          I("div", Oe, [
+            l.value > -1 ? (g(), T(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
+            }, null, 8, ["onclick"])) : N("", !0),
             v(t, {
               type: "submit",
               class: "flex-1",
@@ -1132,7 +1132,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Pe = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, De = { class: "flex mt-6 space-x-6" }, Ae = /* @__PURE__ */ N({
+}), Pe = { class: "flex items-end" }, $e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ae = { class: "flex mt-6 space-x-6" }, De = /* @__PURE__ */ k({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1144,51 +1144,51 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _(), e = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
       receiptName: "",
       config: {},
       cardTypes: []
     }), m = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var u;
+      var i;
       if (!a.value.ecrIntegrations)
         return m();
-      const i = a.value.ecrIntegrations, t = i.findIndex(
+      const u = a.value.ecrIntegrations, t = u.findIndex(
         (p) => p && p.gateway && p.gateway === "Ghl3"
       );
       if (t === -1)
         return m();
       l.value = t;
-      const n = i.at(t);
+      const n = u.at(t);
       n.gateway === "Ghl3" && n.config && (e.value = {
         config: n.config,
         receiptName: n.receiptName ?? "",
-        cardTypes: ((u = n.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
       });
     };
     O(a, c), M(c);
-    async function f(i) {
+    async function f(u) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
     }
     async function s() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (i, t) => {
-      const n = y("FmTextField"), u = y("FmButton"), p = y("FmChip"), x = y("FmForm");
-      return g(), w(x, {
-        ref: b.value,
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var r, T;
+          var o, w;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Ghl3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(T = (r = a.value.ecrIntegrations) == null ? void 0 : r[l.value]) == null ? void 0 : T.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({
@@ -1201,43 +1201,43 @@ const te = /* @__PURE__ */ N({
           })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
+        default: h(() => [
           v(n, {
             modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value.receiptName = r),
+            "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"]),
-          F("div", Pe, [
+          I("div", Pe, [
             v(n, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (r) => o.value = r),
+              modelValue: r.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            v(u, {
+            v(i, {
               class: "ml-4",
               icon: "add",
               onClick: s
             })
           ]),
-          F("div", $e, [
-            (g(!0), U(G, null, P(e.value.cardTypes, (r) => (g(), w(p, {
-              key: r,
-              label: r,
+          I("div", $e, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
               removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(r), 1)
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          F("div", De, [
-            l.value > -1 ? (g(), w(u, {
+          I("div", Ae, [
+            l.value > -1 ? (g(), T(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => f(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            v(u, {
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1249,7 +1249,124 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), Be = { class: "flex items-center" }, Ye = { class: "w-[260px] self-start" }, Le = { class: "flex-1" }, Ke = /* @__PURE__ */ N({
+}), Be = { class: "flex items-end" }, Ye = { class: "flex flex-wrap gap-8 items-center mt-4" }, Le = { class: "flex mt-6 space-x-6" }, Ke = /* @__PURE__ */ k({
+  __name: "HlbbGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b(), e = b({
+      receiptName: "",
+      config: {},
+      cardTypes: []
+    }), m = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
+    }, c = () => {
+      var i;
+      if (!a.value.ecrIntegrations)
+        return m();
+      const u = a.value.ecrIntegrations, t = u.findIndex(
+        (p) => p && p.gateway && p.gateway === "Hlbb"
+      );
+      if (t === -1)
+        return m();
+      l.value = t;
+      const n = u.at(t);
+      n.gateway === "Hlbb" && n.config && (e.value = {
+        config: n.config,
+        receiptName: n.receiptName ?? "",
+        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+      });
+    };
+    O(a, c), M(c);
+    async function f(u) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(u, 1), d.onUpdate(a.value);
+    }
+    async function s() {
+      e.value.cardTypes.push(r.value), r.value = "";
+    }
+    return (u, t) => {
+      const n = y("FmTextField"), i = y("FmButton"), p = y("FmChip"), x = y("FmForm");
+      return g(), T(x, {
+        ref: _.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: t[2] || (t[2] = () => {
+          var o, w;
+          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
+            gateway: "Hlbb",
+            config: e.value.config,
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              ...(w = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : w.dialogConfig,
+              cardTypes: e.value.cardTypes
+            }
+          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
+            gateway: "Hlbb",
+            config: e.value.config,
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              cardTypes: e.value.cardTypes
+            }
+          })), d.onUpdate(a.value);
+        })
+      }, {
+        default: h(() => [
+          v(n, {
+            modelValue: e.value.receiptName,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
+            label: "Receipt Payment Name",
+            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
+          }, null, 8, ["modelValue"]),
+          I("div", Be, [
+            v(n, {
+              modelValue: r.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+              label: "Fallback Card Types",
+              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
+            }, null, 8, ["modelValue"]),
+            v(i, {
+              class: "ml-4",
+              icon: "add",
+              onClick: s
+            })
+          ]),
+          I("div", Ye, [
+            (g(!0), V(q, null, P(e.value.cardTypes, (o) => (g(), T(p, {
+              key: o,
+              label: o,
+              removable: !0,
+              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
+            }, null, 8, ["label", "onChipClosed"]))), 128))
+          ]),
+          I("div", Le, [
+            l.value > -1 ? (g(), T(i, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => f(l.value)
+            }, null, 8, ["onclick"])) : N("", !0),
+            v(i, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Ee = { class: "flex items-center" }, je = { class: "w-[260px] self-start" }, He = { class: "flex-1" }, ze = /* @__PURE__ */ k({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1261,9 +1378,9 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
+  setup(F) {
     var m;
-    const d = I, a = [
+    const d = F, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
@@ -1273,78 +1390,85 @@ const te = /* @__PURE__ */ N({
         label: "GHL Terminal (V2)",
         value: "ghl",
         render: ve,
-        region: [V.F_COUNTRY.enum.MY]
+        region: [C.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL 2 Terminal",
         value: "ghl2",
         render: Re,
-        region: [V.F_COUNTRY.enum.MY]
+        region: [C.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (ITB)",
         value: "mb-itb",
         render: be,
-        region: [V.F_COUNTRY.enum.MY]
+        region: [C.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (PMA)",
         value: "mb-pma",
-        render: we,
-        region: [V.F_COUNTRY.enum.MY]
+        render: Te,
+        region: [C.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (Paysys)",
         value: "mb-paysys",
-        render: Ne,
-        region: [V.F_COUNTRY.enum.MY]
+        render: ke,
+        region: [C.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
         render: Se,
-        region: [V.F_COUNTRY.enum.SG]
+        region: [C.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: he,
-        region: [V.F_COUNTRY.enum.TH]
+        render: Ge,
+        region: [C.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: Ae,
-        region: [V.F_COUNTRY.enum.TH]
+        render: De,
+        region: [C.F_COUNTRY.enum.TH]
+      },
+      {
+        label: "HLBB Terminal (Paysys)",
+        value: "hlbb",
+        render: Ke,
+        region: [C.F_COUNTRY.enum.MY]
       }
-    ], b = R(() => a.find((c) => c.value === e.value)), l = j().currentCountry, o = R(() => a.filter(
-      (c) => !c.region || c.region.includes(l.value ?? V.F_COUNTRY.enum.MY)
+    ], _ = R(() => a.find((c) => c.value === e.value)), l = j().currentCountry, r = R(() => a.filter(
+      (c) => !c.region || c.region.includes(l.value ?? C.F_COUNTRY.enum.MY)
     )), { gatewayTab: e } = E({
-      gatewayTab: (m = o.value[0]) == null ? void 0 : m.value
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
     return (c, f) => {
-      var i;
+      var u;
       const s = y("FmTabs");
-      return g(), U("div", Be, [
-        F("div", Ye, [
+      return g(), V("div", Ee, [
+        I("div", je, [
           v(s, {
             "model-value": S(e),
             "onUpdate:modelValue": f[0] || (f[0] = (t) => B(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
-            items: o.value
-          }, null, 8, ["model-value", "items"])
+            items: r.value,
+            "show-more-at": Number.POSITIVE_INFINITY
+          }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
-        F("div", Le, [
-          S(e) ? (g(), w(Y((i = b.value) == null ? void 0 : i.render), L(K({ key: 0 }, {
+        I("div", He, [
+          S(e) ? (g(), T(Y((u = _.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
             terminal: d.terminal,
             onUpdate: d.onUpdate
-          })), null, 16)) : k("", !0)
+          })), null, 16)) : N("", !0)
         ])
       ]);
     };
   }
-}), Ee = { class: "flex mt-6 space-x-6" }, je = /* @__PURE__ */ N({
+}), Qe = { class: "flex mt-6 space-x-6" }, Je = /* @__PURE__ */ k({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1356,12 +1480,12 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, a = h(() => d.terminal), b = _(), l = _(-1), o = _({
+  setup(F) {
+    const d = F, a = G(() => d.terminal), _ = b(), l = b(-1), r = b({
       account: "",
       receiptName: ""
     }), e = () => {
-      o.value.account = "", o.value.receiptName = "", l.value = -1;
+      r.value.account = "", r.value.receiptName = "", l.value = -1;
     }, m = () => {
       if (!a.value.qrIntegrations)
         return e();
@@ -1369,10 +1493,10 @@ const te = /* @__PURE__ */ N({
       if (s === -1)
         return e();
       l.value = s;
-      const i = f.at(s);
-      i.gateway === "PROMPTPAY" && i.config && (o.value = {
-        account: i.config.account ?? "",
-        receiptName: i.receiptName ?? ""
+      const u = f.at(s);
+      u.gateway === "PROMPTPAY" && u.config && (r.value = {
+        account: u.config.account ?? "",
+        receiptName: u.receiptName ?? ""
       });
     };
     O(a, m), M(m);
@@ -1381,35 +1505,35 @@ const te = /* @__PURE__ */ N({
       (s = a.value.qrIntegrations) == null || s.splice(f, 1), d.onUpdate(a.value);
     }
     return (f, s) => {
-      const i = y("FmTextField"), t = y("FmButton"), n = y("FmForm");
-      return g(), w(n, {
-        ref: b.value,
+      const u = y("FmTextField"), t = y("FmButton"), n = y("FmForm");
+      return g(), T(n, {
+        ref: _.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: s[2] || (s[2] = () => {
-          l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: o.value.account }, receiptName: o.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: o.value.account }, receiptName: o.value.receiptName })), d.onUpdate(a.value);
+          l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), d.onUpdate(a.value);
         })
       }, {
-        default: q(() => [
-          v(i, {
-            modelValue: o.value.account,
-            "onUpdate:modelValue": s[0] || (s[0] = (u) => o.value.account = u),
+        default: h(() => [
+          v(u, {
+            modelValue: r.value.account,
+            "onUpdate:modelValue": s[0] || (s[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(i, {
-            modelValue: o.value.receiptName,
-            "onUpdate:modelValue": s[1] || (s[1] = (u) => o.value.receiptName = u),
+          v(u, {
+            modelValue: r.value.receiptName,
+            "onUpdate:modelValue": s[1] || (s[1] = (i) => r.value.receiptName = i),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          F("div", Ee, [
-            l.value > -1 ? (g(), w(t, {
+          I("div", Qe, [
+            l.value > -1 ? (g(), T(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
+            }, null, 8, ["onclick"])) : N("", !0),
             v(t, {
               type: "submit",
               class: "flex-1",
@@ -1422,7 +1546,7 @@ const te = /* @__PURE__ */ N({
       }, 512);
     };
   }
-}), He = { class: "flex items-center" }, ze = { class: "w-[260px] self-start" }, Qe = { class: "flex-1" }, Je = /* @__PURE__ */ N({
+}), We = { class: "flex items-center" }, Xe = { class: "w-[260px] self-start" }, Ze = { class: "flex-1" }, ea = /* @__PURE__ */ k({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1434,41 +1558,41 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
+  setup(F) {
     var m;
-    const d = I, a = [
+    const d = F, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: je,
-        region: [V.F_COUNTRY.enum.TH]
+        render: Je,
+        region: [C.F_COUNTRY.enum.TH]
       }
-    ], b = R(() => a.find((c) => c.value === e.value)), l = j().currentCountry, o = R(() => a.filter((c) => !c.region || c.region.includes(l.value ?? V.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (m = o.value[0]) == null ? void 0 : m.value
+    ], _ = R(() => a.find((c) => c.value === e.value)), l = j().currentCountry, r = R(() => a.filter((c) => !c.region || c.region.includes(l.value ?? C.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
     return (c, f) => {
-      var i;
+      var u;
       const s = y("FmTabs");
-      return g(), U("div", He, [
-        F("div", ze, [
+      return g(), V("div", We, [
+        I("div", Xe, [
           v(s, {
             "model-value": S(e),
             "onUpdate:modelValue": f[0] || (f[0] = (t) => B(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
-            items: o.value
+            items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        F("div", Qe, [
-          S(e) ? (g(), w(Y((i = b.value) == null ? void 0 : i.render), L(K({ key: 0 }, {
+        I("div", Ze, [
+          S(e) ? (g(), T(Y((u = _.value) == null ? void 0 : u.render), L(K({ key: 0 }, {
             terminal: d.terminal,
             onUpdate: d.onUpdate
-          })), null, 16)) : k("", !0)
+          })), null, 16)) : N("", !0)
         ])
       ]);
     };
   }
-}), ia = /* @__PURE__ */ N({
+}), da = /* @__PURE__ */ k({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -1476,14 +1600,14 @@ const te = /* @__PURE__ */ N({
       required: !0
     }
   },
-  setup(I) {
-    const d = I, { tab: a } = E({
+  setup(F) {
+    const d = F, { tab: a } = E({
       tab: "information"
-    }), { isLoading: b, startAsyncCall: l } = H(!0), o = W(), e = Q(), m = _();
+    }), { isLoading: _, startAsyncCall: l } = H(!0), r = W(), e = Q(), m = b();
     async function c(n) {
       l(async () => {
         try {
-          await D.updateById(
+          await A.updateById(
             d.terminalId,
             {
               name: n.name,
@@ -1493,15 +1617,15 @@ const te = /* @__PURE__ */ N({
               ecrIntegrations: n.ecrIntegrations ?? [],
               qrIntegrations: n.qrIntegrations ?? []
             }
-          ), m.value = await D.readById(d.terminalId), e.open({
+          ), m.value = await A.readById(d.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
-        } catch (u) {
+        } catch (i) {
           e.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: Z(u)
+            message: Z(i)
           });
         }
       });
@@ -1530,50 +1654,50 @@ const te = /* @__PURE__ */ N({
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: Ke,
+        render: ze,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: Je,
+        render: ea,
         onlyFor: ["POS", "KIOSK"]
       }
     ];
     j().currentCountry;
     const s = R(() => {
       var n;
-      return (n = f.find((u) => u.value === a.value)) == null ? void 0 : n.render;
+      return (n = f.find((i) => i.value === a.value)) == null ? void 0 : n.render;
     });
-    async function i() {
+    async function u() {
       l(async () => {
-        m.value = await D.readById(d.terminalId);
+        m.value = await A.readById(d.terminalId);
       });
     }
     const t = R(() => f.filter((n) => {
-      var u;
-      return !n.onlyFor || n.onlyFor.includes(((u = m.value) == null ? void 0 : u.deviceType) ?? "");
+      var i;
+      return !n.onlyFor || n.onlyFor.includes(((i = m.value) == null ? void 0 : i.deviceType) ?? "");
     }));
-    return M(i), (n, u) => {
-      var x, r;
+    return M(u), (n, i) => {
+      var x, o;
       const p = y("FmTabs");
-      return g(), w(X, {
-        title: `${(x = m.value) == null ? void 0 : x.deviceType} (${(r = m.value) == null ? void 0 : r._id})`,
-        loading: S(b),
-        onBack: S(o).back
+      return g(), T(X, {
+        title: `${(x = m.value) == null ? void 0 : x.deviceType} (${(o = m.value) == null ? void 0 : o._id})`,
+        loading: S(_),
+        onBack: S(r).back
       }, {
-        default: q(() => [
+        default: h(() => [
           v(p, {
             "model-value": S(a),
-            "onUpdate:modelValue": u[0] || (u[0] = (T) => B(a) ? a.value = T : null),
+            "onUpdate:modelValue": i[0] || (i[0] = (w) => B(a) ? a.value = w : null),
             class: "mb-6",
             items: t.value
           }, null, 8, ["model-value", "items"]),
-          S(a) ? (g(), w(Y(s.value), L(K({ key: 0 }, {
+          S(a) ? (g(), T(Y(s.value), L(K({ key: 0 }, {
             terminal: m.value,
             onUpdate: c
-          })), null, 16)) : k("", !0)
+          })), null, 16)) : N("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "onBack"]);
@@ -1581,5 +1705,5 @@ const te = /* @__PURE__ */ N({
   }
 });
 export {
-  ia as default
+  da as default
 };