@feedmepos/mf-payment 1.11.15-dev → 1.11.16-dev

package/dist/{TerminalSetting-B7ywXMUB.js → TerminalSetting-CcTRaKIt.js}

@@ -1,21 +1,21 @@
-import { defineComponent as R, openBlock as g, createElementBlock as V, 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 S, computed as N, createCommentVNode as h, isRef as ee, resolveDynamicComponent as ae, normalizeProps as te, mergeProps as le, watch as A, onBeforeUnmount as Te, toRef as G, onMounted as q, renderList as L } from "vue";
-import { u as X, p as ve } from "./index-CCVtM-GN.js";
+import { defineComponent as h, openBlock as g, createElementBlock as k, Fragment as E, createElementVNode as I, createTextVNode as Z, toDisplayString as K, ref as _, resolveComponent as f, createBlock as w, withCtx as A, createVNode as y, unref as V, computed as S, createCommentVNode as U, isRef as te, resolveDynamicComponent as le, normalizeProps as ne, mergeProps as oe, watch as q, onBeforeUnmount as Te, toRef as D, onMounted as G, renderList as L } from "vue";
+import { u as J, p as ve } from "./index-Baec1AT2.js";
 import { useRouter as Ie } from "vue-router";
-import { t as j } from "./index-Corqznx3.js";
-import { t as pe } from "./index-Dd7KHdD-.js";
+import { t as Y } from "./index-BQadSOBj.js";
+import { t as pe } from "./index-CJPHA9xo.js";
 import { _ as Fe } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as ne } from "./index-CRUvX-Q1.js";
