@feedmepos/mf-payment 1.3.8 → 1.3.9

package/dist/{TerminalSetting-ayjTqDOf.js → TerminalSetting-ClzbzycY.js}

@@ -1,14 +1,14 @@
-import { defineComponent as U, openBlock as f, createElementBlock as V, Fragment as q, createElementVNode as I, createTextVNode as D, toDisplayString as A, ref as F, resolveComponent as g, createVNode as p, createCommentVNode as C, unref as N, computed as M, isRef as B, createBlock as w, resolveDynamicComponent as Y, normalizeProps as h, mergeProps as L, toRef as R, watch as $, onMounted as O, withCtx as P, renderList as K } from "vue";
-import { u as z, e as S } from "./index-CggStwHL.js";
+import { defineComponent as V, openBlock as f, createElementBlock as N, Fragment as M, createElementVNode as _, createTextVNode as A, toDisplayString as B, ref as I, resolveComponent as g, createVNode as v, createCommentVNode as C, unref as S, computed as q, isRef as h, createBlock as w, resolveDynamicComponent as Y, normalizeProps as K, mergeProps as L, toRef as $, watch as P, onMounted as O, withCtx as R, renderList as G } from "vue";
+import { u as z, e as U } from "./index-BaS5NvBk.js";
 import { useRouter as W } from "vue-router";
-import { t as G } from "./index-JNNpGY70.js";
+import { t as D } from "./index-DG_Tv3TM.js";
 import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as E } from "./index-BUbV9yXt.js";
