@feedmepos/mf-payment 1.10.8-dev → 1.10.10-dev

package/dist/{TerminalSetting-2kwSwfKt.js → TerminalSetting-Dq4ABFSO.js}

@@ -1,20 +1,20 @@
-import { defineComponent as h, openBlock as g, createElementBlock as S, Fragment as D, createElementVNode as I, createTextVNode as W, toDisplayString as z, ref as _, resolveComponent as f, createBlock as F, withCtx as O, createVNode as y, unref as N, computed as V, createCommentVNode as U, isRef as te, resolveDynamicComponent as le, normalizeProps as ne, mergeProps as oe, watch as A, onBeforeUnmount as _e, toRef as G, onMounted as q, renderList as L } from "vue";
-import { u as J, p as pe, e as P } from "./index-BpAx8sXI.js";
-import { useRouter as Te } from "vue-router";
-import { t as j } from "./index-CGmA3Z9Z.js";
-import { t as de } from "./index-DFZ1vkMO.js";
-import { _ as Ie } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as re } from "./index-Cf9xnlvp.js";
-import { useDialogChild as ve, useSnackbar as me, useDialog as Fe } from "@feedmepos/ui-library";
-import { w as we } from "./Modal-DB8M9o1T.js";
-import { u as Q } from "./error-K1CakhA9.js";
+import { defineComponent as R, openBlock as g, createElementBlock as S, Fragment as $, createElementVNode as I, createTextVNode as Z, toDisplayString as J, ref as _, resolveComponent as f, createBlock as F, withCtx as M, createVNode as y, unref as N, computed as V, createCommentVNode as h, isRef as te, resolveDynamicComponent as le, normalizeProps as ne, mergeProps as oe, watch as A, onBeforeUnmount as Te, toRef as G, onMounted as q, renderList as L } from "vue";
+import { u as X, p as ve, e as P } from "./index-B5qSd5kn.js";
+import { useRouter as Ie } from "vue-router";
+import { t as j } from "./index-BdafJZPj.js";
+import { t as pe } from "./index-BU7MW9VF.js";
+import { _ as Fe } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as re } from "./index-Bz9YYVw5.js";
+import { useDialogChild as ye, useSnackbar as me, useDialog as we } from "@feedmepos/ui-library";
+import { w as xe } from "./Modal-DB8M9o1T.js";
+import { u as W } from "./error-K1CakhA9.js";
 import { useI18n as ie, useCoreStore as se } from "@feedmepos/mf-common";