-import { useDialogChild as ye, useSnackbar as me, useDialog as we } from "@feedmepos/ui-library";
+import { u as re } from "./index-CAT0OmJZ.js";
+import { useDialogChild as ye, useSnackbar as se, 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 oe, useCoreStore as re } from "@feedmepos/mf-common";
-import { z as ie, a as se } from "./validator-CTlVogBQ.js";
-import { e as P } from "./app-CgsrQ6oc.js";
-import { o as Ce } from "./index-CRwE0jgw.js";
-import { c as ke } from "./index-MdV54cWO.js";
-import { e as fe } from "./index-DzpswLTy.js";
-import { P as Ne } from "./PaymentCheckout-Bxi5DX2A.js";
-const Ve = /* @__PURE__ */ R({
+import { u as Q } from "./error-K1CakhA9.js";
+import { useI18n as ie, useCoreStore as ue } from "@feedmepos/mf-common";
+import { z as ee, a as ae } from "./validator-CTlVogBQ.js";
+import { e as R } from "./app-obftSkFb.js";
+import { o as Ce } from "./index-Dlng-M3Z.js";
+import { c as Ne } from "./index-MdV54cWO.js";
+import { e as fe } from "./index-DRy36FqO.js";
+import { P as ke } from "./PaymentCheckout-C4zXAkTu.js";
+const Ve = /* @__PURE__ */ h({
   __name: "Information",
   props: {
     terminal: {
@@ -23,26 +23,26 @@ const Ve = /* @__PURE__ */ R({
       required: !0
     }
   },
-  setup(T) {
-    return (p, a) => (g(), V($, null, [
+  setup(F) {
+    return (p, a) => (g(), k(E, null, [
       a[0] || (a[0] = I("b", null, "Name", -1)),
-      Z(": " + J(T.terminal.name), 1),
+      Z(": " + K(F.terminal.name), 1),
       a[1] || (a[1] = I("br", null, null, -1)),
       a[2] || (a[2] = I("b", null, "Status", -1)),
-      Z(": " + J(T.terminal.status), 1),
+      Z(": " + K(F.terminal.status), 1),
       a[3] || (a[3] = I("br", null, null, -1)),
       a[4] || (a[4] = I("b", null, "Device ID", -1)),
-      Z(": " + J(T.terminal.deviceId ?? "-"), 1),
+      Z(": " + K(F.terminal.deviceId ?? "-"), 1),
       a[5] || (a[5] = I("br", null, null, -1)),
       a[6] || (a[6] = I("b", null, "Device Type", -1)),
-      Z(": " + J(T.terminal.deviceType ?? "-"), 1),
+      Z(": " + K(F.terminal.deviceType ?? "-"), 1),
       a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), 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({
+}), 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" }, Pe = /* @__PURE__ */ h({
   __name: "TerminalSaveTemplateDialog",
-  setup(T) {
-    const p = ye(), { t: a } = oe(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
+  setup(F) {
+    const p = ye(), { t: a } = ie(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
       p.emitData({
         name: l.value,
         description: r.value,
@@ -50,29 +50,29 @@ const Ve = /* @__PURE__ */ R({
       }), p.emitAction("primary");
     };
     return (c, v) => {
-      const m = f("FmIcon"), s = f("FmTextField"), t = f("FmSwitch"), o = f("FmButton"), i = f("FmForm");
-      return g(), F(i, {
+      const m = f("FmIcon"), i = f("FmTextField"), t = f("FmSwitch"), o = f("FmButton"), s = f("FmForm");
+      return g(), w(s, {
         ref_key: "form",
         ref: b,
         class: "flex flex-col gap-16 min-h-[240px]",
         onValidationSuccess: d
       }, {
-        default: M(() => [
+        default: A(() => [
           I("div", Se, [
             y(m, {
               name: "info",
               class: "shrink-0"
             }),
-            I("span", Ue, J(S(a)("payment.terminal_template.scope_info")), 1)
+            I("span", Ue, K(V(a)("payment.terminal_template.scope_info")), 1)
           ]),
-          y(s, {
+          y(i, {
             modelValue: l.value,
             "onUpdate:modelValue": v[0] || (v[0] = (u) => l.value = u),
             label: "Template Name",
             "label-mark": "required",
-            rules: S(ie)(S(se).string().min(1, "Template name is required"))
+            rules: V(ee)(V(ae).string().min(1, "Template name is required"))
           }, null, 8, ["modelValue", "rules"]),
-          y(s, {
+          y(i, {
             modelValue: r.value,
             "onUpdate:modelValue": v[1] || (v[1] = (u) => r.value = u),
             label: "Description",
@@ -96,19 +96,19 @@ const Ve = /* @__PURE__ */ R({
       }, 512);
     };
   }
-}), 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 = {
+}), Re = { class: "flex flex-col gap-16 min-h-[240px]" }, Oe = { 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" }, Me = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-500"
 }, Ae = {
   key: 2,
   class: "mt-auto pt-24 pb-24"
-}, qe = /* @__PURE__ */ R({
+}, qe = /* @__PURE__ */ h({
   __name: "TerminalApplyTemplateDialog",
   props: {
     templates: {}
   },
-  setup(T) {
-    const p = T, a = ye(), { t: b } = oe(), l = _(""), r = N(
+  setup(F) {
+    const p = F, a = ye(), { t: b } = ie(), l = _(""), r = S(
       () => p.templates.map((d) => ({
         label: d.isDefault ? `${d.name} (default)` : d.name,
         value: d._id
@@ -117,34 +117,34 @@ const Ve = /* @__PURE__ */ R({
       a.emitData({ templateId: l.value }), a.emitAction("primary");
     };
     return (d, c) => {
-      const v = f("FmIcon"), m = f("FmSelect"), s = f("FmButton");
-      return g(), V("div", Pe, [
-        I("div", Be, [
+      const v = f("FmIcon"), m = f("FmSelect"), i = f("FmButton");
+      return g(), k("div", Re, [
+        I("div", Oe, [
           y(v, {
             name: "info",
             class: "mt-4 shrink-0"
           }),
-          I("div", Oe, J(S(b)("payment.terminal_template.scope_info")), 1)
+          I("div", Be, K(V(b)("payment.terminal_template.scope_info")), 1)
         ]),
-        r.value.length === 0 ? (g(), V("div", Me, " No setting template exists for this business and device type yet. ")) : (g(), F(m, {
+        r.value.length === 0 ? (g(), k("div", Me, " No setting template exists for this business and device type yet. ")) : (g(), w(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(), V("div", Ae, [
-          y(s, {
+        r.value.length > 0 ? (g(), k("div", Ae, [
+          y(i, {
             class: "w-full",
             label: "Apply",
             disabled: !l.value,
             onClick: e
           }, null, 8, ["disabled"])
-        ])) : h("", !0)
+        ])) : U("", !0)
       ]);
     };
   }
-}), Ge = { key: 0 }, De = { class: "mt-6 space-x-6" }, $e = /* @__PURE__ */ R({
+}), Ge = { key: 0 }, $e = { class: "mt-6 space-x-6" }, De = /* @__PURE__ */ h({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -152,11 +152,11 @@ const Ve = /* @__PURE__ */ R({
       required: !0
     }
   },
-  setup(T) {
-    const { isLoading: p, startAsyncCall: a } = X(!1), b = me(), l = _({
+  setup(F) {
+    const { isLoading: p, startAsyncCall: a } = J(!1), b = se(), l = _({
       enable: !1,
       password: []
-    }), r = T;
+    }), r = F;
     function e() {
       return l.value.enable && l.value.password.filter((d) => !!d).length !== 6 ? b.open({
         type: "error",
@@ -166,7 +166,7 @@ const Ve = /* @__PURE__ */ R({
         d.enable && Object.assign(d, {
           password: l.value.password.join("")
         });
-        const c = await j.kioskModeRequest(r.terminal._id, d);
+        const c = await Y.kioskModeRequest(r.terminal._id, d);
         if (c === "OK")
           return b.open({ type: "info", message: "Kiosk mode applied successfully." });
         let v = c;
@@ -177,33 +177,33 @@ const Ve = /* @__PURE__ */ R({
       });
     }
     return (d, c) => {
-      const v = f("FmSwitch"), m = f("FmPinField"), s = f("FmButton");
-      return g(), V($, null, [
+      const v = f("FmSwitch"), m = f("FmPinField"), i = f("FmButton");
+      return g(), k(E, 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(), V("div", Ge, [
+        l.value.enable ? (g(), k("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"])
-        ])) : h("", !0),
-        I("div", De, [
-          y(s, {
+        ])) : U("", !0),
+        I("div", $e, [
+          y(i, {
             variant: "primary",
             label: "Send",
             icon: "send",
-            loading: S(p),
+            loading: V(p),
             onclick: e
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), Ee = /* @__PURE__ */ R({
+}), Ee = /* @__PURE__ */ h({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -211,80 +211,80 @@ const Ve = /* @__PURE__ */ R({
       required: !0
     }
   },
-  setup(T) {
-    const { settingTab: p } = ne({
+  setup(F) {
+    const { settingTab: p } = re({
       settingTab: "kiosk_mode"
     }), a = [
       {
         label: "Kiosk Mode",
         value: "kiosk_mode",
-        render: $e
+        render: De
       }
-    ], b = T, l = N(() => a.find((r) => r.value === p.value));
+    ], b = F, l = S(() => a.find((r) => r.value === p.value));
     return (r, e) => {
       var c;
       const d = f("FmTabs");
-      return g(), V($, null, [
+      return g(), k(E, null, [
         e[1] || (e[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
           I("b", null, "Note: "),
           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": S(p),
-          "onUpdate:modelValue": e[0] || (e[0] = (v) => ee(p) ? p.value = v : null),
+          "model-value": V(p),
+          "onUpdate:modelValue": e[0] || (e[0] = (v) => te(p) ? p.value = v : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        S(p) ? (g(), F(ae((c = l.value) == null ? void 0 : c.render), te(le({ key: 0 }, { terminal: b.terminal })), null, 16)) : h("", !0)
+        V(p) ? (g(), w(le((c = l.value) == null ? void 0 : c.render), ne(oe({ key: 0 }, { terminal: b.terminal })), null, 16)) : U("", !0)
       ], 64);
     };
   }
 }), 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 } = oe(), r = me(), e = _(null), d = N(() => {
-    var k, O;
-    const w = (k = T.value.gateways) == null ? void 0 : k.find(
-      (D) => D.gateway === "Tyro"
+function Ke(F) {
+  const { isLoading: p, startLoading: a, stopLoading: b } = J(!1), { t: l } = ie(), r = se(), e = _(null), d = S(() => {
+    var N, O;
+    const x = (N = F.value.gateways) == null ? void 0 : N.find(
+      ($) => $.gateway === "Tyro"
     );
-    return ((O = w == null ? void 0 : w.config) == null ? void 0 : O.uniqueId) || "";
-  }), c = N(() => !!d.value), v = N(() => {
-    var w;
-    return ((w = e.value) == null ? void 0 : w.status) === "ready";
-  }), m = N(() => {
-    var w, k;
-    return v.value && !!((k = (w = e.value) == null ? void 0 : w.fields) != null && k.tyroLocationId) && !!T.value.deviceId && !c.value;
-  }), s = N(() => !v.value && !c.value), t = N(
+    return ((O = x == null ? void 0 : x.config) == null ? void 0 : O.uniqueId) || "";
+  }), c = S(() => !!d.value), v = S(() => {
+    var x;
+    return ((x = e.value) == null ? void 0 : x.status) === "ready";
+  }), m = S(() => {
+    var x, N;
+    return v.value && !!((N = (x = e.value) == null ? void 0 : x.fields) != null && N.tyroLocationId) && !!F.value.deviceId && !c.value;
+  }), i = S(() => !v.value && !c.value), t = S(
     () => l("payment.onboard-submission.tyro.syncDisabledHint")
-  ), o = N(() => c.value ? "Synced" : "Sync");
-  async function i() {
-    if (!T.value.referenceId) {
+  ), o = S(() => c.value ? "Synced" : "Sync");
+  async function s() {
+    if (!F.value.referenceId) {
       e.value = null;
       return;
     }
     try {
-      const w = await Ce.getByRestaurant(
-        T.value.referenceId
+      const x = await Ce.getByRestaurant(
+        F.value.referenceId
       );
-      e.value = w.find(
-        (k) => k.type === ve.FdoOnboardType.enum.tyro
+      e.value = x.find(
+        (N) => N.type === ve.FdoOnboardType.enum.tyro
       ) ?? null;
-    } catch (w) {
+    } catch (x) {
       e.value = null, r.open({
         type: "error",
-        message: W(w)
+        message: Q(x)
       });
     }
   }
-  const u = ke({
+  const u = Ne({
     intervalMs: Le,
     timeoutMs: Ye,
-    onTick: async ({ isCurrentRun: w, stop: k }) => {
-      var K, z;
-      const O = await j.readById(T.value._id);
-      if (!w())
+    onTick: async ({ isCurrentRun: x, stop: N }) => {
+      var H, W;
+      const O = await Y.readById(F.value._id);
+      if (!x())
         return;
-      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({
+      const $ = (H = O.gateways) == null ? void 0 : H.find((ce) => ce.gateway === "Tyro");
+      ($ == null ? void 0 : $.gateway) === "Tyro" && ((W = $ == null ? void 0 : $.config) != null && W.uniqueId) && (N({ invalidate: !1 }), b(), Object.assign(F.value, O), r.open({
         type: "success",
         message: "Tyro reader created successfully"
       }));
@@ -295,20 +295,20 @@ function Ke(T) {
         message: je
       });
     },
-    onError: (w) => {
+    onError: (x) => {
       b(), r.open({
         type: "error",
-        message: W(w)
+        message: Q(x)
       });
     }
   }), C = u.isPolling;
   function n() {
     u.stop(), b();
   }
-  function x() {
+  function T() {
     n(), a(), u.start();
   }
-  async function E() {
+  async function M() {
     if (!m.value) {
       r.open({
         type: "error",
@@ -317,18 +317,18 @@ function Ke(T) {
       return;
     }
     try {
-      a(), await j.syncTyroReader(T.value._id), x();
-    } catch (w) {
+      a(), await Y.syncTyroReader(F.value._id), T();
+    } catch (x) {
       n(), r.open({
         type: "error",
-        message: W(w)
+        message: Q(x)
       });
     }
   }
-  return A(
-    () => T.value.referenceId,
+  return q(
+    () => F.value.referenceId,
     async () => {
-      await i();
+      await s();
     },
     { immediate: !0 }
   ), Te(() => {
@@ -338,16 +338,16 @@ function Ke(T) {
     isPollingTyroReader: C,
     uniqueId: d,
     canSyncTyroReader: m,
-    showTyroSyncPopover: s,
+    showTyroSyncPopover: i,
     tyroSyncPopoverMessage: t,
     tyroSyncButtonLabel: o,
-    syncTyroReader: E
+    syncTyroReader: M
   };
 }
 const He = {
   key: 0,
   class: "text-sm text-gray-500"
-}, ze = { class: "flex mt-6 space-x-6" }, Qe = { class: "flex-1" }, Je = /* @__PURE__ */ R({
+}, ze = { class: "flex mt-6 space-x-6" }, Qe = { class: "flex-1" }, Je = /* @__PURE__ */ h({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -359,12 +359,12 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = re().currentCountry, b = [
+  setup(F) {
+    const p = F, a = ue().currentCountry, b = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: P.F_COUNTRY.enum.MY,
+        region: R.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -372,14 +372,14 @@ const He = {
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: P.F_COUNTRY.enum.MY,
+        region: R.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: P.F_COUNTRY.enum.SG,
+        region: R.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -387,72 +387,72 @@ const He = {
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: P.F_COUNTRY.enum.MY
+        region: R.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: P.F_COUNTRY.enum.TH
+        region: R.F_COUNTRY.enum.TH
       },
       {
         label: "Tyro Australia",
         value: "cc.feedme.payment.tyro_au",
         gateway: "Tyro",
-        region: P.F_COUNTRY.enum.AU
+        region: R.F_COUNTRY.enum.AU
       }
-    ], l = G(() => p.terminal), r = _(), e = _({
+    ], l = D(() => p.terminal), r = _(), e = _({
       packageId: "",
       uniqueId: "",
       developerId: "",
       isUat: !1
     }), d = () => {
       e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "", e.value.isUat = !1;
-    }, c = N(() => b.filter((U) => U.region === a.value)), v = N(() => c.value.find(
-      (U) => U.value === e.value.packageId
-    )), m = N(
+    }, c = S(() => b.filter((P) => P.region === a.value)), v = S(() => c.value.find(
+      (P) => P.value === e.value.packageId
+    )), m = S(
       () => {
-        var U;
-        return ((U = v.value) == null ? void 0 : U.gateway) === "Tyro";
+        var P;
+        return ((P = v.value) == null ? void 0 : P.gateway) === "Tyro";
       }
     ), {
-      isLoading: s,
+      isLoading: i,
       isPollingTyroReader: t,
       uniqueId: o,
-      canSyncTyroReader: i,
+      canSyncTyroReader: s,
       showTyroSyncPopover: u,
       tyroSyncPopoverMessage: C,
       tyroSyncButtonLabel: n,
-      syncTyroReader: x
-    } = Ke(l), E = N(() => m.value ? "button" : "submit"), w = N(() => m.value ? n.value : "Save"), k = N(() => m.value ? s.value : !1), O = N(() => m.value ? !i.value || t.value : !1), D = () => {
+      syncTyroReader: T
+    } = Ke(l), M = S(() => m.value ? "button" : "submit"), x = S(() => m.value ? n.value : "Save"), N = S(() => m.value ? i.value : !1), O = S(() => m.value ? !s.value || t.value : !1), $ = () => {
       if (!l.value.gateways || l.value.gateways.length === 0)
         return d();
-      const U = l.value.gateways[0];
-      if (!U.config)
+      const P = l.value.gateways[0];
+      if (!P.config)
         return d();
-      if (U.gateway === "Tyro") {
+      if (P.gateway === "Tyro") {
         e.value = {
-          packageId: U.config.packageId,
-          uniqueId: U.config.uniqueId,
+          packageId: P.config.packageId,
+          uniqueId: P.config.uniqueId,
           developerId: "",
           isUat: !1
         };
         return;
       }
-      switch (U.gateway) {
+      switch (P.gateway) {
         case "Fiuu":
           e.value = {
-            packageId: U.config.packageId,
-            uniqueId: U.config.uniqueId,
+            packageId: P.config.packageId,
+            uniqueId: P.config.uniqueId,
             developerId: "",
             isUat: !1
           };
           break;
         case "Softspace":
         case "Digio":
-          const B = JSON.parse(U.config.uniqueId);
+          const B = JSON.parse(P.config.uniqueId);
           e.value = {
-            packageId: U.config.packageId,
+            packageId: P.config.packageId,
             uniqueId: B.uniqueId,
             developerId: B.developerId,
             isUat: B.isUat
@@ -460,128 +460,128 @@ const He = {
           return;
       }
     };
-    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();
+    q(l, $), G($);
+    const H = (P) => {
+      var B, X, z;
+      if (((z = (X = (B = l.value.gateways) == null ? void 0 : B[0]) == null ? void 0 : X.config) == null ? void 0 : z.packageId) === P)
+        return $();
       e.value.uniqueId = "", e.value.developerId = "", e.value.isUat = !1;
     };
-    async function z() {
-      const U = v.value;
-      if (!U)
+    async function W() {
+      const P = v.value;
+      if (!P)
         return;
       let B = e.value.uniqueId;
-      U.isLegacy || (B = JSON.stringify({
+      P.isLegacy || (B = JSON.stringify({
         uniqueId: e.value.uniqueId,
         developerId: e.value.developerId,
         isUat: e.value.isUat
       }));
-      const Q = {
-        gateway: U.gateway,
+      const X = {
+        gateway: P.gateway,
         config: {
-          packageId: U.value,
+          packageId: P.value,
           uniqueId: B
         }
       };
-      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = Q, await p.onUpdate(l.value);
+      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = X, await p.onUpdate(l.value);
     }
-    async function ue(U) {
+    async function ce(P) {
       var B;
-      (B = l.value.gateways) == null || B.splice(U, 1), p.onUpdate(l.value);
+      (B = l.value.gateways) == null || B.splice(P, 1), p.onUpdate(l.value);
     }
     function de() {
-      m.value && x();
+      m.value && T();
     }
-    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, {
+    return (P, B) => {
+      const X = f("FmSelect"), z = f("FmTextField"), ge = f("FmCheckbox"), me = f("FmButton"), be = f("FmTooltip"), _e = f("FmForm");
+      return g(), w(_e, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: z
+        onValidationSuccess: W
       }, {
-        default: M(() => [
-          y(Q, {
+        default: A(() => [
+          y(X, {
             modelValue: e.value.packageId,
             "onUpdate:modelValue": [
-              B[0] || (B[0] = (Y) => e.value.packageId = Y),
-              K
+              B[0] || (B[0] = (j) => e.value.packageId = j),
+              H
             ],
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
-          v.value ? (g(), V($, { key: 0 }, [
-            m.value ? (g(), F(H, {
+          v.value ? (g(), k(E, { key: 0 }, [
+            m.value ? (g(), w(z, {
               key: 0,
-              "model-value": S(o),
+              "model-value": V(o),
               label: "Unique ID (Reader ID)",
               disabled: ""
-            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (g(), V($, { key: 1 }, [
-              y(H, {
+            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (g(), k(E, { key: 1 }, [
+              y(z, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": B[1] || (B[1] = (Y) => e.value.uniqueId = Y),
+                "onUpdate:modelValue": B[1] || (B[1] = (j) => e.value.uniqueId = j),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              v.value.isOutdated ? (g(), V("span", He, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : h("", !0)
-            ], 64)) : (g(), V($, { key: 2 }, [
-              y(H, {
+              v.value.isOutdated ? (g(), k("span", He, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : U("", !0)
+            ], 64)) : (g(), k(E, { key: 2 }, [
+              y(z, {
                 modelValue: e.value.developerId,
-                "onUpdate:modelValue": B[2] || (B[2] = (Y) => e.value.developerId = Y),
+                "onUpdate:modelValue": B[2] || (B[2] = (j) => e.value.developerId = j),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              y(H, {
+              y(z, {
                 modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": B[3] || (B[3] = (Y) => e.value.uniqueId = Y),
+                "onUpdate:modelValue": B[3] || (B[3] = (j) => e.value.uniqueId = j),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
               y(ge, {
                 modelValue: e.value.isUat,
-                "onUpdate:modelValue": B[4] || (B[4] = (Y) => e.value.isUat = Y),
+                "onUpdate:modelValue": B[4] || (B[4] = (j) => e.value.isUat = j),
                 label: "Is UAT (Test)",
                 value: "1"
               }, null, 8, ["modelValue"])
             ], 64)),
             I("div", ze, [
-              l.value.gateways && l.value.gateways.length > 0 ? (g(), F(ce, {
+              l.value.gateways && l.value.gateways.length > 0 ? (g(), w(me, {
                 key: 0,
                 class: "flex-1",
                 variant: "secondary",
                 label: "Delete",
-                onclick: () => ue(0)
-              }, null, 8, ["onclick"])) : h("", !0),
-              m.value && S(u) && O.value ? (g(), F(be, {
+                onclick: () => ce(0)
+              }, null, 8, ["onclick"])) : U("", !0),
+              m.value && V(u) && O.value ? (g(), w(be, {
                 key: 1,
                 class: "flex-1",
                 variant: "plain",
                 placement: "top",
-                content: S(C)
+                content: V(C)
               }, {
-                default: M(() => [
+                default: A(() => [
                   I("div", Qe, [
-                    y(ce, {
-                      type: E.value,
+                    y(me, {
+                      type: M.value,
                       class: "w-full",
                       variant: "primary",
-                      loading: k.value,
+                      loading: N.value,
                       disabled: O.value,
-                      label: w.value,
+                      label: x.value,
                       onClick: de
                     }, null, 8, ["type", "loading", "disabled", "label"])
                   ])
                 ]),
                 _: 1
-              }, 8, ["content"])) : (g(), F(ce, {
+              }, 8, ["content"])) : (g(), w(me, {
                 key: 2,
-                type: E.value,
+                type: M.value,
                 class: "flex-1",
                 variant: "primary",
-                loading: k.value,
+                loading: N.value,
                 disabled: O.value,
-                label: w.value,
+                label: x.value,
                 onClick: de
               }, null, 8, ["type", "loading", "disabled", "label"]))
             ])
-          ], 64)) : h("", !0)
+          ], 64)) : U("", !0)
         ]),
         _: 1
       }, 512);
@@ -590,7 +590,7 @@ const He = {
 }), We = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Xe = { class: "flex mt-6 space-x-6" }, Ze = /* @__PURE__ */ R({
+}, Xe = { class: "flex mt-6 space-x-6" }, Ze = /* @__PURE__ */ h({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -602,62 +602,62 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+  setup(F) {
+    const { isLoading: p, startAsyncCall: a } = J(), b = F, l = D(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       terminalId: ""
     }), v = () => {
       c.value.terminalId = "", d.value = -1;
     }, m = () => {
       if (a(async () => {
-        r.value = await j.getRestaurantTerminals(b.terminal.referenceId);
+        r.value = await Y.getRestaurantTerminals(b.terminal.referenceId);
       }), !b.terminal.ecrs)
         return v();
       const o = b.terminal.ecrs.findIndex((u) => u && u.gateway && u.gateway === "FeedMe");
       if (o === -1)
         return v();
       d.value = o;
-      const i = b.terminal.ecrs.at(o);
-      i.gateway === "FeedMe" && i.config && (c.value = {
-        terminalId: i.config.terminalId
+      const s = b.terminal.ecrs.at(o);
+      s.gateway === "FeedMe" && s.config && (c.value = {
+        terminalId: s.config.terminalId
       });
     };
-    A(l, m), q(m);
-    const s = N(() => (r.value ?? []).map((o) => ({
+    q(l, m), G(m);
+    const i = S(() => (r.value ?? []).map((o) => ({
       label: o.name ?? o._id,
       value: o._id
     })));
     async function t(o) {
-      var i;
-      (i = b.terminal.ecrs) == null || i.splice(o, 1), b.onUpdate(b.terminal);
+      var s;
+      (s = b.terminal.ecrs) == null || s.splice(o, 1), b.onUpdate(b.terminal);
     }
-    return (o, i) => {
-      const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return S(p) ? (g(), V("div", We, [
+    return (o, s) => {
+      const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), T = f("FmForm");
+      return V(p) ? (g(), k("div", We, [
         y(u, { size: "xxl" })
-      ])) : (g(), F(x, {
+      ])) : (g(), w(T, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[1] || (i[1] = () => {
+        onValidationSuccess: s[1] || (s[1] = () => {
           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: M(() => [
+        default: A(() => [
           y(C, {
             modelValue: c.value.terminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (E) => c.value.terminalId = E),
+            "onUpdate:modelValue": s[0] || (s[0] = (M) => c.value.terminalId = M),
             label: "Terminal ID",
-            items: s.value,
-            rules: S(ie)(S(se).string())
+            items: i.value,
+            rules: V(ee)(V(ae).string())
           }, null, 8, ["modelValue", "items", "rules"]),
           I("div", Xe, [
-            d.value > -1 ? (g(), F(n, {
+            d.value > -1 ? (g(), w(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(d.value)
-            }, null, 8, ["onclick"])) : h("", !0),
+            }, null, 8, ["onclick"])) : U("", !0),
             y(n, {
               type: "submit",
               class: "flex-1",
@@ -670,7 +670,7 @@ const He = {
       }, 512));
     };
   }
-}), ea = { class: "flex mt-6 space-x-6" }, aa = /* @__PURE__ */ R({
+}), ea = { class: "flex mt-6 space-x-6" }, aa = /* @__PURE__ */ h({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -682,8 +682,8 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _({
       merchantId: "",
       terminalId: "",
       privateKey: ""
@@ -692,7 +692,7 @@ const He = {
     }, d = () => {
       if (!a.value.ecrs)
         return e();
-      const v = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
+      const v = a.value.ecrs.findIndex((i) => i && i.gateway && i.gateway === "Ghl");
       if (v === -1)
         return e();
       l.value = v;
@@ -703,27 +703,27 @@ const He = {
         privateKey: m.config.privateKey || ""
       });
     };
-    A(a, d), q(d);
+    q(a, d), G(d);
     async function c(v) {
       var m;
       (m = a.value.ecrs) == null || m.splice(v, 1), p.onUpdate(a.value);
     }
     return (v, m) => {
-      const s = f("FmTextField"), t = f("FmTextarea"), o = f("FmButton"), i = f("FmForm");
-      return g(), F(i, {
+      const i = f("FmTextField"), t = f("FmTextarea"), o = f("FmButton"), s = f("FmForm");
+      return g(), w(s, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: m[3] || (m[3] = () => {
           l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          y(s, {
+        default: A(() => [
+          y(i, {
             modelValue: r.value.merchantId,
             "onUpdate:modelValue": m[0] || (m[0] = (u) => r.value.merchantId = u),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          y(s, {
+          y(i, {
             modelValue: r.value.terminalId,
             "onUpdate:modelValue": m[1] || (m[1] = (u) => r.value.terminalId = u),
             label: "Terminal ID"
@@ -736,13 +736,13 @@ const He = {
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
           I("div", ea, [
-            l.value > -1 ? (g(), F(o, {
+            l.value > -1 ? (g(), w(o, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
+            }, null, 8, ["onclick"])) : U("", !0),
             y(o, {
               type: "submit",
               class: "flex-1",
@@ -755,7 +755,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -767,49 +767,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Maybank");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Maybank" && o.config && (e.value = {
         ip: o.config.ip ?? "",
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -822,7 +822,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -841,14 +841,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", la, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -856,14 +856,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", na, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -875,7 +875,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), ra = { class: "flex items-end" }, sa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ia = { class: "flex mt-6 space-x-6" }, ua = /* @__PURE__ */ h({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -887,49 +887,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank2");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Maybank2");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Maybank2" && o.config && (e.value = {
         ip: o.config.ip ?? "",
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank2",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -942,7 +942,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -961,29 +961,29 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
-          I("div", ia, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", sa, [
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(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, [
-            l.value > -1 ? (g(), F(i, {
+          I("div", ia, [
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -995,7 +995,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -1007,49 +1007,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       config: {},
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank3");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Maybank3");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Maybank3" && o.config && (e.value = {
         config: o.config,
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Maybank3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1062,7 +1062,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
@@ -1076,14 +1076,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", ma, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -1091,14 +1091,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", da, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1110,7 +1110,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -1122,49 +1122,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Nets");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Nets");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Nets" && o.config && (e.value = {
         ip: o.config.ip ?? "",
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Nets",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1177,7 +1177,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -1196,14 +1196,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", ya, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -1211,14 +1211,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", fa, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1230,7 +1230,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -1242,47 +1242,47 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Kbank");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Kbank");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Kbank" && o.config && (e.value = {
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Kbank",
             config: {},
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1295,7 +1295,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
@@ -1309,14 +1309,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", _a, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -1324,14 +1324,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ta, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1343,7 +1343,7 @@ const He = {
       }, 512);
     };
   }
-}), Fa = { class: "flex mt-6 space-x-6" }, wa = /* @__PURE__ */ R({
+}), Fa = { class: "flex mt-6 space-x-6" }, wa = /* @__PURE__ */ h({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1355,8 +1355,8 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _({
       ip: "",
       receiptName: ""
     }), e = () => {
@@ -1368,20 +1368,20 @@ const He = {
       if (m === -1)
         return e();
       l.value = m;
-      const s = v.at(m);
-      s.gateway === "Ghl2" && s.config && (r.value = {
-        ip: s.config.ip ?? "",
-        receiptName: s.receiptName ?? ""
+      const i = v.at(m);
+      i.gateway === "Ghl2" && i.config && (r.value = {
+        ip: i.config.ip ?? "",
+        receiptName: i.receiptName ?? ""
       });
     };
-    A(a, d), q(d);
+    q(a, d), G(d);
     async function c(v) {
       var m;
       (m = a.value.ecrIntegrations) == null || m.splice(v, 1), p.onUpdate(a.value);
     }
     return (v, m) => {
-      const s = f("FmTextField"), t = f("FmButton"), o = f("FmForm");
-      return g(), F(o, {
+      const i = f("FmTextField"), t = f("FmButton"), o = f("FmForm");
+      return g(), w(o, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: m[2] || (m[2] = () => {
@@ -1396,26 +1396,26 @@ const He = {
           }), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          y(s, {
+        default: A(() => [
+          y(i, {
             modelValue: r.value.ip,
-            "onUpdate:modelValue": m[0] || (m[0] = (i) => r.value.ip = i),
+            "onUpdate:modelValue": m[0] || (m[0] = (s) => r.value.ip = s),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          y(s, {
+          y(i, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": m[1] || (m[1] = (i) => r.value.receiptName = i),
+            "onUpdate:modelValue": m[1] || (m[1] = (s) => r.value.receiptName = s),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
           I("div", Fa, [
-            l.value > -1 ? (g(), F(t, {
+            l.value > -1 ? (g(), w(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
+            }, null, 8, ["onclick"])) : U("", !0),
             y(t, {
               type: "submit",
               class: "flex-1",
@@ -1428,7 +1428,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), xa = { class: "flex items-end" }, Ca = { class: "flex flex-wrap gap-8 items-center mt-4" }, Na = { class: "flex mt-6 space-x-6" }, ka = /* @__PURE__ */ h({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1440,51 +1440,51 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       config: {},
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
+      const i = a.value.ecrIntegrations, t = i.findIndex(
         (u) => u && u.gateway && u.gateway === "Ghl3"
       );
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Ghl3" && o.config && (e.value = {
         config: o.config,
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Ghl3",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1497,7 +1497,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
@@ -1511,29 +1511,29 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", Ca, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(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", ka, [
-            l.value > -1 ? (g(), F(i, {
+          I("div", Na, [
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1545,7 +1545,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1557,51 +1557,51 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       config: {},
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
+      const i = a.value.ecrIntegrations, t = i.findIndex(
         (u) => u && u.gateway && u.gateway === "Hlbb"
       );
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Hlbb" && o.config && (e.value = {
         config: o.config,
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Hlbb",
             config: e.value.config,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1614,7 +1614,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
@@ -1628,14 +1628,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", Sa, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -1643,14 +1643,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ua, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1662,7 +1662,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), Pa = { class: "flex items-end" }, Ra = { class: "flex flex-wrap gap-8 items-center mt-4" }, Oa = { class: "flex mt-6 space-x-6" }, Ba = /* @__PURE__ */ h({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1674,51 +1674,51 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
+      const i = a.value.ecrIntegrations, t = i.findIndex(
         (u) => u && u.gateway && u.gateway === "GlobalPayments"
       );
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "GlobalPayments" && o.config && (e.value = {
         ip: o.config.ip ?? "",
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "GlobalPayments",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1731,7 +1731,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -1743,36 +1743,36 @@ const He = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          I("div", Ra, [
+          I("div", Pa, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
-          I("div", Pa, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Ra, [
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(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", Ba, [
-            l.value > -1 ? (g(), F(i, {
+          I("div", Oa, [
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1784,7 +1784,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "OmaGateway",
   props: {
     terminal: {
@@ -1796,49 +1796,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
+      const i = a.value.ecrIntegrations, t = i.findIndex(
         (u) => u && u.gateway && u.gateway === "Oma"
       );
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Oma" && o.config && (e.value = {
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[2] || (t[2] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Oma",
             config: {},
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1851,7 +1851,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.receiptName,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.receiptName = n),
@@ -1865,14 +1865,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", Aa, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -1880,14 +1880,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", qa, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1899,7 +1899,7 @@ const He = {
       }, 512);
     };
   }
-}), 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({
+}), $a = { class: "flex items-end" }, Da = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ea = { class: "flex mt-6 space-x-6" }, La = /* @__PURE__ */ h({
   __name: "RevenueGateway",
   props: {
     terminal: {
@@ -1911,45 +1911,45 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       receiptName: "",
       ip: "",
       cardTypes: []
     }), d = () => {
       e.value.receiptName = "", e.value.ip = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
+      const i = a.value.ecrIntegrations, t = i.findIndex(
         (u) => u && u.gateway && u.gateway === "Revenue"
       );
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Revenue" && o.config && (e.value = {
         receiptName: o.receiptName ?? "",
         ip: o.config.ip ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var x, E;
+          var T, M;
           const n = {
             type: "tcp",
             ip: e.value.ip
@@ -1959,7 +1959,7 @@ const He = {
             config: n,
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(E = (x = a.value.ecrIntegrations) == null ? void 0 : x[l.value]) == null ? void 0 : E.dialogConfig,
+              ...(M = (T = a.value.ecrIntegrations) == null ? void 0 : T[l.value]) == null ? void 0 : M.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -1972,7 +1972,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -1985,21 +1985,21 @@ const He = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
           }, null, 8, ["modelValue"]),
-          I("div", Da, [
+          I("div", $a, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
-          I("div", $a, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+          I("div", Da, [
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -2007,14 +2007,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Ea, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2029,7 +2029,7 @@ const He = {
 }), Ya = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, ja = { class: "flex mt-6 space-x-6" }, Ka = /* @__PURE__ */ R({
+}, ja = { class: "flex mt-6 space-x-6" }, Ka = /* @__PURE__ */ h({
   __name: "BeamGateway",
   props: {
     terminal: {
@@ -2041,8 +2041,8 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+  setup(F) {
+    const { isLoading: p, startAsyncCall: a } = J(), b = F, l = D(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       externalTerminalId: ""
     }), v = () => {
       c.value.externalTerminalId = "", d.value = -1;
@@ -2058,48 +2058,48 @@ const He = {
       if (o === -1)
         return v();
       d.value = o;
-      const i = b.terminal.ecrs.at(o);
-      i.gateway === "Beam" && i.config && (c.value = {
-        externalTerminalId: i.config.externalTerminalId
+      const s = b.terminal.ecrs.at(o);
+      s.gateway === "Beam" && s.config && (c.value = {
+        externalTerminalId: s.config.externalTerminalId
       });
     };
-    A(l, m), q(m);
-    const s = N(() => (r.value ?? []).map((o) => ({
+    q(l, m), G(m);
+    const i = S(() => (r.value ?? []).map((o) => ({
       label: o.status === "READY" ? o.name : `${o.name} (unpaired)`,
       value: o._id
     })));
     async function t(o) {
-      var i;
-      (i = b.terminal.ecrs) == null || i.splice(o, 1), b.onUpdate(b.terminal);
+      var s;
+      (s = b.terminal.ecrs) == null || s.splice(o, 1), b.onUpdate(b.terminal);
     }
-    return (o, i) => {
-      const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return S(p) ? (g(), V("div", Ya, [
+    return (o, s) => {
+      const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), T = f("FmForm");
+      return V(p) ? (g(), k("div", Ya, [
         y(u, { size: "xxl" })
-      ])) : (g(), F(x, {
+      ])) : (g(), w(T, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[1] || (i[1] = () => {
+        onValidationSuccess: s[1] || (s[1] = () => {
           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: M(() => [
+        default: A(() => [
           y(C, {
             modelValue: c.value.externalTerminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (E) => c.value.externalTerminalId = E),
+            "onUpdate:modelValue": s[0] || (s[0] = (M) => c.value.externalTerminalId = M),
             label: "External Terminal",
-            items: s.value,
-            rules: S(ie)(S(se).string().min(1, "External terminal is required"))
+            items: i.value,
+            rules: V(ee)(V(ae).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "rules"]),
           I("div", ja, [
-            d.value > -1 ? (g(), F(n, {
+            d.value > -1 ? (g(), w(n, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => t(d.value)
-            }, null, 8, ["onclick"])) : h("", !0),
+            }, null, 8, ["onclick"])) : U("", !0),
             y(n, {
               type: "submit",
               class: "flex-1",
@@ -2115,7 +2115,7 @@ const He = {
 }), Ha = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, za = { class: "flex mt-6 space-x-6" }, Qa = /* @__PURE__ */ R({
+}, za = { class: "flex mt-6 space-x-6" }, Qa = /* @__PURE__ */ h({
   __name: "BriGateway",
   props: {
     terminal: {
@@ -2127,8 +2127,8 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const { isLoading: p, startAsyncCall: a } = X(), b = T, l = G(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
+  setup(F) {
+    const { isLoading: p, startAsyncCall: a } = J(), b = F, l = D(() => b.terminal), r = _(), e = _(), d = _(-1), c = _({
       externalTerminalId: ""
     }), v = () => {
       c.value.externalTerminalId = "", d.value = -1;
@@ -2140,29 +2140,29 @@ const He = {
         );
       }), !b.terminal.ecrs)
         return v();
-      const i = b.terminal.ecrs.findIndex((C) => C && C.gateway && C.gateway === "Bri");
-      if (i === -1)
+      const s = b.terminal.ecrs.findIndex((C) => C && C.gateway && C.gateway === "Bri");
+      if (s === -1)
         return v();
-      d.value = i;
-      const u = b.terminal.ecrs.at(i);
+      d.value = s;
+      const u = b.terminal.ecrs.at(s);
       u.gateway === "Bri" && u.config && (c.value = {
         externalTerminalId: u.config.externalTerminalId
       });
     };
-    A(l, m), q(m);
-    const s = N(() => (r.value ?? []).filter((i) => i.status === "READY").map((i) => ({ label: i.name, value: i._id }))), t = N(() => {
-      if (s.value.length === 0)
+    q(l, m), G(m);
+    const i = S(() => (r.value ?? []).filter((s) => s.status === "READY").map((s) => ({ label: s.name, value: s._id }))), t = S(() => {
+      if (i.value.length === 0)
         return "Please pair one BRI terminal under External Terminals before applying here.";
     });
-    async function o(i) {
+    async function o(s) {
       var u;
-      (u = b.terminal.ecrs) == null || u.splice(i, 1), b.onUpdate(b.terminal);
+      (u = b.terminal.ecrs) == null || u.splice(s, 1), b.onUpdate(b.terminal);
     }
-    return (i, u) => {
-      const C = f("FmCircularProgress"), n = f("FmSelect"), x = f("FmButton"), E = f("FmForm");
-      return S(p) ? (g(), V("div", Ha, [
+    return (s, u) => {
+      const C = f("FmCircularProgress"), n = f("FmSelect"), T = f("FmButton"), M = f("FmForm");
+      return V(p) ? (g(), k("div", Ha, [
         y(C, { size: "xxl" })
-      ])) : (g(), F(E, {
+      ])) : (g(), w(M, {
         key: 1,
         ref: e.value,
         class: "flex flex-col gap-16 w-[500px]",
@@ -2170,24 +2170,24 @@ const He = {
           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: M(() => [
+        default: A(() => [
           y(n, {
             modelValue: c.value.externalTerminalId,
-            "onUpdate:modelValue": u[0] || (u[0] = (w) => c.value.externalTerminalId = w),
+            "onUpdate:modelValue": u[0] || (u[0] = (x) => c.value.externalTerminalId = x),
             label: "External Terminal",
-            items: s.value,
+            items: i.value,
             "helper-text": t.value,
-            rules: S(ie)(S(se).string().min(1, "External terminal is required"))
+            rules: V(ee)(V(ae).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "helper-text", "rules"]),
           I("div", za, [
-            d.value > -1 ? (g(), F(x, {
+            d.value > -1 ? (g(), w(T, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => o(d.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(x, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(T, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2199,7 +2199,7 @@ const He = {
       }, 512));
     };
   }
-}), 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({
+}), 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__ */ h({
   __name: "PbbGateway",
   props: {
     terminal: {
@@ -2211,49 +2211,49 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _(), e = _({
       ip: "",
       receiptName: "",
       cardTypes: []
     }), d = () => {
       e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
     }, c = () => {
-      var i;
+      var s;
       if (!a.value.ecrIntegrations)
         return d();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Pbb");
+      const i = a.value.ecrIntegrations, t = i.findIndex((u) => u && u.gateway && u.gateway === "Pbb");
       if (t === -1)
         return d();
       l.value = t;
-      const o = s.at(t);
+      const o = i.at(t);
       o.gateway === "Pbb" && o.config && (e.value = {
         ip: o.config.ip ?? "",
         receiptName: o.receiptName ?? "",
-        cardTypes: ((i = o.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
+        cardTypes: ((s = o.dialogConfig) == null ? void 0 : s.cardTypes) ?? []
       });
     };
-    A(a, c), q(c);
-    async function v(s) {
+    q(a, c), G(c);
+    async function v(i) {
       var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), p.onUpdate(a.value);
+      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), p.onUpdate(a.value);
     }
     async function m() {
       e.value.cardTypes.push(r.value), r.value = "";
     }
-    return (s, t) => {
-      const o = f("FmTextField"), i = f("FmButton"), u = f("FmChip"), C = f("FmForm");
-      return g(), F(C, {
+    return (i, t) => {
+      const o = f("FmTextField"), s = f("FmButton"), u = f("FmChip"), C = f("FmForm");
+      return g(), w(C, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: t[3] || (t[3] = () => {
-          var n, x;
+          var n, T;
           l.value > -1 ? a.value.ecrIntegrations[l.value] = {
             gateway: "Pbb",
             config: { ip: e.value.ip },
             receiptName: e.value.receiptName,
             dialogConfig: {
-              ...(x = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : x.dialogConfig,
+              ...(T = (n = a.value.ecrIntegrations) == null ? void 0 : n[l.value]) == null ? void 0 : T.dialogConfig,
               cardTypes: e.value.cardTypes
             }
           } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
@@ -2266,7 +2266,7 @@ const He = {
           })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
+        default: A(() => [
           y(o, {
             modelValue: e.value.ip,
             "onUpdate:modelValue": t[0] || (t[0] = (n) => e.value.ip = n),
@@ -2285,14 +2285,14 @@ const He = {
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(i, {
+            y(s, {
               class: "ml-4",
               icon: "add",
               onClick: m
             })
           ]),
           I("div", Wa, [
-            (g(!0), V($, null, L(e.value.cardTypes, (n) => (g(), F(u, {
+            (g(!0), k(E, null, L(e.value.cardTypes, (n) => (g(), w(u, {
               key: n,
               label: n,
               removable: !0,
@@ -2300,14 +2300,14 @@ const He = {
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
           I("div", Xa, [
-            l.value > -1 ? (g(), F(i, {
+            l.value > -1 ? (g(), w(s, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => v(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
-            y(i, {
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(s, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2319,7 +2319,127 @@ const He = {
       }, 512);
     };
   }
-}), et = { class: "flex items-center" }, at = { class: "w-[260px] self-start" }, tt = { class: "flex-1" }, lt = /* @__PURE__ */ R({
+}), et = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, at = {
+  key: 0,
+  class: "text-sm text-fm-color-typo-error"
+}, tt = {
+  key: 1,
+  class: "text-sm text-gray-600"
+}, lt = { class: "font-medium" }, nt = { class: "flex mt-6 space-x-6" }, ot = /* @__PURE__ */ h({
+  __name: "TeyaGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(F) {
+    const { isLoading: p, startAsyncCall: a } = J(), b = se(), l = F, r = D(() => l.terminal), e = _([]), d = _(), c = _(""), v = _(), m = _(-1), i = _({
+      terminalId: "",
+      serialNumber: "",
+      terminalName: ""
+    }), t = () => {
+      i.value = { terminalId: "", serialNumber: "", terminalName: "" }, m.value = -1;
+    };
+    function o() {
+      a(async () => {
+        try {
+          const n = await Y.getTeyaTerminals(l.terminal._id);
+          e.value = n.results, d.value = n.storeName, c.value = "";
+        } catch (n) {
+          e.value = [], c.value = Q(n), b.open({ type: "error", message: c.value });
+        }
+      });
+    }
+    const s = () => {
+      var M;
+      o();
+      const n = ((M = l.terminal.ecrs) == null ? void 0 : M.findIndex((x) => (x == null ? void 0 : x.gateway) === "Teya")) ?? -1;
+      if (n === -1)
+        return t();
+      m.value = n;
+      const T = l.terminal.ecrs.at(n);
+      T.gateway !== "Teya" || !T.config || (i.value = { ...T.config });
+    };
+    q(r, s), G(s);
+    const u = S(() => {
+      const n = e.value.map((T) => ({
+        label: [T.serialNumber ?? T.terminalId, T.terminalName].filter(Boolean).join(" · "),
+        value: T.terminalId
+      }));
+      return i.value.terminalId && !n.some((T) => T.value === i.value.terminalId) && n.push({
+        label: `${i.value.serialNumber ?? i.value.terminalId} (not in Teya store)`,
+        value: i.value.terminalId
+      }), n;
+    });
+    q(() => i.value.terminalId, (n) => {
+      const T = e.value.find((M) => M.terminalId === n);
+      T && (i.value.serialNumber = T.serialNumber, i.value.terminalName = T.terminalName);
+    });
+    async function C(n) {
+      var T;
+      (T = l.terminal.ecrs) == null || T.splice(n, 1), l.onUpdate(l.terminal);
+    }
+    return (n, T) => {
+      const M = f("FmCircularProgress"), x = f("FmSelect"), N = f("FmButton"), O = f("FmForm");
+      return V(p) ? (g(), k("div", et, [
+        y(M, { size: "xxl" })
+      ])) : (g(), w(O, {
+        key: 1,
+        ref: v.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: T[1] || (T[1] = () => {
+          m.value > -1 ? r.value.ecrs[m.value] = { gateway: "Teya", config: i.value } : (r.value.ecrs || (r.value.ecrs = []), r.value.ecrs.push({ gateway: "Teya", config: i.value })), l.onUpdate(r.value);
+        })
+      }, {
+        default: A(() => [
+          c.value ? (g(), k("p", at, K(c.value) + ". Connect the restaurant's Teya account and select a store in Payment Onboarding first. ", 1)) : d.value ? (g(), k("p", tt, [
+            T[2] || (T[2] = Z(" Teya store: ", -1)),
+            I("span", lt, K(d.value), 1)
+          ])) : U("", !0),
+          y(x, {
+            modelValue: i.value.terminalId,
+            "onUpdate:modelValue": T[0] || (T[0] = ($) => i.value.terminalId = $),
+            label: "Teya Card Machine",
+            items: u.value,
+            rules: V(ee)(V(ae).string().min(1, "Card machine is required"))
+          }, null, 8, ["modelValue", "items", "rules"]),
+          T[3] || (T[3] = I("p", { class: "text-xs text-gray-500" }, " Enable Cloud communication on the card machine: Settings, POS integrations, External ePOS integrations. ", -1)),
+          I("div", nt, [
+            y(N, {
+              class: "flex-1",
+              variant: "tertiary",
+              "prepend-icon": "sync",
+              label: "Sync",
+              onclick: o
+            }),
+            m.value > -1 ? (g(), w(N, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => C(m.value)
+            }, null, 8, ["onclick"])) : U("", !0),
+            y(N, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+}), rt = { class: "flex items-center" }, st = { class: "w-[260px] self-start" }, it = { class: "flex-1" }, ut = /* @__PURE__ */ h({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -2331,9 +2451,9 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
+  setup(F) {
     var d;
-    const p = T, a = [
+    const p = F, a = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
@@ -2343,121 +2463,127 @@ const He = {
         label: "GHL Terminal",
         value: "ghl",
         render: aa,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL2 Terminal",
         value: "ghl2",
         render: wa,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "ITB Maybank Terminal",
         value: "mb-itb",
         render: oa,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "PMA Maybank Terminal",
         value: "mb-pma",
         render: ua,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys Maybank Terminal",
         value: "mb-paysys",
         render: pa,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
         render: ga,
-        region: [P.F_COUNTRY.enum.SG]
+        region: [R.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
         render: Ia,
-        region: [P.F_COUNTRY.enum.TH]
+        region: [R.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: Na,
-        region: [P.F_COUNTRY.enum.TH]
+        render: ka,
+        region: [R.F_COUNTRY.enum.TH]
       },
       {
         label: "Paysys HLBB Terminal",
         value: "hlbb",
         render: ha,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "GPAP Terminal",
         value: "globalpayments",
-        render: Oa,
-        region: [P.F_COUNTRY.enum.SG]
+        render: Ba,
+        region: [R.F_COUNTRY.enum.SG]
       },
       {
         label: "OMA Terminal",
         value: "oma",
         render: Ga,
-        region: [P.F_COUNTRY.enum.PK]
+        region: [R.F_COUNTRY.enum.PK]
       },
       {
         label: "Revenue PBB Terminal",
         value: "revenue",
         render: La,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys PBB Terminal",
         value: "pbb",
         render: Za,
-        region: [P.F_COUNTRY.enum.MY]
+        region: [R.F_COUNTRY.enum.MY]
       },
       {
         label: "Beam Terminal",
         value: "beam",
         render: Ka,
-        region: [P.F_COUNTRY.enum.TH]
+        region: [R.F_COUNTRY.enum.TH]
       },
       {
         label: "BRI Terminal",
         value: "bri",
         render: Qa,
-        region: [P.F_COUNTRY.enum.ID]
+        region: [R.F_COUNTRY.enum.ID]
+      },
+      {
+        label: "Teya Terminal",
+        value: "teya",
+        render: ot,
+        region: [R.F_COUNTRY.enum.GB]
       }
-    ], b = N(() => a.find((c) => c.value === e.value)), l = re().currentCountry, r = N(() => a.filter(
-      (c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY)
-    )), { gatewayTab: e } = ne({
+    ], b = S(() => a.find((c) => c.value === e.value)), l = ue().currentCountry, r = S(() => a.filter(
+      (c) => !c.region || c.region.includes(l.value ?? R.F_COUNTRY.enum.MY)
+    )), { gatewayTab: e } = re({
       gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
     });
     return (c, v) => {
-      var s;
+      var i;
       const m = f("FmTabs");
-      return g(), V("div", et, [
-        I("div", at, [
+      return g(), k("div", rt, [
+        I("div", st, [
           y(m, {
-            "model-value": S(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => ee(e) ? e.value = t : null),
+            "model-value": V(e),
+            "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value,
             "show-more-at": Number.POSITIVE_INFINITY
           }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
-        I("div", tt, [
-          S(e) ? (g(), F(ae((s = b.value) == null ? void 0 : s.render), te(le({ key: 0 }, {
+        I("div", it, [
+          V(e) ? (g(), w(le((i = b.value) == null ? void 0 : i.render), ne(oe({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
-          })), null, 16)) : h("", !0)
+          })), null, 16)) : U("", !0)
         ])
       ]);
     };
   }
-}), nt = { class: "flex mt-6 space-x-6" }, ot = /* @__PURE__ */ R({
+}), ct = { class: "flex mt-6 space-x-6" }, mt = /* @__PURE__ */ h({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -2469,8 +2595,8 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, a = G(() => p.terminal), b = _(), l = _(-1), r = _({
+  setup(F) {
+    const p = F, a = D(() => p.terminal), b = _(), l = _(-1), r = _({
       account: "",
       receiptName: ""
     }), e = () => {
@@ -2482,47 +2608,47 @@ const He = {
       if (m === -1)
         return e();
       l.value = m;
-      const s = v.at(m);
-      s.gateway === "PROMPTPAY" && s.config && (r.value = {
-        account: s.config.account ?? "",
-        receiptName: s.receiptName ?? ""
+      const i = v.at(m);
+      i.gateway === "PROMPTPAY" && i.config && (r.value = {
+        account: i.config.account ?? "",
+        receiptName: i.receiptName ?? ""
       });
     };
-    A(a, d), q(d);
+    q(a, d), G(d);
     async function c(v) {
       var m;
       (m = a.value.qrIntegrations) == null || m.splice(v, 1), p.onUpdate(a.value);
     }
     return (v, m) => {
-      const s = f("FmTextField"), t = f("FmButton"), o = f("FmForm");
-      return g(), F(o, {
+      const i = f("FmTextField"), t = f("FmButton"), o = f("FmForm");
+      return g(), w(o, {
         ref: b.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: m[2] || (m[2] = () => {
           l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), p.onUpdate(a.value);
         })
       }, {
-        default: M(() => [
-          y(s, {
+        default: A(() => [
+          y(i, {
             modelValue: r.value.account,
-            "onUpdate:modelValue": m[0] || (m[0] = (i) => r.value.account = i),
+            "onUpdate:modelValue": m[0] || (m[0] = (s) => r.value.account = s),
             label: "Thai Phone Number / Thai Naitonal ID",
             "label-info": "Thai Phone Number can be prefixed with 66 or 0 will be fine both will works well."
           }, null, 8, ["modelValue"]),
-          y(s, {
+          y(i, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": m[1] || (m[1] = (i) => r.value.receiptName = i),
+            "onUpdate:modelValue": m[1] || (m[1] = (s) => r.value.receiptName = s),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", nt, [
-            l.value > -1 ? (g(), F(t, {
+          I("div", ct, [
+            l.value > -1 ? (g(), w(t, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
               onclick: () => c(l.value)
-            }, null, 8, ["onclick"])) : h("", !0),
+            }, null, 8, ["onclick"])) : U("", !0),
             y(t, {
               type: "submit",
               class: "flex-1",
@@ -2535,7 +2661,7 @@ const He = {
       }, 512);
     };
   }
-}), rt = { class: "flex items-center" }, it = { class: "w-[260px] self-start" }, st = { class: "flex-1" }, ut = /* @__PURE__ */ R({
+}), dt = { class: "flex items-center" }, pt = { class: "w-[260px] self-start" }, vt = { class: "flex-1" }, yt = /* @__PURE__ */ h({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -2547,41 +2673,41 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
+  setup(F) {
     var d;
-    const p = T, a = [
+    const p = F, a = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: ot,
-        region: [P.F_COUNTRY.enum.TH]
+        render: mt,
+        region: [R.F_COUNTRY.enum.TH]
       }
-    ], b = N(() => a.find((c) => c.value === e.value)), l = re().currentCountry, r = N(() => a.filter((c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY))), { gatewayTab: e } = ne({
+    ], b = S(() => a.find((c) => c.value === e.value)), l = ue().currentCountry, r = S(() => a.filter((c) => !c.region || c.region.includes(l.value ?? R.F_COUNTRY.enum.MY))), { gatewayTab: e } = re({
       gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
     });
     return (c, v) => {
-      var s;
+      var i;
       const m = f("FmTabs");
-      return g(), V("div", rt, [
-        I("div", it, [
+      return g(), k("div", dt, [
+        I("div", pt, [
           y(m, {
-            "model-value": S(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => ee(e) ? e.value = t : null),
+            "model-value": V(e),
+            "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", st, [
-          S(e) ? (g(), F(ae((s = b.value) == null ? void 0 : s.render), te(le({ key: 0 }, {
+        I("div", vt, [
+          V(e) ? (g(), w(le((i = b.value) == null ? void 0 : i.render), ne(oe({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
-          })), null, 16)) : h("", !0)
+          })), null, 16)) : U("", !0)
         ])
       ]);
     };
   }
-}), Nt = /* @__PURE__ */ R({
+}), Rt = /* @__PURE__ */ h({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -2589,22 +2715,22 @@ const He = {
       required: !0
     }
   },
-  setup(T) {
-    const p = T, { tab: a } = ne({
+  setup(F) {
+    const p = F, { tab: a } = re({
       tab: "information"
-    }), { isLoading: b, startAsyncCall: l } = X(!0), r = Ie(), e = me(), d = we(), { t: c } = oe(), v = _();
-    async function m(w, k) {
+    }), { isLoading: b, startAsyncCall: l } = J(!0), r = Ie(), e = se(), d = we(), { t: c } = ie(), v = _();
+    async function m(x, N) {
       l(async () => {
         try {
-          await j.updateById(p.terminalId, {
-            name: w.name,
-            status: w.status,
-            ecrs: w.ecrs ?? [],
-            gateways: w.gateways ?? [],
-            ecrIntegrations: w.ecrIntegrations ?? [],
-            qrIntegrations: w.qrIntegrations ?? [],
-            ...k ? { paymentCheckouts: k } : {}
-          }), v.value = await j.readById(p.terminalId), e.open({
+          await Y.updateById(p.terminalId, {
+            name: x.name,
+            status: x.status,
+            ecrs: x.ecrs ?? [],
+            gateways: x.gateways ?? [],
+            ecrIntegrations: x.ecrIntegrations ?? [],
+            qrIntegrations: x.qrIntegrations ?? [],
+            ...N ? { paymentCheckouts: N } : {}
+          }), v.value = await Y.readById(p.terminalId), e.open({
             type: "success",
             message: "Terminal updated successfully"
           });
@@ -2612,12 +2738,12 @@ const He = {
           e.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: W(O)
+            message: Q(O)
           });
         }
       });
     }
-    const s = [
+    const i = [
       {
         label: "Information",
         value: "information",
@@ -2641,51 +2767,51 @@ const He = {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: lt,
+        render: ut,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: ut,
+        render: yt,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "Payment Checkout",
         value: "payment-checkout",
         icon: "tune",
-        render: Ne,
+        render: ke,
         onlyFor: ["KIOSK", "POS"]
       }
-    ], t = ve.FdoTerminalTemplateDeviceType.options, o = N(
+    ], t = ve.FdoTerminalTemplateDeviceType.options, o = S(
       () => {
-        var w;
-        return t.includes(((w = v.value) == null ? void 0 : w.deviceType) ?? "");
+        var x;
+        return t.includes(((x = v.value) == null ? void 0 : x.deviceType) ?? "");
       }
     );
-    function i() {
-      const w = v.value;
+    function s() {
+      const x = v.value;
       d.open({
         title: "Save as Template",
         closeButton: !0,
         overlay: !0,
-        contentComponent: Re
-      }).onPrimary(async (k) => {
+        contentComponent: Pe
+      }).onPrimary(async (N) => {
         d.close();
         try {
           await pe.create({
-            name: k.name,
-            description: k.description,
-            businessId: w.restaurant.businessId,
-            deviceType: w.deviceType,
-            isDefault: k.isDefault,
+            name: N.name,
+            description: N.description,
+            businessId: x.restaurant.businessId,
+            deviceType: x.deviceType,
+            isDefault: N.isDefault,
             settings: {
-              ecrs: (w.ecrs ?? []).map(({ gateway: O }) => ({ gateway: O })),
-              ecrIntegrations: (w.ecrIntegrations ?? []).map(
+              ecrs: (x.ecrs ?? []).map(({ gateway: O }) => ({ gateway: O })),
+              ecrIntegrations: (x.ecrIntegrations ?? []).map(
                 ({ gateway: O }) => ({ gateway: O })
               ),
-              paymentCheckouts: w.paymentCheckouts ?? []
+              paymentCheckouts: x.paymentCheckouts ?? []
             }
           }), e.open({
             type: "success",
@@ -2695,22 +2821,22 @@ const He = {
           e.open({
             type: "error",
             title: "Error occurs when create setting template",
-            message: W(O)
+            message: Q(O)
           });
         }
       });
     }
     async function u() {
-      const w = v.value, k = await pe.readByBusiness(
-        w.restaurant.businessId,
-        w.deviceType
+      const x = v.value, N = await pe.readByBusiness(
+        x.restaurant.businessId,
+        x.deviceType
       );
       d.open({
         title: "Apply Template",
         closeButton: !0,
         overlay: !0,
         contentComponent: qe,
-        contentComponentProps: { templates: k }
+        contentComponentProps: { templates: N }
       }).onPrimary(async (O) => {
         d.close(), xe(
           d,
@@ -2719,15 +2845,15 @@ const He = {
           async () => {
             l(async () => {
               try {
-                await j.applyTemplate(p.terminalId, O.templateId), v.value = await j.readById(p.terminalId), e.open({
+                await Y.applyTemplate(p.terminalId, O.templateId), v.value = await Y.readById(p.terminalId), e.open({
                   type: "success",
                   message: "Setting template applied successfully."
                 });
-              } catch (D) {
+              } catch ($) {
                 e.open({
                   type: "error",
                   title: "Error occurs when apply setting template",
-                  message: W(D)
+                  message: Q($)
                 });
               }
             });
@@ -2735,48 +2861,48 @@ const He = {
         );
       });
     }
-    const C = N(
+    const C = S(
       () => o.value ? [
-        { label: "Save as Template", fn: i },
+        { label: "Save as Template", fn: s },
         { label: "Apply Template", fn: u }
       ] : []
     );
-    re().currentCountry;
-    const n = N(() => {
-      var w;
-      return (w = s.find((k) => k.value === a.value)) == null ? void 0 : w.render;
+    ue().currentCountry;
+    const n = S(() => {
+      var x;
+      return (x = i.find((N) => N.value === a.value)) == null ? void 0 : x.render;
     });
-    async function x() {
+    async function T() {
       l(async () => {
-        v.value = await j.readById(p.terminalId);
+        v.value = await Y.readById(p.terminalId);
       });
     }
-    const E = N(() => s.filter(
-      (w) => {
-        var k;
-        return !w.onlyFor || w.onlyFor.includes(((k = v.value) == null ? void 0 : k.deviceType) ?? "");
+    const M = S(() => i.filter(
+      (x) => {
+        var N;
+        return !x.onlyFor || x.onlyFor.includes(((N = v.value) == null ? void 0 : N.deviceType) ?? "");
       }
     ));
-    return q(x), (w, k) => {
-      var D, K;
+    return G(T), (x, N) => {
+      var $, H;
       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: S(b),
+      return g(), w(Fe, {
+        title: `${($ = v.value) == null ? void 0 : $.deviceType} (${(H = v.value) == null ? void 0 : H._id})`,
+        loading: V(b),
         actions: C.value,
-        onBack: S(r).back
+        onBack: V(r).back
       }, {
-        default: M(() => [
+        default: A(() => [
           y(O, {
-            "model-value": S(a),
-            "onUpdate:modelValue": k[0] || (k[0] = (z) => ee(a) ? a.value = z : null),
+            "model-value": V(a),
+            "onUpdate:modelValue": N[0] || (N[0] = (W) => te(a) ? a.value = W : null),
             class: "mb-6",
-            items: E.value
+            items: M.value
           }, null, 8, ["model-value", "items"]),
-          S(a) ? (g(), F(ae(n.value), te(le({ key: 0 }, {
+          V(a) ? (g(), w(le(n.value), ne(oe({ key: 0 }, {
             terminal: v.value,
             onUpdate: m
-          })), null, 16)) : h("", !0)
+          })), null, 16)) : U("", !0)
         ]),
         _: 1
       }, 8, ["title", "loading", "actions", "onBack"]);
@@ -2784,5 +2910,5 @@ const He = {
   }
 });
 export {
-  Nt as default
+  Rt as default
 };