-import { useSnackbar as H } from "@feedmepos/ui-library";
+import { u as E } from "./index-C3ELtK6q.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__ */ U({
+const te = /* @__PURE__ */ V({
   __name: "Information",
   props: {
     terminal: {
@@ -16,23 +16,23 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    return (m, a) => (f(), V(q, null, [
-      a[0] || (a[0] = I("b", null, "Name", -1)),
-      D(": " + A(_.terminal.name), 1),
-      a[1] || (a[1] = I("br", null, null, -1)),
-      a[2] || (a[2] = I("b", null, "Status", -1)),
-      D(": " + A(_.terminal.status), 1),
-      a[3] || (a[3] = I("br", null, null, -1)),
-      a[4] || (a[4] = I("b", null, "Device ID", -1)),
-      D(": " + A(_.terminal.deviceId ?? "-"), 1),
-      a[5] || (a[5] = I("br", null, null, -1)),
-      a[6] || (a[6] = I("b", null, "Device Type", -1)),
-      D(": " + A(_.terminal.deviceType ?? "-"), 1),
-      a[7] || (a[7] = I("br", null, null, -1))
+  setup(F) {
+    return (d, a) => (f(), N(M, null, [
+      a[0] || (a[0] = _("b", null, "Name", -1)),
+      A(": " + B(F.terminal.name), 1),
+      a[1] || (a[1] = _("br", null, null, -1)),
+      a[2] || (a[2] = _("b", null, "Status", -1)),
+      A(": " + B(F.terminal.status), 1),
+      a[3] || (a[3] = _("br", null, null, -1)),
+      a[4] || (a[4] = _("b", null, "Device ID", -1)),
+      A(": " + B(F.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = _("br", null, null, -1)),
+      a[6] || (a[6] = _("b", null, "Device Type", -1)),
+      A(": " + B(F.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = _("br", null, null, -1))
     ], 64));
   }
-}), le = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ U({
+}), le = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ V({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -40,58 +40,58 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const { isLoading: m, startAsyncCall: a } = z(!1), b = H(), n = F({
+  setup(F) {
+    const { isLoading: d, startAsyncCall: a } = z(!1), b = Q(), n = I({
       enable: !1,
       password: []
-    }), o = _;
+    }), r = F;
     function e() {
-      return n.value.enable && n.value.password.filter((d) => !!d).length !== 6 ? b.open({
+      return n.value.enable && n.value.password.filter((m) => !!m).length !== 6 ? b.open({
         type: "error",
         message: "Unlock PIN is required when setting up kiosk mode for terminal."
       }) : a(async () => {
-        const d = { enable: n.value.enable };
-        d.enable && Object.assign(d, {
+        const m = { enable: n.value.enable };
+        m.enable && Object.assign(m, {
           password: n.value.password.join("")
         });
-        const s = await G.kioskModeRequest(o.terminal._id, d);
+        const s = await D.kioskModeRequest(r.terminal._id, m);
         if (s === "OK")
           return b.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let v = s;
-        return s === "client_not_connected" && (v = "Terminal not connected to the websocket server."), s.startsWith("terminal: ") && (v = s.replaceAll("terminal: ", "")), b.open({
+        let y = s;
+        return s === "client_not_connected" && (y = "Terminal not connected to the websocket server."), s.startsWith("terminal: ") && (y = s.replaceAll("terminal: ", "")), b.open({
           type: "error",
-          message: v
+          message: y
         });
       });
     }
-    return (d, s) => {
-      const v = g("FmSwitch"), c = g("FmPinField"), i = g("FmButton");
-      return f(), V(q, null, [
-        p(v, {
+    return (m, s) => {
+      const y = g("FmSwitch"), c = g("FmPinField"), i = g("FmButton");
+      return f(), N(M, null, [
+        v(y, {
           modelValue: n.value.enable,
           "onUpdate:modelValue": s[0] || (s[0] = (t) => n.value.enable = t),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        n.value.enable ? (f(), V("div", le, [
-          s[2] || (s[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          p(c, {
+        n.value.enable ? (f(), N("div", le, [
+          s[2] || (s[2] = _("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
+          v(c, {
             modelValue: n.value.password,
             "onUpdate:modelValue": s[1] || (s[1] = (t) => n.value.password = t)
           }, null, 8, ["modelValue"])
         ])) : C("", !0),
-        I("div", ne, [
-          p(i, {
+        _("div", ne, [
+          v(i, {
             variant: "primary",
             label: "Send",
             icon: "send",
-            loading: N(m),
+            loading: S(d),
             onclick: e
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), re = /* @__PURE__ */ U({
+}), re = /* @__PURE__ */ V({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -99,8 +99,8 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const { settingTab: m } = E({
+  setup(F) {
+    const { settingTab: d } = E({
       settingTab: "kiosk_mode"
     }), a = [
       {
@@ -108,29 +108,29 @@ const te = /* @__PURE__ */ U({
         value: "kiosk_mode",
         render: oe
       }
-    ], b = _, n = M(() => a.find((o) => o.value === m.value));
-    return (o, e) => {
+    ], b = F, n = q(() => a.find((r) => r.value === d.value));
+    return (r, e) => {
       var s;
-      const d = g("FmTabs");
-      return f(), V(q, null, [
-        e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
-          I("b", null, "Note: "),
-          D(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
+      const m = g("FmTabs");
+      return f(), N(M, null, [
+        e[1] || (e[1] = _("p", { className: "mt-1 my-6 text-gray-600" }, [
+          _("b", null, "Note: "),
+          A(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
-        p(d, {
-          "model-value": N(m),
-          "onUpdate:modelValue": e[0] || (e[0] = (v) => B(m) ? m.value = v : null),
+        v(m, {
+          "model-value": S(d),
+          "onUpdate:modelValue": e[0] || (e[0] = (y) => h(d) ? d.value = y : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        N(m) ? (f(), w(Y((s = n.value) == null ? void 0 : s.render), h(L({ key: 0 }, { terminal: b.terminal })), null, 16)) : C("", !0)
+        S(d) ? (f(), w(Y((s = n.value) == null ? void 0 : s.render), K(L({ key: 0 }, { terminal: b.terminal })), null, 16)) : C("", !0)
       ], 64);
     };
   }
 }), ue = {
   key: 0,
   class: "text-sm text-gray-500"
-}, se = { class: "flex mt-6 space-x-6" }, ie = /* @__PURE__ */ U({
+}, ie = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ V({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -142,12 +142,12 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = j().currentCountry, b = [
+  setup(F) {
+    const d = F, a = j().currentCountry, b = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: S.F_COUNTRY.enum.MY,
+        region: U.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -155,14 +155,14 @@ const te = /* @__PURE__ */ U({
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: S.F_COUNTRY.enum.MY,
+        region: U.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: S.F_COUNTRY.enum.SG,
+        region: U.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -170,27 +170,27 @@ const te = /* @__PURE__ */ U({
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: S.F_COUNTRY.enum.MY
+        region: U.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: S.F_COUNTRY.enum.TH
+        region: U.F_COUNTRY.enum.TH
       }
-    ], n = R(() => m.terminal), o = F(), e = F({
+    ], n = $(() => d.terminal), r = I(), e = I({
       packageId: "",
       uniqueId: "",
       developerId: "",
       isUat: !1
-    }), d = () => {
+    }), m = () => {
       e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "";
     }, s = () => {
       if (!n.value.gateways || n.value.gateways.length === 0)
-        return d();
+        return m();
       const t = n.value.gateways[0];
       if (!t.config)
-        return d();
+        return m();
       switch (t.gateway) {
         case "Fiuu":
           e.value = {
@@ -212,74 +212,74 @@ const te = /* @__PURE__ */ U({
           return;
       }
     };
-    $(n, s), O(s);
-    async function v(t) {
+    P(n, s), O(s);
+    async function y(t) {
       var l;
-      (l = n.value.gateways) == null || l.splice(t, 1), m.onUpdate(n.value);
+      (l = n.value.gateways) == null || l.splice(t, 1), d.onUpdate(n.value);
     }
-    const c = M(() => b.filter((t) => t.region === a.value)), i = M(() => c.value.find((t) => t.value === e.value.packageId));
+    const c = q(() => b.filter((t) => t.region === a.value)), i = q(() => c.value.find((t) => t.value === e.value.packageId));
     return (t, l) => {
-      const u = g("FmSelect"), y = g("FmTextField"), k = g("FmCheckbox"), r = g("FmButton"), x = g("FmForm");
-      return f(), w(x, {
-        ref: o.value,
+      const u = g("FmSelect"), p = g("FmTextField"), x = g("FmCheckbox"), o = g("FmButton"), T = g("FmForm");
+      return f(), w(T, {
+        ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: l[5] || (l[5] = () => {
-          const T = i.value;
-          if (!T)
+          const k = i.value;
+          if (!k)
             return;
-          let Q = e.value.uniqueId;
-          T.isLegacy || (Q = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
+          let H = e.value.uniqueId;
+          k.isLegacy || (H = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
           const J = {
-            gateway: T.gateway,
+            gateway: k.gateway,
             config: {
-              packageId: T.value,
-              uniqueId: Q
+              packageId: k.value,
+              uniqueId: H
             }
           };
-          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, m.onUpdate(n.value);
+          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, d.onUpdate(n.value);
         })
       }, {
-        default: P(() => [
-          p(u, {
+        default: R(() => [
+          v(u, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": l[0] || (l[0] = (T) => e.value.packageId = T),
+            "onUpdate:modelValue": l[0] || (l[0] = (k) => e.value.packageId = k),
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
-          i.value && i.value.isLegacy ? (f(), V(q, { key: 0 }, [
-            p(y, {
+          i.value && i.value.isLegacy ? (f(), N(M, { key: 0 }, [
+            v(p, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": l[1] || (l[1] = (T) => e.value.uniqueId = T),
+              "onUpdate:modelValue": l[1] || (l[1] = (k) => e.value.uniqueId = k),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
-            i.value.isOutdated ? (f(), V("span", ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : C("", !0)
-          ], 64)) : (f(), V(q, { key: 1 }, [
-            p(y, {
+            i.value.isOutdated ? (f(), N("span", ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : C("", !0)
+          ], 64)) : (f(), N(M, { key: 1 }, [
+            v(p, {
               modelValue: e.value.developerId,
-              "onUpdate:modelValue": l[2] || (l[2] = (T) => e.value.developerId = T),
+              "onUpdate:modelValue": l[2] || (l[2] = (k) => e.value.developerId = k),
               label: "Developer ID (MID)"
             }, null, 8, ["modelValue"]),
-            p(y, {
+            v(p, {
               modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": l[3] || (l[3] = (T) => e.value.uniqueId = T),
+              "onUpdate:modelValue": l[3] || (l[3] = (k) => e.value.uniqueId = k),
               label: "Unique ID (TID)"
             }, null, 8, ["modelValue"]),
-            p(k, {
+            v(x, {
               modelValue: e.value.isUat,
-              "onUpdate:modelValue": l[4] || (l[4] = (T) => e.value.isUat = T),
+              "onUpdate:modelValue": l[4] || (l[4] = (k) => e.value.isUat = k),
               label: "Is UAT (Test)",
               value: "1"
             }, null, 8, ["modelValue"])
           ], 64)),
-          I("div", se, [
-            n.value.gateways && n.value.gateways.length > 0 ? (f(), w(r, {
+          _("div", ie, [
+            n.value.gateways && n.value.gateways.length > 0 ? (f(), w(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(0)
+              onclick: () => y(0)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(r, {
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -294,7 +294,7 @@ const te = /* @__PURE__ */ U({
 }), ce = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, de = { class: "flex mt-6 space-x-6" }, me = /* @__PURE__ */ U({
+}, de = { class: "flex mt-6 space-x-6" }, me = /* @__PURE__ */ V({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -306,27 +306,27 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const { isLoading: m, startAsyncCall: a } = z(), b = _, n = R(() => b.terminal), o = F(), e = F(), d = F(-1), s = F({
+  setup(F) {
+    const { isLoading: d, startAsyncCall: a } = z(), b = F, n = $(() => b.terminal), r = I(), e = I(), m = I(-1), s = I({
       terminalId: ""
-    }), v = () => {
-      s.value.terminalId = "", d.value = -1;
+    }), y = () => {
+      s.value.terminalId = "", m.value = -1;
     }, c = () => {
       if (a(async () => {
-        o.value = await G.getRestaurantTerminals(b.terminal.referenceId);
+        r.value = await D.getRestaurantTerminals(b.terminal.referenceId);
       }), !b.terminal.ecrs)
-        return v();
-      const l = b.terminal.ecrs.findIndex((y) => y && y.gateway && y.gateway === "FeedMe");
+        return y();
+      const l = b.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
       if (l === -1)
-        return v();
-      d.value = l;
+        return y();
+      m.value = l;
       const u = b.terminal.ecrs.at(l);
       u.gateway === "FeedMe" && u.config && (s.value = {
         terminalId: u.config.terminalId
       });
     };
-    $(n, c), O(c);
-    const i = M(() => (o.value ?? []).map((l) => ({
+    P(n, c), O(c);
+    const i = q(() => (r.value ?? []).map((l) => ({
       label: l.name ?? l._id,
       value: l._id
     })));
@@ -335,34 +335,34 @@ const te = /* @__PURE__ */ U({
       (u = b.terminal.ecrs) == null || u.splice(l, 1), b.onUpdate(b.terminal);
     }
     return (l, u) => {
-      const y = g("FmCircularProgress"), k = g("FmSelect"), r = g("FmButton"), x = g("FmForm");
-      return N(m) ? (f(), V("div", ce, [
-        p(y, { size: "xxl" })
-      ])) : (f(), w(x, {
+      const p = g("FmCircularProgress"), x = g("FmSelect"), o = g("FmButton"), T = g("FmForm");
+      return S(d) ? (f(), N("div", ce, [
+        v(p, { size: "xxl" })
+      ])) : (f(), w(T, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: u[1] || (u[1] = () => {
-          d.value > -1 ? n.value.ecrs[d.value] = { gateway: "FeedMe", config: s.value } : (n.value.ecrs || (n.value.ecrs = []), n.value.ecrs.push({ gateway: "FeedMe", config: s.value })), b.onUpdate(n.value);
+          m.value > -1 ? n.value.ecrs[m.value] = { gateway: "FeedMe", config: s.value } : (n.value.ecrs || (n.value.ecrs = []), n.value.ecrs.push({ gateway: "FeedMe", config: s.value })), b.onUpdate(n.value);
         })
       }, {
-        default: P(() => [
-          p(k, {
+        default: R(() => [
+          v(x, {
             modelValue: s.value.terminalId,
-            "onUpdate:modelValue": u[0] || (u[0] = (T) => s.value.terminalId = T),
+            "onUpdate:modelValue": u[0] || (u[0] = (k) => s.value.terminalId = k),
             label: "Terminal ID",
             items: i.value,
-            rules: N(ee)(N(ae).string())
+            rules: S(ee)(S(ae).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", de, [
-            d.value > -1 ? (f(), w(r, {
+          _("div", de, [
+            m.value > -1 ? (f(), w(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => t(d.value)
+              onclick: () => t(m.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(r, {
+            v(o, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -374,7 +374,7 @@ const te = /* @__PURE__ */ U({
       }, 512));
     };
   }
-}), pe = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ U({
+}), pe = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ V({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -386,58 +386,58 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     }), e = () => {
-      o.value.merchantId = "", o.value.terminalId = "", o.value.privateKey = "", n.value = -1;
-    }, d = () => {
+      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", n.value = -1;
+    }, m = () => {
       if (!a.value.ecrs)
         return e();
-      const v = a.value.ecrs.findIndex((i) => i && i.gateway && i.gateway === "Ghl");
-      if (v === -1)
+      const y = a.value.ecrs.findIndex((i) => i && i.gateway && i.gateway === "Ghl");
+      if (y === -1)
         return e();
-      n.value = v;
-      const c = a.value.ecrs.at(v);
-      c.gateway === "Ghl" && c.config && (o.value = {
+      n.value = y;
+      const c = a.value.ecrs.at(y);
+      c.gateway === "Ghl" && c.config && (r.value = {
         merchantId: c.config.merchantId,
         terminalId: c.config.terminalId,
         privateKey: c.config.privateKey
       });
     };
-    $(a, d), O(d);
-    async function s(v) {
+    P(a, m), O(m);
+    async function s(y) {
       var c;
-      (c = a.value.ecrs) == null || c.splice(v, 1), m.onUpdate(a.value);
+      (c = a.value.ecrs) == null || c.splice(y, 1), d.onUpdate(a.value);
     }
-    return (v, c) => {
+    return (y, c) => {
       const i = g("FmTextField"), t = g("FmTextarea"), l = g("FmButton"), u = g("FmForm");
       return f(), w(u, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: c[3] || (c[3] = () => {
-          n.value > -1 ? a.value.ecrs[n.value] = { gateway: "Ghl", config: o.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: o.value })), m.onUpdate(a.value);
+          n.value > -1 ? a.value.ecrs[n.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(i, {
-            modelValue: o.value.merchantId,
-            "onUpdate:modelValue": c[0] || (c[0] = (y) => o.value.merchantId = y),
+        default: R(() => [
+          v(i, {
+            modelValue: r.value.merchantId,
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => r.value.merchantId = p),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          p(i, {
-            modelValue: o.value.terminalId,
-            "onUpdate:modelValue": c[1] || (c[1] = (y) => o.value.terminalId = y),
+          v(i, {
+            modelValue: r.value.terminalId,
+            "onUpdate:modelValue": c[1] || (c[1] = (p) => r.value.terminalId = p),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
-          p(t, {
-            modelValue: o.value.privateKey,
-            "onUpdate:modelValue": c[2] || (c[2] = (y) => o.value.privateKey = y),
+          v(t, {
+            modelValue: r.value.privateKey,
+            "onUpdate:modelValue": c[2] || (c[2] = (p) => r.value.privateKey = p),
             label: "Private Key"
           }, null, 8, ["modelValue"]),
-          I("div", pe, [
+          _("div", pe, [
             n.value > -1 ? (f(), w(l, {
               key: 0,
               class: "flex-1",
@@ -445,7 +445,7 @@ const te = /* @__PURE__ */ U({
               label: "Delete",
               onclick: () => s(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(l, {
+            v(l, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -457,7 +457,7 @@ const te = /* @__PURE__ */ U({
       }, 512);
     };
   }
-}), ye = { class: "flex items-end" }, fe = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ U({
+}), ye = { class: "flex items-end" }, fe = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ V({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -469,20 +469,20 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F(), e = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I(), e = I({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), d = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
     }, s = () => {
       var u;
       if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((y) => y && y.gateway && y.gateway === "Maybank");
+        return m();
+      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
       if (t === -1)
-        return d();
+        return m();
       n.value = t;
       const l = i.at(t);
       l.gateway === "Maybank" && l.config && (e.value = {
@@ -491,27 +491,27 @@ const te = /* @__PURE__ */ U({
         cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
       });
     };
-    $(a, s), O(s);
-    async function v(i) {
+    P(a, s), O(s);
+    async function y(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
     }
     async function c() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
     return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), y = g("FmChip"), k = g("FmForm");
-      return f(), w(k, {
+      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), w(x, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, x;
+          var o, T;
           n.value > -1 ? a.value.ecrIntegrations[n.value] = {
             gateway: "Maybank",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (r = a.value.ecrIntegrations) == null ? void 0 : r[n.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -521,51 +521,51 @@ const te = /* @__PURE__ */ U({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), m.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(l, {
+        default: R(() => [
+          v(l, {
             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"]),
-          p(l, {
+          v(l, {
             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"]),
-          I("div", ye, [
-            p(l, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+          _("div", ye, [
+            v(l, {
+              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"]),
-            p(u, {
+            v(u, {
               class: "ml-4",
               icon: "add",
               onClick: c
             })
           ]),
-          I("div", fe, [
-            (f(!0), V(q, null, K(e.value.cardTypes, (r) => (f(), w(y, {
-              key: r,
-              label: r,
+          _("div", fe, [
+            (f(!0), N(M, null, G(e.value.cardTypes, (o) => (f(), w(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))
           ]),
-          I("div", ge, [
+          _("div", ge, [
             n.value > -1 ? (f(), w(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(n.value)
+              onclick: () => y(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(u, {
+            v(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -577,7 +577,7 @@ const te = /* @__PURE__ */ U({
       }, 512);
     };
   }
-}), Ie = { class: "flex items-end" }, _e = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, we = /* @__PURE__ */ U({
+}), _e = { class: "flex items-end" }, Ie = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, we = /* @__PURE__ */ V({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -589,20 +589,20 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F(), e = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I(), e = I({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), d = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
     }, s = () => {
       var u;
       if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((y) => y && y.gateway && y.gateway === "Maybank2");
+        return m();
+      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
       if (t === -1)
-        return d();
+        return m();
       n.value = t;
       const l = i.at(t);
       l.gateway === "Maybank2" && l.config && (e.value = {
@@ -611,27 +611,27 @@ const te = /* @__PURE__ */ U({
         cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
       });
     };
-    $(a, s), O(s);
-    async function v(i) {
+    P(a, s), O(s);
+    async function y(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
     }
     async function c() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
     return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), y = g("FmChip"), k = g("FmForm");
-      return f(), w(k, {
+      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), w(x, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, x;
+          var o, T;
           n.value > -1 ? a.value.ecrIntegrations[n.value] = {
             gateway: "Maybank2",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (r = a.value.ecrIntegrations) == null ? void 0 : r[n.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -641,51 +641,51 @@ const te = /* @__PURE__ */ U({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), m.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(l, {
+        default: R(() => [
+          v(l, {
             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"]),
-          p(l, {
+          v(l, {
             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"]),
-          I("div", Ie, [
-            p(l, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+          _("div", _e, [
+            v(l, {
+              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"]),
-            p(u, {
+            v(u, {
               class: "ml-4",
               icon: "add",
               onClick: c
             })
           ]),
-          I("div", _e, [
-            (f(!0), V(q, null, K(e.value.cardTypes, (r) => (f(), w(y, {
-              key: r,
-              label: r,
+          _("div", Ie, [
+            (f(!0), N(M, null, G(e.value.cardTypes, (o) => (f(), w(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))
           ]),
-          I("div", Fe, [
+          _("div", Fe, [
             n.value > -1 ? (f(), w(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(n.value)
+              onclick: () => y(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(u, {
+            v(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -697,7 +697,7 @@ const te = /* @__PURE__ */ U({
       }, 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__ */ U({
+}), 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__ */ V({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -709,20 +709,20 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F(), e = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I(), e = I({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), d = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
     }, s = () => {
       var u;
       if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((y) => y && y.gateway && y.gateway === "Maybank3");
+        return m();
+      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
       if (t === -1)
-        return d();
+        return m();
       n.value = t;
       const l = i.at(t);
       l.gateway === "Maybank3" && l.config && (e.value = {
@@ -731,27 +731,27 @@ const te = /* @__PURE__ */ U({
         cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
       });
     };
-    $(a, s), O(s);
-    async function v(i) {
+    P(a, s), O(s);
+    async function y(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
     }
     async function c() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
     return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), y = g("FmChip"), k = g("FmForm");
-      return f(), w(k, {
+      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), w(x, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, x;
+          var o, T;
           n.value > -1 ? a.value.ecrIntegrations[n.value] = {
             gateway: "Maybank3",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (r = a.value.ecrIntegrations) == null ? void 0 : r[n.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -761,51 +761,51 @@ const te = /* @__PURE__ */ U({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), m.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(l, {
+        default: R(() => [
+          v(l, {
             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"]),
-          p(l, {
+          v(l, {
             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"]),
-          I("div", Te, [
-            p(l, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+          _("div", Te, [
+            v(l, {
+              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"]),
-            p(u, {
+            v(u, {
               class: "ml-4",
               icon: "add",
               onClick: c
             })
           ]),
-          I("div", xe, [
-            (f(!0), V(q, null, K(e.value.cardTypes, (r) => (f(), w(y, {
-              key: r,
-              label: r,
+          _("div", xe, [
+            (f(!0), N(M, null, G(e.value.cardTypes, (o) => (f(), w(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))
           ]),
-          I("div", ke, [
+          _("div", ke, [
             n.value > -1 ? (f(), w(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(n.value)
+              onclick: () => y(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(u, {
+            v(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -817,7 +817,7 @@ const te = /* @__PURE__ */ U({
       }, 512);
     };
   }
-}), Ve = { class: "flex items-end" }, Ce = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ U({
+}), 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__ */ V({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -829,20 +829,20 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F(), e = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I(), e = I({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), d = () => {
+    }), m = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
     }, s = () => {
       var u;
       if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((y) => y && y.gateway && y.gateway === "Nets");
+        return m();
+      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Nets");
       if (t === -1)
-        return d();
+        return m();
       n.value = t;
       const l = i.at(t);
       l.gateway === "Nets" && l.config && (e.value = {
@@ -851,27 +851,27 @@ const te = /* @__PURE__ */ U({
         cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
       });
     };
-    $(a, s), O(s);
-    async function v(i) {
+    P(a, s), O(s);
+    async function y(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
     }
     async function c() {
-      e.value.cardTypes.push(o.value), o.value = "";
+      e.value.cardTypes.push(r.value), r.value = "";
     }
     return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), y = g("FmChip"), k = g("FmForm");
-      return f(), w(k, {
+      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), w(x, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var r, x;
+          var o, T;
           n.value > -1 ? a.value.ecrIntegrations[n.value] = {
             gateway: "Nets",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (r = a.value.ecrIntegrations) == null ? void 0 : r[n.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -881,51 +881,164 @@ const te = /* @__PURE__ */ U({
             dialogConfig: {
               cardTypes: e.value.cardTypes
             }
-          })), m.onUpdate(a.value);
+          })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(l, {
+        default: R(() => [
+          v(l, {
             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"]),
-          p(l, {
+          v(l, {
             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"]),
-          I("div", Ve, [
-            p(l, {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.value = r),
+          _("div", Ce, [
+            v(l, {
+              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, {
+              class: "ml-4",
+              icon: "add",
+              onClick: c
+            })
+          ]),
+          _("div", Ve, [
+            (f(!0), N(M, null, G(e.value.cardTypes, (o) => (f(), w(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 ? (f(), w(u, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => y(n.value)
+            }, null, 8, ["onclick"])) : C("", !0),
+            v(u, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Me = { class: "flex items-end" }, qe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Oe = { class: "flex mt-6 space-x-6" }, Re = /* @__PURE__ */ V({
+  __name: "KBankGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I(), e = I({
+      receiptName: "",
+      cardTypes: []
+    }), m = () => {
+      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
+    }, s = () => {
+      var u;
+      if (!a.value.ecrIntegrations)
+        return m();
+      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
+      if (t === -1)
+        return m();
+      n.value = t;
+      const l = i.at(t);
+      l.gateway === "Maybank2" && l.config && (e.value = {
+        receiptName: l.receiptName ?? "",
+        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
+      });
+    };
+    P(a, s), O(s);
+    async function y(i) {
+      var t;
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), d.onUpdate(a.value);
+    }
+    async function c() {
+      e.value.cardTypes.push(r.value), r.value = "";
+    }
+    return (i, t) => {
+      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
+      return f(), w(x, {
+        ref: b.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: t[2] || (t[2] = () => {
+          var o, T;
+          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
+            gateway: "KBank",
+            config: {},
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.dialogConfig,
+              cardTypes: e.value.cardTypes
+            }
+          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
+            gateway: "KBank",
+            config: {},
+            receiptName: e.value.receiptName,
+            dialogConfig: {
+              cardTypes: e.value.cardTypes
+            }
+          })), d.onUpdate(a.value);
+        })
+      }, {
+        default: R(() => [
+          v(l, {
+            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"]),
+          _("div", Me, [
+            v(l, {
+              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"]),
-            p(u, {
+            v(u, {
               class: "ml-4",
               icon: "add",
               onClick: c
             })
           ]),
-          I("div", Ce, [
-            (f(!0), V(q, null, K(e.value.cardTypes, (r) => (f(), w(y, {
-              key: r,
-              label: r,
+          _("div", qe, [
+            (f(!0), N(M, null, G(e.value.cardTypes, (o) => (f(), w(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))
           ]),
-          I("div", Ue, [
+          _("div", Oe, [
             n.value > -1 ? (f(), w(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => v(n.value)
+              onclick: () => y(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(u, {
+            v(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -937,7 +1050,7 @@ const te = /* @__PURE__ */ U({
       }, 512);
     };
   }
-}), Me = { class: "flex items-center" }, qe = { class: "w-[260px] self-start" }, Oe = { class: "flex-1" }, Pe = /* @__PURE__ */ U({
+}), $e = { class: "flex items-center" }, Pe = { class: "w-[260px] self-start" }, Ae = { class: "flex-1" }, De = /* @__PURE__ */ V({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -949,9 +1062,9 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    var d;
-    const m = _, a = [
+  setup(F) {
+    var m;
+    const d = F, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
@@ -961,58 +1074,64 @@ const te = /* @__PURE__ */ U({
         label: "GHL Terminal (V2)",
         value: "ghl",
         render: ve,
-        region: [S.F_COUNTRY.enum.MY]
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (ITB)",
         value: "mb-itb",
         render: be,
-        region: [S.F_COUNTRY.enum.MY]
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (PMA)",
         value: "mb-pma",
         render: we,
-        region: [S.F_COUNTRY.enum.MY]
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Maybank Terminal (Paysys)",
         value: "mb-paysys",
         render: Ne,
-        region: [S.F_COUNTRY.enum.MY]
+        region: [U.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
         render: Se,
-        region: [S.F_COUNTRY.enum.SG]
+        region: [U.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "KBank Terminal",
+        value: "kbank",
+        render: Re,
+        region: [U.F_COUNTRY.enum.TH]
       }
-    ], b = M(() => a.find((s) => s.value === e.value)), n = j().currentCountry, o = M(() => a.filter((s) => !s.region || s.region.includes(n.value ?? S.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (d = o.value[0]) == null ? void 0 : d.value
+    ], b = q(() => a.find((s) => s.value === e.value)), n = j().currentCountry, r = q(() => a.filter((s) => !s.region || s.region.includes(n.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (s, v) => {
+    return (s, y) => {
       var i;
       const c = g("FmTabs");
-      return f(), V("div", Me, [
-        I("div", qe, [
-          p(c, {
-            "model-value": N(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => B(e) ? e.value = t : null),
+      return f(), N("div", $e, [
+        _("div", Pe, [
+          v(c, {
+            "model-value": S(e),
+            "onUpdate:modelValue": y[0] || (y[0] = (t) => h(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
-            items: o.value
+            items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", Oe, [
-          N(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), h(L({ key: 0 }, {
-            terminal: m.terminal,
-            onUpdate: m.onUpdate
+        _("div", Ae, [
+          S(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), K(L({ key: 0 }, {
+            terminal: d.terminal,
+            onUpdate: d.onUpdate
           })), null, 16)) : C("", !0)
         ])
       ]);
     };
   }
-}), Re = { class: "flex mt-6 space-x-6" }, $e = /* @__PURE__ */ U({
+}), Ge = { class: "flex mt-6 space-x-6" }, Be = /* @__PURE__ */ V({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -1024,52 +1143,52 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, a = R(() => m.terminal), b = F(), n = F(-1), o = F({
+  setup(F) {
+    const d = F, a = $(() => d.terminal), b = I(), n = I(-1), r = I({
       account: "",
       receiptName: ""
     }), e = () => {
-      o.value.account = "", o.value.receiptName = "", n.value = -1;
-    }, d = () => {
+      r.value.account = "", r.value.receiptName = "", n.value = -1;
+    }, m = () => {
       if (!a.value.qrIntegrations)
         return e();
-      const v = a.value.qrIntegrations, c = v.findIndex((t) => t && t.gateway && t.gateway === "PromptPay");
+      const y = a.value.qrIntegrations, c = y.findIndex((t) => t && t.gateway && t.gateway === "PromptPay");
       if (c === -1)
         return e();
       n.value = c;
-      const i = v.at(c);
-      i.gateway === "PromptPay" && i.config && (o.value = {
+      const i = y.at(c);
+      i.gateway === "PromptPay" && i.config && (r.value = {
         account: i.config.account ?? "",
         receiptName: i.receiptName ?? ""
       });
     };
-    $(a, d), O(d);
-    async function s(v) {
+    P(a, m), O(m);
+    async function s(y) {
       var c;
-      (c = a.value.qrIntegrations) == null || c.splice(v, 1), m.onUpdate(a.value);
+      (c = a.value.qrIntegrations) == null || c.splice(y, 1), d.onUpdate(a.value);
     }
-    return (v, c) => {
+    return (y, c) => {
       const i = g("FmTextField"), t = g("FmButton"), l = g("FmForm");
       return f(), w(l, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: c[2] || (c[2] = () => {
-          n.value > -1 ? a.value.qrIntegrations[n.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 })), m.onUpdate(a.value);
+          n.value > -1 ? a.value.qrIntegrations[n.value] = { gateway: "PromptPay", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PromptPay", config: { account: r.value.account }, receiptName: r.value.receiptName })), d.onUpdate(a.value);
         })
       }, {
-        default: P(() => [
-          p(i, {
-            modelValue: o.value.account,
-            "onUpdate:modelValue": c[0] || (c[0] = (u) => o.value.account = u),
+        default: R(() => [
+          v(i, {
+            modelValue: r.value.account,
+            "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value.account = u),
             label: "Thai Account / Internal Number"
           }, null, 8, ["modelValue"]),
-          p(i, {
-            modelValue: o.value.receiptName,
-            "onUpdate:modelValue": c[1] || (c[1] = (u) => o.value.receiptName = u),
+          v(i, {
+            modelValue: r.value.receiptName,
+            "onUpdate:modelValue": c[1] || (c[1] = (u) => r.value.receiptName = u),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Re, [
+          _("div", Ge, [
             n.value > -1 ? (f(), w(t, {
               key: 0,
               class: "flex-1",
@@ -1077,7 +1196,7 @@ const te = /* @__PURE__ */ U({
               label: "Delete",
               onclick: () => s(n.value)
             }, null, 8, ["onclick"])) : C("", !0),
-            p(t, {
+            v(t, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1089,7 +1208,7 @@ const te = /* @__PURE__ */ U({
       }, 512);
     };
   }
-}), De = { class: "flex items-center" }, Ge = { class: "w-[260px] self-start" }, Ae = { class: "flex-1" }, Be = /* @__PURE__ */ U({
+}), he = { class: "flex items-center" }, Ye = { class: "w-[260px] self-start" }, Ke = { class: "flex-1" }, Le = /* @__PURE__ */ V({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -1101,41 +1220,41 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    var d;
-    const m = _, a = [
+  setup(F) {
+    var m;
+    const d = F, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: $e,
-        region: [S.F_COUNTRY.enum.MY]
+        render: Be,
+        region: [U.F_COUNTRY.enum.MY]
       }
-    ], b = M(() => a.find((s) => s.value === e.value)), n = j().currentCountry, o = M(() => a.filter((s) => !s.region || s.region.includes(n.value ?? S.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (d = o.value[0]) == null ? void 0 : d.value
+    ], b = q(() => a.find((s) => s.value === e.value)), n = j().currentCountry, r = q(() => a.filter((s) => !s.region || s.region.includes(n.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
+      gatewayTab: (m = r.value[0]) == null ? void 0 : m.value
     });
-    return (s, v) => {
+    return (s, y) => {
       var i;
       const c = g("FmTabs");
-      return f(), V("div", De, [
-        I("div", Ge, [
-          p(c, {
-            "model-value": N(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => B(e) ? e.value = t : null),
+      return f(), N("div", he, [
+        _("div", Ye, [
+          v(c, {
+            "model-value": S(e),
+            "onUpdate:modelValue": y[0] || (y[0] = (t) => h(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
-            items: o.value
+            items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", Ae, [
-          N(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), h(L({ key: 0 }, {
-            terminal: m.terminal,
-            onUpdate: m.onUpdate
+        _("div", Ke, [
+          S(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), K(L({ key: 0 }, {
+            terminal: d.terminal,
+            onUpdate: d.onUpdate
           })), null, 16)) : C("", !0)
         ])
       ]);
     };
   }
-}), We = /* @__PURE__ */ U({
+}), aa = /* @__PURE__ */ V({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -1143,15 +1262,15 @@ const te = /* @__PURE__ */ U({
       required: !0
     }
   },
-  setup(_) {
-    const m = _, { tab: a } = E({
+  setup(F) {
+    const d = F, { tab: a } = E({
       tab: "information"
-    }), { isLoading: b, startAsyncCall: n } = z(!0), o = W(), e = H(), d = F();
+    }), { isLoading: b, startAsyncCall: n } = z(!0), r = W(), e = Q(), m = I();
     async function s(l) {
       n(async () => {
         try {
-          await G.updateById(
-            m.terminalId,
+          await D.updateById(
+            d.terminalId,
             {
               name: l.name,
               status: l.status,
@@ -1160,7 +1279,7 @@ const te = /* @__PURE__ */ U({
               ecrIntegrations: l.ecrIntegrations ?? [],
               qrIntegrations: l.qrIntegrations ?? []
             }
-          ), d.value = await G.readById(m.terminalId), e.open({
+          ), m.value = await D.readById(d.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
@@ -1173,7 +1292,7 @@ const te = /* @__PURE__ */ U({
         }
       });
     }
-    const v = [
+    const y = [
       {
         label: "Information",
         value: "information",
@@ -1191,54 +1310,54 @@ const te = /* @__PURE__ */ U({
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: ie
+        render: se
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: Pe,
+        render: De,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: Be,
+        render: Le,
         onlyFor: ["POS", "KIOSK"]
       }
     ];
     j().currentCountry;
-    const c = M(() => {
+    const c = q(() => {
       var l;
-      return (l = v.find((u) => u.value === a.value)) == null ? void 0 : l.render;
+      return (l = y.find((u) => u.value === a.value)) == null ? void 0 : l.render;
     });
     async function i() {
       n(async () => {
-        d.value = await G.readById(m.terminalId);
+        m.value = await D.readById(d.terminalId);
       });
     }
-    const t = M(() => v.filter((l) => {
+    const t = q(() => y.filter((l) => {
       var u;
-      return !l.onlyFor || l.onlyFor.includes(((u = d.value) == null ? void 0 : u.deviceType) ?? "");
+      return !l.onlyFor || l.onlyFor.includes(((u = m.value) == null ? void 0 : u.deviceType) ?? "");
     }));
     return O(i), (l, u) => {
-      var k;
-      const y = g("FmTabs");
+      var x;
+      const p = g("FmTabs");
       return f(), w(X, {
-        title: `Terminal (${(k = d.value) == null ? void 0 : k._id})`,
-        loading: N(b),
-        onBack: N(o).back
+        title: `Terminal (${(x = m.value) == null ? void 0 : x._id})`,
+        loading: S(b),
+        onBack: S(r).back
       }, {
-        default: P(() => [
-          p(y, {
-            "model-value": N(a),
-            "onUpdate:modelValue": u[0] || (u[0] = (r) => B(a) ? a.value = r : null),
+        default: R(() => [
+          v(p, {
+            "model-value": S(a),
+            "onUpdate:modelValue": u[0] || (u[0] = (o) => h(a) ? a.value = o : null),
             class: "mb-6",
             items: t.value
           }, null, 8, ["model-value", "items"]),
-          N(a) ? (f(), w(Y(c.value), h(L({ key: 0 }, {
-            terminal: d.value,
+          S(a) ? (f(), w(Y(c.value), K(L({ key: 0 }, {
+            terminal: m.value,
             onUpdate: s
           })), null, 16)) : C("", !0)
         ]),
@@ -1248,5 +1367,5 @@ const te = /* @__PURE__ */ U({
   }
 });
 export {
-  We as default
+  aa as default
 };