-import { z as X, a as Z } from "./validator-CTlVogBQ.js";
-import { o as xe } from "./index-C3AnskZH.js";
-import { c as Ce } from "./index-MdV54cWO.js";
-import { e as ye } from "./index-DZJaOOKJ.js";
-import { P as ke } from "./PaymentCheckout-DQM_kppH.js";
-const Ne = /* @__PURE__ */ h({
+import { z as ee, a as ae } from "./validator-CTlVogBQ.js";
+import { o as Ce } from "./index-I2OCChpQ.js";
+import { c as ke } from "./index-MdV54cWO.js";
+import { e as fe } from "./index--59tM3Ls.js";
+import { P as Ne } from "./PaymentCheckout-7U8JxO5z.js";
+const Ve = /* @__PURE__ */ R({
   __name: "Information",
   props: {
     terminal: {
@@ -23,25 +23,25 @@ const Ne = /* @__PURE__ */ h({
     }
   },
   setup(T) {
-    return (p, a) => (g(), S(D, null, [
+    return (p, a) => (g(), S($, null, [
       a[0] || (a[0] = I("b", null, "Name", -1)),
-      W(": " + z(T.terminal.name), 1),
+      Z(": " + J(T.terminal.name), 1),
       a[1] || (a[1] = I("br", null, null, -1)),
       a[2] || (a[2] = I("b", null, "Status", -1)),
-      W(": " + z(T.terminal.status), 1),
+      Z(": " + J(T.terminal.status), 1),
       a[3] || (a[3] = I("br", null, null, -1)),
       a[4] || (a[4] = I("b", null, "Device ID", -1)),
-      W(": " + z(T.terminal.deviceId ?? "-"), 1),
+      Z(": " + J(T.terminal.deviceId ?? "-"), 1),
       a[5] || (a[5] = I("br", null, null, -1)),
       a[6] || (a[6] = I("b", null, "Device Type", -1)),
-      W(": " + z(T.terminal.deviceType ?? "-"), 1),
+      Z(": " + J(T.terminal.deviceType ?? "-"), 1),
       a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), Ve = { class: "flex items-center gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Se = { class: "fm-typo-en-body-md-400" }, Ue = { class: "mt-auto pt-24 pb-24" }, he = /* @__PURE__ */ h({
+}), Se = { class: "flex items-center gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Ue = { class: "fm-typo-en-body-md-400" }, he = { class: "mt-auto pt-24 pb-24" }, Re = /* @__PURE__ */ R({
   __name: "TerminalSaveTemplateDialog",
   setup(T) {
-    const p = ve(), { t: a } = ie(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
+    const p = ye(), { t: a } = ie(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
       p.emitData({
         name: l.value,
         description: r.value,
@@ -56,20 +56,20 @@ const Ne = /* @__PURE__ */ h({
         class: "flex flex-col gap-16 min-h-[240px]",
         onValidationSuccess: d
       }, {
-        default: O(() => [
-          I("div", Ve, [
+        default: M(() => [
+          I("div", Se, [
             y(m, {
               name: "info",
               class: "shrink-0"
             }),
-            I("span", Se, z(N(a)("payment.terminal_template.scope_info")), 1)
+            I("span", Ue, J(N(a)("payment.terminal_template.scope_info")), 1)
           ]),
           y(s, {
             modelValue: l.value,
             "onUpdate:modelValue": v[0] || (v[0] = (u) => l.value = u),
             label: "Template Name",
             "label-mark": "required",
-            rules: N(X)(N(Z).string().min(1, "Template name is required"))
+            rules: N(ee)(N(ae).string().min(1, "Template name is required"))
           }, null, 8, ["modelValue", "rules"]),
           y(s, {
             modelValue: r.value,
@@ -83,7 +83,7 @@ const Ne = /* @__PURE__ */ h({
             label: "Set as default",
             "label-info": "Applied automatically when a new device of this type binds for this business."
           }, null, 8, ["modelValue"]),
-          I("div", Ue, [
+          I("div", he, [
             y(o, {
               class: "w-full",
               type: "submit",
@@ -95,19 +95,19 @@ const Ne = /* @__PURE__ */ h({
       }, 512);
     };
   }
-}), Re = { class: "flex flex-col gap-16 min-h-[240px]" }, Pe = { class: "flex items-start gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Be = { class: "fm-typo-en-body-md-400" }, Oe = {
+}), Pe = { class: "flex flex-col gap-16 min-h-[240px]" }, Be = { class: "flex items-start gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Oe = { class: "fm-typo-en-body-md-400" }, Me = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-500"
-}, Me = {
+}, Ae = {
   key: 2,
   class: "mt-auto pt-24 pb-24"
-}, Ae = /* @__PURE__ */ h({
+}, qe = /* @__PURE__ */ R({
   __name: "TerminalApplyTemplateDialog",
   props: {
     templates: {}
   },
   setup(T) {
-    const p = T, a = ve(), { t: b } = ie(), l = _(""), r = V(
+    const p = T, a = ye(), { t: b } = ie(), l = _(""), r = V(
       () => p.templates.map((d) => ({
         label: d.isDefault ? `${d.name} (default)` : d.name,
         value: d._id
@@ -117,33 +117,33 @@ const Ne = /* @__PURE__ */ h({
     };
     return (d, c) => {
       const v = f("FmIcon"), m = f("FmSelect"), s = f("FmButton");
-      return g(), S("div", Re, [
-        I("div", Pe, [
+      return g(), S("div", Pe, [
+        I("div", Be, [
           y(v, {
             name: "info",
             class: "mt-4 shrink-0"
           }),
-          I("div", Be, z(N(b)("payment.terminal_template.scope_info")), 1)
+          I("div", Oe, J(N(b)("payment.terminal_template.scope_info")), 1)
         ]),
-        r.value.length === 0 ? (g(), S("div", Oe, " No setting template exists for this business and device type yet. ")) : (g(), F(m, {
+        r.value.length === 0 ? (g(), S("div", Me, " No setting template exists for this business and device type yet. ")) : (g(), F(m, {
           key: 1,
           modelValue: l.value,
           "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value = t),
           label: "Template",
           items: r.value
         }, null, 8, ["modelValue", "items"])),
-        r.value.length > 0 ? (g(), S("div", Me, [
+        r.value.length > 0 ? (g(), S("div", Ae, [
           y(s, {
             class: "w-full",
             label: "Apply",
             disabled: !l.value,
             onClick: e
           }, null, 8, ["disabled"])
-        ])) : U("", !0)
+        ])) : h("", !0)
       ]);
     };
   }
-}), qe = { key: 0 }, Ge = { class: "mt-6 space-x-6" }, De = /* @__PURE__ */ h({
+}), Ge = { key: 0 }, De = { class: "mt-6 space-x-6" }, $e = /* @__PURE__ */ R({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -152,7 +152,7 @@ const Ne = /* @__PURE__ */ h({
     }
   },
   setup(T) {
-    const { isLoading: p, startAsyncCall: a } = J(!1), b = me(), l = _({
+    const { isLoading: p, startAsyncCall: a } = X(!1), b = me(), l = _({
       enable: !1,
       password: []
     }), r = T;
@@ -177,20 +177,20 @@ const Ne = /* @__PURE__ */ h({
     }
     return (d, c) => {
       const v = f("FmSwitch"), m = f("FmPinField"), s = f("FmButton");
-      return g(), S(D, null, [
+      return g(), S($, null, [
         y(v, {
           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(), S("div", qe, [
+        l.value.enable ? (g(), S("div", Ge, [
           c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           y(m, {
             modelValue: l.value.password,
             "onUpdate:modelValue": c[1] || (c[1] = (t) => l.value.password = t)
           }, null, 8, ["modelValue"])
-        ])) : U("", !0),
-        I("div", Ge, [
+        ])) : h("", !0),
+        I("div", De, [
           y(s, {
             variant: "primary",
             label: "Send",
@@ -202,7 +202,7 @@ const Ne = /* @__PURE__ */ h({
       ], 64);
     };
   }
-}), $e = /* @__PURE__ */ h({
+}), Ee = /* @__PURE__ */ R({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -217,16 +217,16 @@ const Ne = /* @__PURE__ */ h({
       {
         label: "Kiosk Mode",
         value: "kiosk_mode",
-        render: De
+        render: $e
       }
     ], b = T, l = V(() => a.find((r) => r.value === p.value));
     return (r, e) => {
       var c;
       const d = f("FmTabs");
-      return g(), S(D, null, [
+      return g(), S($, null, [
         e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
           I("b", null, "Note: "),
-          W(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
+          Z(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
         y(d, {
           "model-value": N(p),
@@ -234,18 +234,18 @@ const Ne = /* @__PURE__ */ h({
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        N(p) ? (g(), F(le((c = l.value) == null ? void 0 : c.render), ne(oe({ key: 0 }, { terminal: b.terminal })), null, 16)) : U("", !0)
+        N(p) ? (g(), F(le((c = l.value) == null ? void 0 : c.render), ne(oe({ key: 0 }, { terminal: b.terminal })), null, 16)) : h("", !0)
       ], 64);
     };
   }
-}), Ee = 2e3, Le = 12e4, Ye = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function je(T) {
-  const { isLoading: p, startLoading: a, stopLoading: b } = J(!1), { t: l } = ie(), r = me(), e = _(null), d = V(() => {
-    var k, B;
+}), Le = 2e3, Ye = 12e4, je = "Timed out waiting for the Tyro reader to sync. Please try again.";
+function Ke(T) {
+  const { isLoading: p, startLoading: a, stopLoading: b } = X(!1), { t: l } = ie(), r = me(), e = _(null), d = V(() => {
+    var k, O;
     const w = (k = T.value.gateways) == null ? void 0 : k.find(
-      ($) => $.gateway === "Tyro"
+      (D) => D.gateway === "Tyro"
     );
-    return ((B = w == null ? void 0 : w.config) == null ? void 0 : B.uniqueId) || "";
+    return ((O = w == null ? void 0 : w.config) == null ? void 0 : O.uniqueId) || "";
   }), c = V(() => !!d.value), v = V(() => {
     var w;
     return ((w = e.value) == null ? void 0 : w.status) === "ready";
@@ -261,29 +261,29 @@ function je(T) {
       return;
     }
     try {
-      const w = await xe.getByRestaurant(
+      const w = await Ce.getByRestaurant(
         T.value.referenceId
       );
       e.value = w.find(
-        (k) => k.type === pe.FdoOnboardType.enum.tyro
+        (k) => k.type === ve.FdoOnboardType.enum.tyro
       ) ?? null;
     } catch (w) {
       e.value = null, r.open({
         type: "error",
-        message: Q(w)
+        message: W(w)
       });
     }
   }
-  const u = Ce({
-    intervalMs: Ee,
-    timeoutMs: Le,
+  const u = ke({
+    intervalMs: Le,
+    timeoutMs: Ye,
     onTick: async ({ isCurrentRun: w, stop: k }) => {
-      var K, H;
-      const B = await j.readById(T.value._id);
+      var K, z;
+      const O = await j.readById(T.value._id);
       if (!w())
         return;
-      const $ = (K = B.gateways) == null ? void 0 : K.find((ee) => ee.gateway === "Tyro");
-      ($ == null ? void 0 : $.gateway) === "Tyro" && ((H = $ == null ? void 0 : $.config) != null && H.uniqueId) && (k({ invalidate: !1 }), b(), Object.assign(T.value, B), r.open({
+      const D = (K = O.gateways) == null ? void 0 : K.find((ue) => ue.gateway === "Tyro");
+      (D == null ? void 0 : D.gateway) === "Tyro" && ((z = D == null ? void 0 : D.config) != null && z.uniqueId) && (k({ invalidate: !1 }), b(), Object.assign(T.value, O), r.open({
         type: "success",
         message: "Tyro reader created successfully"
       }));
@@ -291,13 +291,13 @@ function je(T) {
     onTimeout: () => {
       b(), r.open({
         type: "error",
-        message: Ye
+        message: je
       });
     },
     onError: (w) => {
       b(), r.open({
         type: "error",
-        message: Q(w)
+        message: W(w)
       });
     }
   }), C = u.isPolling;
@@ -320,7 +320,7 @@ function je(T) {
     } catch (w) {
       n(), r.open({
         type: "error",
-        message: Q(w)
+        message: W(w)
       });
     }
   }
@@ -330,7 +330,7 @@ function je(T) {
       await i();
     },
     { immediate: !0 }
-  ), _e(() => {
+  ), Te(() => {
     n();
   }), {
     isLoading: p,
@@ -343,10 +343,10 @@ function je(T) {
     syncTyroReader: E
   };
 }
-const Ke = {
+const He = {
   key: 0,
   class: "text-sm text-gray-500"
-}, He = { class: "flex mt-6 space-x-6" }, ze = { class: "flex-1" }, Qe = /* @__PURE__ */ h({
+}, ze = { class: "flex mt-6 space-x-6" }, Qe = { class: "flex-1" }, Je = /* @__PURE__ */ R({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -407,12 +407,12 @@ const Ke = {
       isUat: !1
     }), d = () => {
       e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "", e.value.isUat = !1;
-    }, c = V(() => b.filter((R) => R.region === a.value)), v = V(() => c.value.find(
-      (R) => R.value === e.value.packageId
+    }, c = V(() => b.filter((U) => U.region === a.value)), v = V(() => c.value.find(
+      (U) => U.value === e.value.packageId
     )), m = V(
       () => {
-        var R;
-        return ((R = v.value) == null ? void 0 : R.gateway) === "Tyro";
+        var U;
+        return ((U = v.value) == null ? void 0 : U.gateway) === "Tyro";
       }
     ), {
       isLoading: s,
@@ -423,139 +423,148 @@ const Ke = {
       tyroSyncPopoverMessage: C,
       tyroSyncButtonLabel: n,
       syncTyroReader: x
-    } = je(l), E = V(() => m.value ? "button" : "submit"), w = V(() => m.value ? n.value : "Save"), k = V(() => m.value ? s.value : !1), B = V(() => m.value ? !i.value || t.value : !1), $ = () => {
+    } = Ke(l), E = V(() => m.value ? "button" : "submit"), w = V(() => m.value ? n.value : "Save"), k = V(() => m.value ? s.value : !1), O = V(() => m.value ? !i.value || t.value : !1), D = () => {
       if (!l.value.gateways || l.value.gateways.length === 0)
         return d();
-      const R = l.value.gateways[0];
-      if (!R.config)
+      const U = l.value.gateways[0];
+      if (!U.config)
         return d();
-      if (R.gateway === "Tyro") {
+      if (U.gateway === "Tyro") {
         e.value = {
-          packageId: R.config.packageId,
-          uniqueId: R.config.uniqueId,
+          packageId: U.config.packageId,
+          uniqueId: U.config.uniqueId,
           developerId: "",
           isUat: !1
         };
         return;
       }
-      switch (R.gateway) {
+      switch (U.gateway) {
         case "Fiuu":
           e.value = {
-            packageId: R.config.packageId,
-            uniqueId: R.config.uniqueId,
+            packageId: U.config.packageId,
+            uniqueId: U.config.uniqueId,
             developerId: "",
             isUat: !1
           };
           break;
         case "Softspace":
         case "Digio":
-          const M = JSON.parse(R.config.uniqueId);
+          const B = JSON.parse(U.config.uniqueId);
           e.value = {
-            packageId: R.config.packageId,
-            uniqueId: M.uniqueId,
-            developerId: M.developerId,
-            isUat: M.isUat
+            packageId: U.config.packageId,
+            uniqueId: B.uniqueId,
+            developerId: B.developerId,
+            isUat: B.isUat
           };
           return;
       }
     };
-    A(l, $), q($);
-    async function K() {
-      const R = v.value;
-      if (!R)
+    A(l, D), q(D);
+    const K = (U) => {
+      var B, Q, H;
+      if (((H = (Q = (B = l.value.gateways) == null ? void 0 : B[0]) == null ? void 0 : Q.config) == null ? void 0 : H.packageId) === U)
+        return D();
+      e.value.uniqueId = "", e.value.developerId = "", e.value.isUat = !1;
+    };
+    async function z() {
+      const U = v.value;
+      if (!U)
         return;
-      let M = e.value.uniqueId;
-      R.isLegacy || (M = JSON.stringify({
+      let B = e.value.uniqueId;
+      U.isLegacy || (B = JSON.stringify({
         uniqueId: e.value.uniqueId,
         developerId: e.value.developerId,
         isUat: e.value.isUat
       }));
-      const ue = {
-        gateway: R.gateway,
+      const Q = {
+        gateway: U.gateway,
         config: {
-          packageId: R.value,
-          uniqueId: M
+          packageId: U.value,
+          uniqueId: B
         }
       };
-      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = ue, await p.onUpdate(l.value);
+      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = Q, await p.onUpdate(l.value);
     }
-    async function H(R) {
-      var M;
-      (M = l.value.gateways) == null || M.splice(R, 1), p.onUpdate(l.value);
+    async function ue(U) {
+      var B;
+      (B = l.value.gateways) == null || B.splice(U, 1), p.onUpdate(l.value);
     }
-    function ee() {
+    function de() {
       m.value && x();
     }
-    return (R, M) => {
-      const ue = f("FmSelect"), ae = f("FmTextField"), fe = f("FmCheckbox"), ce = f("FmButton"), ge = f("FmTooltip"), be = f("FmForm");
-      return g(), F(be, {
+    return (U, B) => {
+      const Q = f("FmSelect"), H = f("FmTextField"), ge = f("FmCheckbox"), ce = f("FmButton"), be = f("FmTooltip"), _e = f("FmForm");
+      return g(), F(_e, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: K
+        onValidationSuccess: z
       }, {
-        default: O(() => [
-          y(ue, {
+        default: M(() => [
+          y(Q, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": M[0] || (M[0] = (Y) => e.value.packageId = Y),
+            "onUpdate:modelValue": [
+              B[0] || (B[0] = (Y) => e.value.packageId = Y),
+              K
+            ],
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
-          v.value ? (g(), S(D, { key: 0 }, [
-            m.value ? (g(), F(ae, {
+          v.value ? (g(), S($, { key: 0 }, [
+            m.value ? (g(), F(H, {
               key: 0,
               "model-value": N(o),
               label: "Unique ID (Reader ID)",
               disabled: ""
-            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (g(), S(D, { key: 1 }, [
-              y(ae, {
+            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (g(), S($, { key: 1 }, [
+              y(H, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": M[1] || (M[1] = (Y) => e.value.uniqueId = Y),
+                "onUpdate:modelValue": B[1] || (B[1] = (Y) => e.value.uniqueId = Y),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              v.value.isOutdated ? (g(), S("span", Ke, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : U("", !0)
-            ], 64)) : (g(), S(D, { key: 2 }, [
-              y(ae, {
+              v.value.isOutdated ? (g(), S("span", He, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : h("", !0)
+            ], 64)) : (g(), S($, { key: 2 }, [
+              y(H, {
                 modelValue: e.value.developerId,
-                "onUpdate:modelValue": M[2] || (M[2] = (Y) => e.value.developerId = Y),
+                "onUpdate:modelValue": B[2] || (B[2] = (Y) => e.value.developerId = Y),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              y(ae, {
+              y(H, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": M[3] || (M[3] = (Y) => e.value.uniqueId = Y),
+                "onUpdate:modelValue": B[3] || (B[3] = (Y) => e.value.uniqueId = Y),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              y(fe, {
+              y(ge, {
                 modelValue: e.value.isUat,
-                "onUpdate:modelValue": M[4] || (M[4] = (Y) => e.value.isUat = Y),
+                "onUpdate:modelValue": B[4] || (B[4] = (Y) => e.value.isUat = Y),
                 label: "Is UAT (Test)",
                 value: "1"
               }, null, 8, ["modelValue"])
             ], 64)),
-            I("div", He, [
+            I("div", ze, [
               l.value.gateways && l.value.gateways.length > 0 ? (g(), F(ce, {
                 key: 0,
                 class: "flex-1",
                 variant: "secondary",
                 label: "Delete",
-                onclick: () => H(0)
-              }, null, 8, ["onclick"])) : U("", !0),
-              m.value && N(u) && B.value ? (g(), F(ge, {
+                onclick: () => ue(0)
+              }, null, 8, ["onclick"])) : h("", !0),
+              m.value && N(u) && O.value ? (g(), F(be, {
                 key: 1,
                 class: "flex-1",
                 variant: "plain",
                 placement: "top",
                 content: N(C)
               }, {
-                default: O(() => [
-                  I("div", ze, [
+                default: M(() => [
+                  I("div", Qe, [
                     y(ce, {
                       type: E.value,
                       class: "w-full",
                       variant: "primary",
                       loading: k.value,
-                      disabled: B.value,
+                      disabled: O.value,
                       label: w.value,
-                      onClick: ee
+                      onClick: de
                     }, null, 8, ["type", "loading", "disabled", "label"])
                   ])
                 ]),
@@ -566,21 +575,21 @@ const Ke = {
                 class: "flex-1",
                 variant: "primary",
                 loading: k.value,
-                disabled: B.value,
+                disabled: O.value,
                 label: w.value,
-                onClick: ee
+                onClick: de
               }, null, 8, ["type", "loading", "disabled", "label"]))
             ])
-          ], 64)) : U("", !0)
+          ], 64)) : h("", !0)
         ]),
         _: 1
       }, 512);
     };
   }
-}), Je = {
+}), We = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ h({
+}, Xe = { class: "flex mt-6 space-x-6" }, Ze = /* @__PURE__ */ R({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -593,7 +602,7 @@ const Ke = {
     }
   },
   setup(T) {
-    const { isLoading: p, startAsyncCall: a } = J(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       terminalId: ""
     }), v = () => {
       c.value.terminalId = "", d.value = -1;
@@ -622,7 +631,7 @@ const Ke = {
     }
     return (o, i) => {
       const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return N(p) ? (g(), S("div", Je, [
+      return N(p) ? (g(), S("div", We, [
         y(u, { size: "xxl" })
       ])) : (g(), F(x, {
         key: 1,
@@ -632,22 +641,22 @@ const Ke = {
           d.value > -1 ? l.value.ecrs[d.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);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(C, {
             modelValue: c.value.terminalId,
             "onUpdate:modelValue": i[0] || (i[0] = (E) => c.value.terminalId = E),
             label: "Terminal ID",
             items: s.value,
-            rules: N(X)(N(Z).string())
+            rules: N(ee)(N(ae).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", We, [
+          I("div", Xe, [
             d.value > -1 ? (g(), F(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(d.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(n, {
               type: "submit",
               class: "flex-1",
@@ -660,7 +669,7 @@ const Ke = {
       }, 512));
     };
   }
-}), Ze = { class: "flex mt-6 space-x-6" }, ea = /* @__PURE__ */ h({
+}), ea = { class: "flex mt-6 space-x-6" }, aa = /* @__PURE__ */ R({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -707,7 +716,7 @@ const Ke = {
           l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(s, {
             modelValue: r.value.merchantId,
             "onUpdate:modelValue": m[0] || (m[0] = (u) => r.value.merchantId = u),
@@ -725,14 +734,14 @@ const Ke = {
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          I("div", Ze, [
+          I("div", ea, [
             l.value > -1 ? (g(), F(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(o, {
               type: "submit",
               class: "flex-1",
@@ -745,7 +754,7 @@ const Ke = {
       }, 512);
     };
   }
-}), aa = { class: "flex items-end" }, ta = { class: "flex flex-wrap gap-8 items-center mt-4" }, la = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ h({
+}), ta = { class: "flex items-end" }, la = { class: "flex flex-wrap gap-8 items-center mt-4" }, na = { class: "flex mt-6 space-x-6" }, oa = /* @__PURE__ */ R({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -812,7 +821,7 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -824,7 +833,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", aa, [
+          I("div", ta, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -837,22 +846,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ta, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", la, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", la, [
+          I("div", na, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -865,7 +874,7 @@ const Ke = {
       }, 512);
     };
   }
-}), oa = { class: "flex items-end" }, ra = { class: "flex flex-wrap gap-8 items-center mt-4" }, ia = { class: "flex mt-6 space-x-6" }, sa = /* @__PURE__ */ h({
+}), ra = { class: "flex items-end" }, ia = { class: "flex flex-wrap gap-8 items-center mt-4" }, sa = { class: "flex mt-6 space-x-6" }, ua = /* @__PURE__ */ R({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -932,7 +941,7 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -944,7 +953,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", oa, [
+          I("div", ra, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -957,22 +966,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ra, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", ia, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ia, [
+          I("div", sa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -985,7 +994,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ua = { class: "flex items-end" }, ca = { class: "flex flex-wrap gap-8 items-center mt-4" }, ma = { class: "flex mt-6 space-x-6" }, da = /* @__PURE__ */ h({
+}), ca = { class: "flex items-end" }, ma = { class: "flex flex-wrap gap-8 items-center mt-4" }, da = { class: "flex mt-6 space-x-6" }, pa = /* @__PURE__ */ R({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -1052,14 +1061,14 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", ua, [
+          I("div", ca, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1072,22 +1081,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ca, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", ma, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ma, [
+          I("div", da, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1100,7 +1109,7 @@ const Ke = {
       }, 512);
     };
   }
-}), pa = { class: "flex items-end" }, va = { class: "flex flex-wrap gap-8 items-center mt-4" }, ya = { class: "flex mt-6 space-x-6" }, fa = /* @__PURE__ */ h({
+}), va = { class: "flex items-end" }, ya = { class: "flex flex-wrap gap-8 items-center mt-4" }, fa = { class: "flex mt-6 space-x-6" }, ga = /* @__PURE__ */ R({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -1167,7 +1176,7 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -1179,7 +1188,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
-          I("div", pa, [
+          I("div", va, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1192,22 +1201,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", va, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", ya, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ya, [
+          I("div", fa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1220,7 +1229,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ga = { class: "flex items-end" }, ba = { class: "flex flex-wrap gap-8 items-center mt-4" }, _a = { class: "flex mt-6 space-x-6" }, Ta = /* @__PURE__ */ h({
+}), ba = { class: "flex items-end" }, _a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ta = { class: "flex mt-6 space-x-6" }, Ia = /* @__PURE__ */ R({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -1285,14 +1294,14 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", ga, [
+          I("div", ba, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1305,22 +1314,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ba, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", _a, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", _a, [
+          I("div", Ta, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1333,7 +1342,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Ia = { class: "flex mt-6 space-x-6" }, Fa = /* @__PURE__ */ h({
+}), Fa = { class: "flex mt-6 space-x-6" }, wa = /* @__PURE__ */ R({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1386,7 +1395,7 @@ const Ke = {
           }), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(s, {
             modelValue: r.value.ip,
             "onUpdate:modelValue": m[0] || (m[0] = (i) => r.value.ip = i),
@@ -1398,14 +1407,14 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
-          I("div", Ia, [
+          I("div", Fa, [
             l.value > -1 ? (g(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(t, {
               type: "submit",
               class: "flex-1",
@@ -1418,7 +1427,7 @@ const Ke = {
       }, 512);
     };
   }
-}), wa = { class: "flex items-end" }, xa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ca = { class: "flex mt-6 space-x-6" }, ka = /* @__PURE__ */ h({
+}), xa = { class: "flex items-end" }, Ca = { class: "flex flex-wrap gap-8 items-center mt-4" }, ka = { class: "flex mt-6 space-x-6" }, Na = /* @__PURE__ */ R({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1487,14 +1496,14 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
-          I("div", wa, [
+          I("div", xa, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1507,22 +1516,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", xa, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Ca, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Ca, [
+          I("div", ka, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1535,7 +1544,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Na = { class: "flex items-end" }, Va = { class: "flex flex-wrap gap-8 items-center mt-4" }, Sa = { class: "flex mt-6 space-x-6" }, Ua = /* @__PURE__ */ h({
+}), Va = { class: "flex items-end" }, Sa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ua = { class: "flex mt-6 space-x-6" }, ha = /* @__PURE__ */ R({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1604,14 +1613,14 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Na, [
+          I("div", Va, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1624,22 +1633,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Va, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Sa, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Sa, [
+          I("div", Ua, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1652,7 +1661,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ha = { class: "flex items-end" }, Ra = { class: "flex flex-wrap gap-8 items-center mt-4" }, Pa = { class: "flex mt-6 space-x-6" }, Ba = /* @__PURE__ */ h({
+}), Ra = { class: "flex items-end" }, Pa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ba = { class: "flex mt-6 space-x-6" }, Oa = /* @__PURE__ */ R({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1721,7 +1730,7 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -1733,7 +1742,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          I("div", ha, [
+          I("div", Ra, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1746,22 +1755,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ra, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Pa, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Pa, [
+          I("div", Ba, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1774,7 +1783,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Oa = { class: "flex items-end" }, Ma = { class: "flex flex-wrap gap-8 items-center mt-4" }, Aa = { class: "flex mt-6 space-x-6" }, qa = /* @__PURE__ */ h({
+}), Ma = { class: "flex items-end" }, Aa = { class: "flex flex-wrap gap-8 items-center mt-4" }, qa = { class: "flex mt-6 space-x-6" }, Ga = /* @__PURE__ */ R({
   __name: "OmaGateway",
   props: {
     terminal: {
@@ -1841,14 +1850,14 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
-          I("div", Oa, [
+          I("div", Ma, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1861,22 +1870,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ma, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Aa, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Aa, [
+          I("div", qa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -1889,7 +1898,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Ga = { class: "flex items-end" }, Da = { class: "flex flex-wrap gap-8 items-center mt-4" }, $a = { class: "flex mt-6 space-x-6" }, Ea = /* @__PURE__ */ h({
+}), Da = { class: "flex items-end" }, $a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ea = { class: "flex mt-6 space-x-6" }, La = /* @__PURE__ */ R({
   __name: "RevenueGateway",
   props: {
     terminal: {
@@ -1962,13 +1971,13 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
             label: "Terminal IP Address",
             "label-info": "Terminal WiFi IP with optional port, e.g. 192.168.1.50:8080 (defaults to port 8080)",
-            rules: N(X)(N(Z).string().min(1))
+            rules: N(ee)(N(ae).string().min(1))
           }, null, 8, ["modelValue", "rules"]),
           y(o, {
             modelValue: e.value.receiptName,
@@ -1976,7 +1985,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
           }, null, 8, ["modelValue"]),
-          I("div", Ga, [
+          I("div", Da, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1989,22 +1998,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Da, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", $a, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", $a, [
+          I("div", Ea, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -2017,10 +2026,10 @@ const Ke = {
       }, 512);
     };
   }
-}), La = {
+}), Ya = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Ya = { class: "flex mt-6 space-x-6" }, ja = /* @__PURE__ */ h({
+}, ja = { class: "flex mt-6 space-x-6" }, Ka = /* @__PURE__ */ R({
   __name: "BeamGateway",
   props: {
     terminal: {
@@ -2033,13 +2042,13 @@ const Ke = {
     }
   },
   setup(T) {
-    const { isLoading: p, startAsyncCall: a } = J(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       externalTerminalId: ""
     }), v = () => {
       c.value.externalTerminalId = "", d.value = -1;
     }, m = () => {
       if (a(async () => {
-        r.value = await ye.getRestaurantExternalTerminals(
+        r.value = await fe.getRestaurantExternalTerminals(
           b.terminal.referenceId,
           "BEAM"
         );
@@ -2065,7 +2074,7 @@ const Ke = {
     }
     return (o, i) => {
       const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return N(p) ? (g(), S("div", La, [
+      return N(p) ? (g(), S("div", Ya, [
         y(u, { size: "xxl" })
       ])) : (g(), F(x, {
         key: 1,
@@ -2075,22 +2084,22 @@ const Ke = {
           d.value > -1 ? l.value.ecrs[d.value] = { gateway: "Beam", config: c.value } : (l.value.ecrs || (l.value.ecrs = []), l.value.ecrs.push({ gateway: "Beam", config: c.value })), b.onUpdate(l.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(C, {
             modelValue: c.value.externalTerminalId,
             "onUpdate:modelValue": i[0] || (i[0] = (E) => c.value.externalTerminalId = E),
             label: "External Terminal",
             items: s.value,
-            rules: N(X)(N(Z).string().min(1, "External terminal is required"))
+            rules: N(ee)(N(ae).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", Ya, [
+          I("div", ja, [
             d.value > -1 ? (g(), F(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(d.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(n, {
               type: "submit",
               class: "flex-1",
@@ -2103,10 +2112,10 @@ const Ke = {
       }, 512));
     };
   }
-}), Ka = {
+}), Ha = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Ha = { class: "flex mt-6 space-x-6" }, za = /* @__PURE__ */ h({
+}, za = { class: "flex mt-6 space-x-6" }, Qa = /* @__PURE__ */ R({
   __name: "BriGateway",
   props: {
     terminal: {
@@ -2119,13 +2128,13 @@ const Ke = {
     }
   },
   setup(T) {
-    const { isLoading: p, startAsyncCall: a } = J(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       externalTerminalId: ""
     }), v = () => {
       c.value.externalTerminalId = "", d.value = -1;
     }, m = () => {
       if (a(async () => {
-        r.value = await ye.getRestaurantExternalTerminals(
+        r.value = await fe.getRestaurantExternalTerminals(
           b.terminal.referenceId,
           "BRI"
         );
@@ -2151,7 +2160,7 @@ const Ke = {
     }
     return (i, u) => {
       const C = f("FmCircularProgress"), n = f("FmSelect"), x = f("FmButton"), E = f("FmForm");
-      return N(p) ? (g(), S("div", Ka, [
+      return N(p) ? (g(), S("div", Ha, [
         y(C, { size: "xxl" })
       ])) : (g(), F(E, {
         key: 1,
@@ -2161,23 +2170,23 @@ const Ke = {
           d.value > -1 ? l.value.ecrs[d.value] = { gateway: "Bri", config: c.value } : (l.value.ecrs || (l.value.ecrs = []), l.value.ecrs.push({ gateway: "Bri", config: c.value })), b.onUpdate(l.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(n, {
             modelValue: c.value.externalTerminalId,
             "onUpdate:modelValue": u[0] || (u[0] = (w) => c.value.externalTerminalId = w),
             label: "External Terminal",
             items: s.value,
             "helper-text": t.value,
-            rules: N(X)(N(Z).string().min(1, "External terminal is required"))
+            rules: N(ee)(N(ae).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "helper-text", "rules"]),
-          I("div", Ha, [
+          I("div", za, [
             d.value > -1 ? (g(), F(x, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => o(d.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(x, {
               type: "submit",
               class: "flex-1",
@@ -2190,7 +2199,7 @@ const Ke = {
       }, 512));
     };
   }
-}), Qa = { class: "flex items-end" }, Ja = { class: "flex flex-wrap gap-8 items-center mt-4" }, Wa = { class: "flex mt-6 space-x-6" }, Xa = /* @__PURE__ */ h({
+}), Ja = { class: "flex items-end" }, Wa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Xa = { class: "flex mt-6 space-x-6" }, Za = /* @__PURE__ */ R({
   __name: "PbbGateway",
   props: {
     terminal: {
@@ -2257,7 +2266,7 @@ const Ke = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -2269,7 +2278,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_PBB'"
           }, null, 8, ["modelValue"]),
-          I("div", Qa, [
+          I("div", Ja, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -2282,22 +2291,22 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ja, [
-            (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Wa, [
+            (g(!0), S($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
               removable: !0,
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Wa, [
+          I("div", Xa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(i, {
               type: "submit",
               class: "flex-1",
@@ -2310,7 +2319,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Za = { class: "flex items-center" }, et = { class: "w-[260px] self-start" }, at = { class: "flex-1" }, tt = /* @__PURE__ */ h({
+}), et = { class: "flex items-center" }, at = { class: "w-[260px] self-start" }, tt = { class: "flex-1" }, lt = /* @__PURE__ */ R({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -2328,96 +2337,96 @@ const Ke = {
       {
         label: "FeedMe Terminal",
         value: "terminal",
-        render: Xe
+        render: Ze
       },
       {
         label: "GHL Terminal",
         value: "ghl",
-        render: ea,
+        render: aa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL2 Terminal",
         value: "ghl2",
-        render: Fa,
+        render: wa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "ITB Maybank Terminal",
         value: "mb-itb",
-        render: na,
+        render: oa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "PMA Maybank Terminal",
         value: "mb-pma",
-        render: sa,
+        render: ua,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys Maybank Terminal",
         value: "mb-paysys",
-        render: da,
+        render: pa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
-        render: fa,
+        render: ga,
         region: [P.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: Ta,
+        render: Ia,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: ka,
+        render: Na,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "Paysys HLBB Terminal",
         value: "hlbb",
-        render: Ua,
+        render: ha,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "GPAP Terminal",
         value: "globalpayments",
-        render: Ba,
+        render: Oa,
         region: [P.F_COUNTRY.enum.SG]
       },
       {
         label: "OMA Terminal",
         value: "oma",
-        render: qa,
+        render: Ga,
         region: [P.F_COUNTRY.enum.PK]
       },
       {
         label: "Revenue PBB Terminal",
         value: "revenue",
-        render: Ea,
+        render: La,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "PBB Terminal",
         value: "pbb",
-        render: Xa,
+        render: Za,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Beam Terminal",
         value: "beam",
-        render: ja,
+        render: Ka,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "BRI Terminal",
         value: "bri",
-        render: za,
+        render: Qa,
         region: [P.F_COUNTRY.enum.ID]
       }
     ], b = V(() => a.find((c) => c.value === e.value)), l = se().currentCountry, r = V(() => a.filter(
@@ -2428,8 +2437,8 @@ const Ke = {
     return (c, v) => {
       var s;
       const m = f("FmTabs");
-      return g(), S("div", Za, [
-        I("div", et, [
+      return g(), S("div", et, [
+        I("div", at, [
           y(m, {
             "model-value": N(e),
             "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
@@ -2439,16 +2448,16 @@ const Ke = {
             "show-more-at": Number.POSITIVE_INFINITY
           }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
-        I("div", at, [
+        I("div", tt, [
           N(e) ? (g(), F(le((s = b.value) == null ? void 0 : s.render), ne(oe({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
-          })), null, 16)) : U("", !0)
+          })), null, 16)) : h("", !0)
         ])
       ]);
     };
   }
-}), lt = { class: "flex mt-6 space-x-6" }, nt = /* @__PURE__ */ h({
+}), nt = { class: "flex mt-6 space-x-6" }, ot = /* @__PURE__ */ R({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -2493,7 +2502,7 @@ const Ke = {
           l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), p.onUpdate(a.value);
         })
       }, {
-        default: O(() => [
+        default: M(() => [
           y(s, {
             modelValue: r.value.account,
             "onUpdate:modelValue": m[0] || (m[0] = (i) => r.value.account = i),
@@ -2506,14 +2515,14 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", lt, [
+          I("div", nt, [
             l.value > -1 ? (g(), F(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : U("", !0),
+            }, null, 8, ["onclick"])) : h("", !0),
             y(t, {
               type: "submit",
               class: "flex-1",
@@ -2526,7 +2535,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ot = { class: "flex items-center" }, rt = { class: "w-[260px] self-start" }, it = { class: "flex-1" }, st = /* @__PURE__ */ h({
+}), rt = { class: "flex items-center" }, it = { class: "w-[260px] self-start" }, st = { class: "flex-1" }, ut = /* @__PURE__ */ R({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -2544,7 +2553,7 @@ const Ke = {
       {
         label: "PromptPay",
         value: "promptpay",
-        render: nt,
+        render: ot,
         region: [P.F_COUNTRY.enum.TH]
       }
     ], b = V(() => a.find((c) => c.value === e.value)), l = se().currentCountry, r = V(() => a.filter((c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY))), { gatewayTab: e } = re({
@@ -2553,8 +2562,8 @@ const Ke = {
     return (c, v) => {
       var s;
       const m = f("FmTabs");
-      return g(), S("div", ot, [
-        I("div", rt, [
+      return g(), S("div", rt, [
+        I("div", it, [
           y(m, {
             "model-value": N(e),
             "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
@@ -2563,16 +2572,16 @@ const Ke = {
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", it, [
+        I("div", st, [
           N(e) ? (g(), F(le((s = b.value) == null ? void 0 : s.render), ne(oe({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
-          })), null, 16)) : U("", !0)
+          })), null, 16)) : h("", !0)
         ])
       ]);
     };
   }
-}), Ct = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ R({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -2583,7 +2592,7 @@ const Ke = {
   setup(T) {
     const p = T, { tab: a } = re({
       tab: "information"
-    }), { isLoading: b, startAsyncCall: l } = J(!0), r = Te(), e = me(), d = Fe(), { t: c } = ie(), v = _();
+    }), { isLoading: b, startAsyncCall: l } = X(!0), r = Ie(), e = me(), d = we(), { t: c } = ie(), v = _();
     async function m(w, k) {
       l(async () => {
         try {
@@ -2599,11 +2608,11 @@ const Ke = {
             type: "success",
             message: "Terminal updated successfully"
           });
-        } catch (B) {
+        } catch (O) {
           e.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: Q(B)
+            message: W(O)
           });
         }
       });
@@ -2613,43 +2622,43 @@ const Ke = {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: Ne
+        render: Ve
       },
       {
         label: "Setting Request",
         value: "settings",
         icon: "settings",
-        render: $e,
+        render: Ee,
         onlyFor: ["TERMINAL"]
       },
       {
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: Qe
+        render: Je
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: tt,
+        render: lt,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: st,
+        render: ut,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "Payment Checkout",
         value: "payment-checkout",
         icon: "tune",
-        render: ke,
+        render: Ne,
         onlyFor: ["KIOSK", "POS"]
       }
-    ], t = pe.FdoTerminalTemplateDeviceType.options, o = V(
+    ], t = ve.FdoTerminalTemplateDeviceType.options, o = V(
       () => {
         var w;
         return t.includes(((w = v.value) == null ? void 0 : w.deviceType) ?? "");
@@ -2661,20 +2670,20 @@ const Ke = {
         title: "Save as Template",
         closeButton: !0,
         overlay: !0,
-        contentComponent: he
+        contentComponent: Re
       }).onPrimary(async (k) => {
         d.close();
         try {
-          await de.create({
+          await pe.create({
             name: k.name,
             description: k.description,
             businessId: w.restaurant.businessId,
             deviceType: w.deviceType,
             isDefault: k.isDefault,
             settings: {
-              ecrs: (w.ecrs ?? []).map(({ gateway: B }) => ({ gateway: B })),
+              ecrs: (w.ecrs ?? []).map(({ gateway: O }) => ({ gateway: O })),
               ecrIntegrations: (w.ecrIntegrations ?? []).map(
-                ({ gateway: B }) => ({ gateway: B })
+                ({ gateway: O }) => ({ gateway: O })
               ),
               paymentCheckouts: w.paymentCheckouts ?? []
             }
@@ -2682,17 +2691,17 @@ const Ke = {
             type: "success",
             message: "Setting template created successfully."
           });
-        } catch (B) {
+        } catch (O) {
           e.open({
             type: "error",
             title: "Error occurs when create setting template",
-            message: Q(B)
+            message: W(O)
           });
         }
       });
     }
     async function u() {
-      const w = v.value, k = await de.readByBusiness(
+      const w = v.value, k = await pe.readByBusiness(
         w.restaurant.businessId,
         w.deviceType
       );
@@ -2700,25 +2709,25 @@ const Ke = {
         title: "Apply Template",
         closeButton: !0,
         overlay: !0,
-        contentComponent: Ae,
+        contentComponent: qe,
         contentComponentProps: { templates: k }
-      }).onPrimary(async (B) => {
-        d.close(), we(
+      }).onPrimary(async (O) => {
+        d.close(), xe(
           d,
           "Apply Template",
           c("payment.terminal_template.scope_info"),
           async () => {
             l(async () => {
               try {
-                await j.applyTemplate(p.terminalId, B.templateId), v.value = await j.readById(p.terminalId), e.open({
+                await j.applyTemplate(p.terminalId, O.templateId), v.value = await j.readById(p.terminalId), e.open({
                   type: "success",
                   message: "Setting template applied successfully."
                 });
-              } catch ($) {
+              } catch (D) {
                 e.open({
                   type: "error",
                   title: "Error occurs when apply setting template",
-                  message: Q($)
+                  message: W(D)
                 });
               }
             });
@@ -2749,25 +2758,25 @@ const Ke = {
       }
     ));
     return q(x), (w, k) => {
-      var $, K;
-      const B = f("FmTabs");
-      return g(), F(Ie, {
-        title: `${($ = v.value) == null ? void 0 : $.deviceType} (${(K = v.value) == null ? void 0 : K._id})`,
+      var D, K;
+      const O = f("FmTabs");
+      return g(), F(Fe, {
+        title: `${(D = v.value) == null ? void 0 : D.deviceType} (${(K = v.value) == null ? void 0 : K._id})`,
         loading: N(b),
         actions: C.value,
         onBack: N(r).back
       }, {
-        default: O(() => [
-          y(B, {
+        default: M(() => [
+          y(O, {
             "model-value": N(a),
-            "onUpdate:modelValue": k[0] || (k[0] = (H) => te(a) ? a.value = H : null),
+            "onUpdate:modelValue": k[0] || (k[0] = (z) => te(a) ? a.value = z : null),
             class: "mb-6",
             items: E.value
           }, null, 8, ["model-value", "items"]),
           N(a) ? (g(), F(le(n.value), ne(oe({ key: 0 }, {
             terminal: v.value,
             onUpdate: m
-          })), null, 16)) : U("", !0)
+          })), null, 16)) : h("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "actions", "onBack"]);
@@ -2775,5 +2784,5 @@ const Ke = {
   }
 });
 export {
-  Ct as default
+  kt as default
 };