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

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

@@ -1,20 +1,20 @@
-import { defineComponent as h, openBlock as g, createElementBlock as S, Fragment as D, createElementVNode as I, createTextVNode as W, toDisplayString as z, ref as _, resolveComponent as f, createBlock as F, withCtx as O, createVNode as y, unref as N, computed as V, createCommentVNode as U, isRef as te, resolveDynamicComponent as le, normalizeProps as ne, mergeProps as oe, watch as A, onBeforeUnmount as _e, toRef as G, onMounted as q, renderList as L } from "vue";
-import { u as J, p as pe, e as P } from "./index-BpAx8sXI.js";
-import { useRouter as Te } from "vue-router";
-import { t as j } from "./index-CGmA3Z9Z.js";
-import { t as de } from "./index-DFZ1vkMO.js";
-import { _ as Ie } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as re } from "./index-Cf9xnlvp.js";
-import { useDialogChild as ve, useSnackbar as me, useDialog as Fe } from "@feedmepos/ui-library";
-import { w as we } from "./Modal-DB8M9o1T.js";
+import { defineComponent as h, openBlock as g, createElementBlock as S, Fragment as D, createElementVNode as I, createTextVNode as W, toDisplayString as z, ref as _, resolveComponent as f, createBlock as F, withCtx as O, createVNode as y, unref as N, computed as V, createCommentVNode as U, isRef as ae, resolveDynamicComponent as te, normalizeProps as le, mergeProps as ne, watch as A, onBeforeUnmount as Te, toRef as G, onMounted as q, renderList as L } from "vue";
+import { u as J, p as ve, e as P } from "./index-CHinJgjY.js";
+import { useRouter as Ie } from "vue-router";
+import { t as j } from "./index-abg_ZrfF.js";
+import { t as pe } from "./index-BICW93bZ.js";
+import { _ as Fe } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as oe } from "./index-D8zuI51D.js";
+import { useDialogChild as ye, useSnackbar as me, useDialog as we } from "@feedmepos/ui-library";
+import { w as xe } from "./Modal-DB8M9o1T.js";
 import { u as Q } from "./error-K1CakhA9.js";
-import { useI18n as ie, useCoreStore as se } from "@feedmepos/mf-common";
+import { useI18n as re, useCoreStore as ie } from "@feedmepos/mf-common";
 import { z as X, a as Z } from "./validator-CTlVogBQ.js";
-import { o as xe } from "./index-C3AnskZH.js";
-import { c as Ce } from "./index-MdV54cWO.js";
-import { e as ye } from "./index-DZJaOOKJ.js";
-import { P as ke } from "./PaymentCheckout-DQM_kppH.js";
-const Ne = /* @__PURE__ */ h({
+import { o as Ce } from "./index-CFJQ_HmA.js";
+import { c as ke } from "./index-MdV54cWO.js";
+import { e as fe } from "./index-DErywACZ.js";
+import { P as Ne } from "./PaymentCheckout-DmAAyMaB.js";
+const Ve = /* @__PURE__ */ h({
   __name: "Information",
   props: {
     terminal: {
@@ -38,10 +38,10 @@ const Ne = /* @__PURE__ */ h({
       a[7] || (a[7] = I("br", null, null, -1))
     ], 64));
   }
-}), Ve = { class: "flex items-center gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Se = { class: "fm-typo-en-body-md-400" }, Ue = { class: "mt-auto pt-24 pb-24" }, he = /* @__PURE__ */ h({
+}), Se = { class: "flex items-center gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Ue = { class: "fm-typo-en-body-md-400" }, he = { class: "mt-auto pt-24 pb-24" }, Re = /* @__PURE__ */ h({
   __name: "TerminalSaveTemplateDialog",
   setup(T) {
-    const p = ve(), { t: a } = ie(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
+    const p = ye(), { t: a } = re(), b = _(), l = _(""), r = _(""), e = _(!1), d = () => {
       p.emitData({
         name: l.value,
         description: r.value,
@@ -57,12 +57,12 @@ const Ne = /* @__PURE__ */ h({
         onValidationSuccess: d
       }, {
         default: O(() => [
-          I("div", Ve, [
+          I("div", Se, [
             y(m, {
               name: "info",
               class: "shrink-0"
             }),
-            I("span", Se, z(N(a)("payment.terminal_template.scope_info")), 1)
+            I("span", Ue, z(N(a)("payment.terminal_template.scope_info")), 1)
           ]),
           y(s, {
             modelValue: l.value,
@@ -83,7 +83,7 @@ const Ne = /* @__PURE__ */ h({
             label: "Set as default",
             "label-info": "Applied automatically when a new device of this type binds for this business."
           }, null, 8, ["modelValue"]),
-          I("div", Ue, [
+          I("div", he, [
             y(o, {
               class: "w-full",
               type: "submit",
@@ -95,19 +95,19 @@ const Ne = /* @__PURE__ */ h({
       }, 512);
     };
   }
-}), Re = { class: "flex flex-col gap-16 min-h-[240px]" }, Pe = { class: "flex items-start gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Be = { class: "fm-typo-en-body-md-400" }, Oe = {
+}), Pe = { class: "flex flex-col gap-16 min-h-[240px]" }, Be = { class: "flex items-start gap-8 rounded-md bg-fm-color-neutral-gray-100 px-16 py-12" }, Oe = { class: "fm-typo-en-body-md-400" }, Me = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-neutral-gray-500"
-}, Me = {
+}, Ae = {
   key: 2,
   class: "mt-auto pt-24 pb-24"
-}, Ae = /* @__PURE__ */ h({
+}, qe = /* @__PURE__ */ h({
   __name: "TerminalApplyTemplateDialog",
   props: {
     templates: {}
   },
   setup(T) {
-    const p = T, a = ve(), { t: b } = ie(), l = _(""), r = V(
+    const p = T, a = ye(), { t: b } = re(), l = _(""), r = V(
       () => p.templates.map((d) => ({
         label: d.isDefault ? `${d.name} (default)` : d.name,
         value: d._id
@@ -117,22 +117,22 @@ const Ne = /* @__PURE__ */ h({
     };
     return (d, c) => {
       const v = f("FmIcon"), m = f("FmSelect"), s = f("FmButton");
-      return g(), S("div", Re, [
-        I("div", Pe, [
+      return g(), S("div", Pe, [
+        I("div", Be, [
           y(v, {
             name: "info",
             class: "mt-4 shrink-0"
           }),
-          I("div", Be, z(N(b)("payment.terminal_template.scope_info")), 1)
+          I("div", Oe, z(N(b)("payment.terminal_template.scope_info")), 1)
         ]),
-        r.value.length === 0 ? (g(), S("div", Oe, " No setting template exists for this business and device type yet. ")) : (g(), F(m, {
+        r.value.length === 0 ? (g(), S("div", Me, " No setting template exists for this business and device type yet. ")) : (g(), F(m, {
           key: 1,
           modelValue: l.value,
           "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value = t),
           label: "Template",
           items: r.value
         }, null, 8, ["modelValue", "items"])),
-        r.value.length > 0 ? (g(), S("div", Me, [
+        r.value.length > 0 ? (g(), S("div", Ae, [
           y(s, {
             class: "w-full",
             label: "Apply",
@@ -143,7 +143,7 @@ const Ne = /* @__PURE__ */ h({
       ]);
     };
   }
-}), qe = { key: 0 }, Ge = { class: "mt-6 space-x-6" }, De = /* @__PURE__ */ h({
+}), Ge = { key: 0 }, De = { class: "mt-6 space-x-6" }, $e = /* @__PURE__ */ h({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -183,14 +183,14 @@ const Ne = /* @__PURE__ */ h({
           "onUpdate:modelValue": c[0] || (c[0] = (t) => l.value.enable = t),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        l.value.enable ? (g(), S("div", qe, [
+        l.value.enable ? (g(), S("div", Ge, [
           c[2] || (c[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           y(m, {
             modelValue: l.value.password,
             "onUpdate:modelValue": c[1] || (c[1] = (t) => l.value.password = t)
           }, null, 8, ["modelValue"])
         ])) : U("", !0),
-        I("div", Ge, [
+        I("div", De, [
           y(s, {
             variant: "primary",
             label: "Send",
@@ -202,7 +202,7 @@ const Ne = /* @__PURE__ */ h({
       ], 64);
     };
   }
-}), $e = /* @__PURE__ */ h({
+}), Ee = /* @__PURE__ */ h({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -211,13 +211,13 @@ const Ne = /* @__PURE__ */ h({
     }
   },
   setup(T) {
-    const { settingTab: p } = re({
+    const { settingTab: p } = oe({
       settingTab: "kiosk_mode"
     }), a = [
       {
         label: "Kiosk Mode",
         value: "kiosk_mode",
-        render: De
+        render: $e
       }
     ], b = T, l = V(() => a.find((r) => r.value === p.value));
     return (r, e) => {
@@ -230,17 +230,17 @@ const Ne = /* @__PURE__ */ h({
         ], -1)),
         y(d, {
           "model-value": N(p),
-          "onUpdate:modelValue": e[0] || (e[0] = (v) => te(p) ? p.value = v : null),
+          "onUpdate:modelValue": e[0] || (e[0] = (v) => ae(p) ? p.value = v : null),
           class: "mb-6",
           items: a
         }, null, 8, ["model-value"]),
-        N(p) ? (g(), F(le((c = l.value) == null ? void 0 : c.render), ne(oe({ key: 0 }, { terminal: b.terminal })), null, 16)) : U("", !0)
+        N(p) ? (g(), F(te((c = l.value) == null ? void 0 : c.render), le(ne({ key: 0 }, { terminal: b.terminal })), null, 16)) : U("", !0)
       ], 64);
     };
   }
-}), Ee = 2e3, Le = 12e4, Ye = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function je(T) {
-  const { isLoading: p, startLoading: a, stopLoading: b } = J(!1), { t: l } = ie(), r = me(), e = _(null), d = V(() => {
+}), 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 } = J(!1), { t: l } = re(), r = me(), e = _(null), d = V(() => {
     var k, B;
     const w = (k = T.value.gateways) == null ? void 0 : k.find(
       ($) => $.gateway === "Tyro"
@@ -261,11 +261,11 @@ function je(T) {
       return;
     }
     try {
-      const w = await xe.getByRestaurant(
+      const w = await Ce.getByRestaurant(
         T.value.referenceId
       );
       e.value = w.find(
-        (k) => k.type === pe.FdoOnboardType.enum.tyro
+        (k) => k.type === ve.FdoOnboardType.enum.tyro
       ) ?? null;
     } catch (w) {
       e.value = null, r.open({
@@ -274,15 +274,15 @@ function je(T) {
       });
     }
   }
-  const u = Ce({
-    intervalMs: Ee,
-    timeoutMs: Le,
+  const u = ke({
+    intervalMs: Le,
+    timeoutMs: Ye,
     onTick: async ({ isCurrentRun: w, stop: k }) => {
       var K, H;
       const B = await j.readById(T.value._id);
       if (!w())
         return;
-      const $ = (K = B.gateways) == null ? void 0 : K.find((ee) => ee.gateway === "Tyro");
+      const $ = (K = B.gateways) == null ? void 0 : K.find((se) => se.gateway === "Tyro");
       ($ == null ? void 0 : $.gateway) === "Tyro" && ((H = $ == null ? void 0 : $.config) != null && H.uniqueId) && (k({ invalidate: !1 }), b(), Object.assign(T.value, B), r.open({
         type: "success",
         message: "Tyro reader created successfully"
@@ -291,7 +291,7 @@ function je(T) {
     onTimeout: () => {
       b(), r.open({
         type: "error",
-        message: Ye
+        message: je
       });
     },
     onError: (w) => {
@@ -330,7 +330,7 @@ function je(T) {
       await i();
     },
     { immediate: !0 }
-  ), _e(() => {
+  ), Te(() => {
     n();
   }), {
     isLoading: p,
@@ -343,10 +343,10 @@ function je(T) {
     syncTyroReader: E
   };
 }
-const Ke = {
+const He = {
   key: 0,
   class: "text-sm text-gray-500"
-}, He = { class: "flex mt-6 space-x-6" }, ze = { class: "flex-1" }, Qe = /* @__PURE__ */ h({
+}, ze = { class: "flex mt-6 space-x-6" }, Qe = { class: "flex-1" }, Je = /* @__PURE__ */ h({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -359,7 +359,7 @@ const Ke = {
     }
   },
   setup(T) {
-    const p = T, a = se().currentCountry, b = [
+    const p = T, a = ie().currentCountry, b = [
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
@@ -423,7 +423,7 @@ const Ke = {
       tyroSyncPopoverMessage: C,
       tyroSyncButtonLabel: n,
       syncTyroReader: x
-    } = je(l), E = V(() => m.value ? "button" : "submit"), w = V(() => m.value ? n.value : "Save"), k = V(() => m.value ? s.value : !1), B = V(() => m.value ? !i.value || t.value : !1), $ = () => {
+    } = Ke(l), E = V(() => m.value ? "button" : "submit"), w = V(() => m.value ? n.value : "Save"), k = V(() => m.value ? s.value : !1), B = V(() => m.value ? !i.value || t.value : !1), $ = () => {
       if (!l.value.gateways || l.value.gateways.length === 0)
         return d();
       const R = l.value.gateways[0];
@@ -460,7 +460,10 @@ const Ke = {
       }
     };
     A(l, $), q($);
-    async function K() {
+    const K = () => {
+      e.value.uniqueId = "", e.value.developerId = "", e.value.isUat = !1;
+    };
+    async function H() {
       const R = v.value;
       if (!R)
         return;
@@ -479,67 +482,70 @@ const Ke = {
       };
       (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = ue, await p.onUpdate(l.value);
     }
-    async function H(R) {
+    async function se(R) {
       var M;
       (M = l.value.gateways) == null || M.splice(R, 1), p.onUpdate(l.value);
     }
-    function ee() {
+    function de() {
       m.value && x();
     }
     return (R, M) => {
-      const ue = f("FmSelect"), ae = f("FmTextField"), fe = f("FmCheckbox"), ce = f("FmButton"), ge = f("FmTooltip"), be = f("FmForm");
-      return g(), F(be, {
+      const ue = f("FmSelect"), ee = f("FmTextField"), ge = f("FmCheckbox"), ce = f("FmButton"), be = f("FmTooltip"), _e = f("FmForm");
+      return g(), F(_e, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: K
+        onValidationSuccess: H
       }, {
         default: O(() => [
           y(ue, {
             modelValue: e.value.packageId,
-            "onUpdate:modelValue": M[0] || (M[0] = (Y) => e.value.packageId = Y),
+            "onUpdate:modelValue": [
+              M[0] || (M[0] = (Y) => e.value.packageId = Y),
+              K
+            ],
             label: "Package ID",
             items: c.value
           }, null, 8, ["modelValue", "items"]),
           v.value ? (g(), S(D, { key: 0 }, [
-            m.value ? (g(), F(ae, {
+            m.value ? (g(), F(ee, {
               key: 0,
               "model-value": N(o),
               label: "Unique ID (Reader ID)",
               disabled: ""
             }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (g(), S(D, { key: 1 }, [
-              y(ae, {
+              y(ee, {
                 modelValue: e.value.uniqueId,
                 "onUpdate:modelValue": M[1] || (M[1] = (Y) => e.value.uniqueId = Y),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              v.value.isOutdated ? (g(), S("span", Ke, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : U("", !0)
+              v.value.isOutdated ? (g(), S("span", He, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : U("", !0)
             ], 64)) : (g(), S(D, { key: 2 }, [
-              y(ae, {
+              y(ee, {
                 modelValue: e.value.developerId,
                 "onUpdate:modelValue": M[2] || (M[2] = (Y) => e.value.developerId = Y),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              y(ae, {
+              y(ee, {
                 modelValue: e.value.uniqueId,
                 "onUpdate:modelValue": M[3] || (M[3] = (Y) => e.value.uniqueId = Y),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              y(fe, {
+              y(ge, {
                 modelValue: e.value.isUat,
                 "onUpdate:modelValue": M[4] || (M[4] = (Y) => e.value.isUat = Y),
                 label: "Is UAT (Test)",
                 value: "1"
               }, null, 8, ["modelValue"])
             ], 64)),
-            I("div", He, [
+            I("div", ze, [
               l.value.gateways && l.value.gateways.length > 0 ? (g(), F(ce, {
                 key: 0,
                 class: "flex-1",
                 variant: "secondary",
                 label: "Delete",
-                onclick: () => H(0)
+                onclick: () => se(0)
               }, null, 8, ["onclick"])) : U("", !0),
-              m.value && N(u) && B.value ? (g(), F(ge, {
+              m.value && N(u) && B.value ? (g(), F(be, {
                 key: 1,
                 class: "flex-1",
                 variant: "plain",
@@ -547,7 +553,7 @@ const Ke = {
                 content: N(C)
               }, {
                 default: O(() => [
-                  I("div", ze, [
+                  I("div", Qe, [
                     y(ce, {
                       type: E.value,
                       class: "w-full",
@@ -555,7 +561,7 @@ const Ke = {
                       loading: k.value,
                       disabled: B.value,
                       label: w.value,
-                      onClick: ee
+                      onClick: de
                     }, null, 8, ["type", "loading", "disabled", "label"])
                   ])
                 ]),
@@ -568,7 +574,7 @@ const Ke = {
                 loading: k.value,
                 disabled: B.value,
                 label: w.value,
-                onClick: ee
+                onClick: de
               }, null, 8, ["type", "loading", "disabled", "label"]))
             ])
           ], 64)) : U("", !0)
@@ -577,10 +583,10 @@ const Ke = {
       }, 512);
     };
   }
-}), Je = {
+}), We = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, We = { class: "flex mt-6 space-x-6" }, Xe = /* @__PURE__ */ h({
+}, Xe = { class: "flex mt-6 space-x-6" }, Ze = /* @__PURE__ */ h({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -622,7 +628,7 @@ const Ke = {
     }
     return (o, i) => {
       const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return N(p) ? (g(), S("div", Je, [
+      return N(p) ? (g(), S("div", We, [
         y(u, { size: "xxl" })
       ])) : (g(), F(x, {
         key: 1,
@@ -640,7 +646,7 @@ const Ke = {
             items: s.value,
             rules: N(X)(N(Z).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", We, [
+          I("div", Xe, [
             d.value > -1 ? (g(), F(n, {
               key: 0,
               class: "flex-1",
@@ -660,7 +666,7 @@ const Ke = {
       }, 512));
     };
   }
-}), Ze = { class: "flex mt-6 space-x-6" }, ea = /* @__PURE__ */ h({
+}), ea = { class: "flex mt-6 space-x-6" }, aa = /* @__PURE__ */ h({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -725,7 +731,7 @@ const Ke = {
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          I("div", Ze, [
+          I("div", ea, [
             l.value > -1 ? (g(), F(o, {
               key: 0,
               class: "flex-1",
@@ -745,7 +751,7 @@ const Ke = {
       }, 512);
     };
   }
-}), aa = { class: "flex items-end" }, ta = { class: "flex flex-wrap gap-8 items-center mt-4" }, la = { class: "flex mt-6 space-x-6" }, na = /* @__PURE__ */ h({
+}), ta = { class: "flex items-end" }, la = { class: "flex flex-wrap gap-8 items-center mt-4" }, na = { class: "flex mt-6 space-x-6" }, oa = /* @__PURE__ */ h({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -824,7 +830,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", aa, [
+          I("div", ta, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -837,7 +843,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ta, [
+          I("div", la, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -845,7 +851,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", la, [
+          I("div", na, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -865,7 +871,7 @@ const Ke = {
       }, 512);
     };
   }
-}), oa = { class: "flex items-end" }, ra = { class: "flex flex-wrap gap-8 items-center mt-4" }, ia = { class: "flex mt-6 space-x-6" }, sa = /* @__PURE__ */ h({
+}), ra = { class: "flex items-end" }, ia = { class: "flex flex-wrap gap-8 items-center mt-4" }, sa = { class: "flex mt-6 space-x-6" }, ua = /* @__PURE__ */ h({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -944,7 +950,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", oa, [
+          I("div", ra, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -957,7 +963,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ra, [
+          I("div", ia, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -965,7 +971,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ia, [
+          I("div", sa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -985,7 +991,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ua = { class: "flex items-end" }, ca = { class: "flex flex-wrap gap-8 items-center mt-4" }, ma = { class: "flex mt-6 space-x-6" }, da = /* @__PURE__ */ h({
+}), ca = { class: "flex items-end" }, ma = { class: "flex flex-wrap gap-8 items-center mt-4" }, da = { class: "flex mt-6 space-x-6" }, pa = /* @__PURE__ */ h({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -1059,7 +1065,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", ua, [
+          I("div", ca, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1072,7 +1078,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ca, [
+          I("div", ma, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1080,7 +1086,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ma, [
+          I("div", da, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1100,7 +1106,7 @@ const Ke = {
       }, 512);
     };
   }
-}), pa = { class: "flex items-end" }, va = { class: "flex flex-wrap gap-8 items-center mt-4" }, ya = { class: "flex mt-6 space-x-6" }, fa = /* @__PURE__ */ h({
+}), va = { class: "flex items-end" }, ya = { class: "flex flex-wrap gap-8 items-center mt-4" }, fa = { class: "flex mt-6 space-x-6" }, ga = /* @__PURE__ */ h({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -1179,7 +1185,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
-          I("div", pa, [
+          I("div", va, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1192,7 +1198,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", va, [
+          I("div", ya, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1200,7 +1206,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", ya, [
+          I("div", fa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1220,7 +1226,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ga = { class: "flex items-end" }, ba = { class: "flex flex-wrap gap-8 items-center mt-4" }, _a = { class: "flex mt-6 space-x-6" }, Ta = /* @__PURE__ */ h({
+}), ba = { class: "flex items-end" }, _a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ta = { class: "flex mt-6 space-x-6" }, Ia = /* @__PURE__ */ h({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -1292,7 +1298,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", ga, [
+          I("div", ba, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1305,7 +1311,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", ba, [
+          I("div", _a, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1313,7 +1319,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", _a, [
+          I("div", Ta, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1333,7 +1339,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Ia = { class: "flex mt-6 space-x-6" }, Fa = /* @__PURE__ */ h({
+}), Fa = { class: "flex mt-6 space-x-6" }, wa = /* @__PURE__ */ h({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1398,7 +1404,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
-          I("div", Ia, [
+          I("div", Fa, [
             l.value > -1 ? (g(), F(t, {
               key: 0,
               class: "flex-1",
@@ -1418,7 +1424,7 @@ const Ke = {
       }, 512);
     };
   }
-}), wa = { class: "flex items-end" }, xa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ca = { class: "flex mt-6 space-x-6" }, ka = /* @__PURE__ */ h({
+}), xa = { class: "flex items-end" }, Ca = { class: "flex flex-wrap gap-8 items-center mt-4" }, ka = { class: "flex mt-6 space-x-6" }, Na = /* @__PURE__ */ h({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1494,7 +1500,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
-          I("div", wa, [
+          I("div", xa, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1507,7 +1513,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", xa, [
+          I("div", Ca, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1515,7 +1521,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Ca, [
+          I("div", ka, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1535,7 +1541,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Na = { class: "flex items-end" }, Va = { class: "flex flex-wrap gap-8 items-center mt-4" }, Sa = { class: "flex mt-6 space-x-6" }, Ua = /* @__PURE__ */ h({
+}), Va = { class: "flex items-end" }, Sa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ua = { class: "flex mt-6 space-x-6" }, ha = /* @__PURE__ */ h({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1611,7 +1617,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Na, [
+          I("div", Va, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1624,7 +1630,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Va, [
+          I("div", Sa, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1632,7 +1638,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Sa, [
+          I("div", Ua, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1652,7 +1658,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ha = { class: "flex items-end" }, Ra = { class: "flex flex-wrap gap-8 items-center mt-4" }, Pa = { class: "flex mt-6 space-x-6" }, Ba = /* @__PURE__ */ h({
+}), Ra = { class: "flex items-end" }, Pa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ba = { class: "flex mt-6 space-x-6" }, Oa = /* @__PURE__ */ h({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1733,7 +1739,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          I("div", ha, [
+          I("div", Ra, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1746,7 +1752,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ra, [
+          I("div", Pa, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1754,7 +1760,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Pa, [
+          I("div", Ba, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1774,7 +1780,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Oa = { class: "flex items-end" }, Ma = { class: "flex flex-wrap gap-8 items-center mt-4" }, Aa = { class: "flex mt-6 space-x-6" }, qa = /* @__PURE__ */ h({
+}), Ma = { class: "flex items-end" }, Aa = { class: "flex flex-wrap gap-8 items-center mt-4" }, qa = { class: "flex mt-6 space-x-6" }, Ga = /* @__PURE__ */ h({
   __name: "OmaGateway",
   props: {
     terminal: {
@@ -1848,7 +1854,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
-          I("div", Oa, [
+          I("div", Ma, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
@@ -1861,7 +1867,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ma, [
+          I("div", Aa, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1869,7 +1875,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Aa, [
+          I("div", qa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -1889,7 +1895,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Ga = { class: "flex items-end" }, Da = { class: "flex flex-wrap gap-8 items-center mt-4" }, $a = { class: "flex mt-6 space-x-6" }, Ea = /* @__PURE__ */ h({
+}), Da = { class: "flex items-end" }, $a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ea = { class: "flex mt-6 space-x-6" }, La = /* @__PURE__ */ h({
   __name: "RevenueGateway",
   props: {
     terminal: {
@@ -1976,7 +1982,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
           }, null, 8, ["modelValue"]),
-          I("div", Ga, [
+          I("div", Da, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -1989,7 +1995,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Da, [
+          I("div", $a, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -1997,7 +2003,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", $a, [
+          I("div", Ea, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -2017,10 +2023,10 @@ const Ke = {
       }, 512);
     };
   }
-}), La = {
+}), Ya = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Ya = { class: "flex mt-6 space-x-6" }, ja = /* @__PURE__ */ h({
+}, ja = { class: "flex mt-6 space-x-6" }, Ka = /* @__PURE__ */ h({
   __name: "BeamGateway",
   props: {
     terminal: {
@@ -2039,7 +2045,7 @@ const Ke = {
       c.value.externalTerminalId = "", d.value = -1;
     }, m = () => {
       if (a(async () => {
-        r.value = await ye.getRestaurantExternalTerminals(
+        r.value = await fe.getRestaurantExternalTerminals(
           b.terminal.referenceId,
           "BEAM"
         );
@@ -2065,7 +2071,7 @@ const Ke = {
     }
     return (o, i) => {
       const u = f("FmCircularProgress"), C = f("FmSelect"), n = f("FmButton"), x = f("FmForm");
-      return N(p) ? (g(), S("div", La, [
+      return N(p) ? (g(), S("div", Ya, [
         y(u, { size: "xxl" })
       ])) : (g(), F(x, {
         key: 1,
@@ -2083,7 +2089,7 @@ const Ke = {
             items: s.value,
             rules: N(X)(N(Z).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", Ya, [
+          I("div", ja, [
             d.value > -1 ? (g(), F(n, {
               key: 0,
               class: "flex-1",
@@ -2103,10 +2109,10 @@ const Ke = {
       }, 512));
     };
   }
-}), Ka = {
+}), Ha = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, Ha = { class: "flex mt-6 space-x-6" }, za = /* @__PURE__ */ h({
+}, za = { class: "flex mt-6 space-x-6" }, Qa = /* @__PURE__ */ h({
   __name: "BriGateway",
   props: {
     terminal: {
@@ -2125,7 +2131,7 @@ const Ke = {
       c.value.externalTerminalId = "", d.value = -1;
     }, m = () => {
       if (a(async () => {
-        r.value = await ye.getRestaurantExternalTerminals(
+        r.value = await fe.getRestaurantExternalTerminals(
           b.terminal.referenceId,
           "BRI"
         );
@@ -2151,7 +2157,7 @@ const Ke = {
     }
     return (i, u) => {
       const C = f("FmCircularProgress"), n = f("FmSelect"), x = f("FmButton"), E = f("FmForm");
-      return N(p) ? (g(), S("div", Ka, [
+      return N(p) ? (g(), S("div", Ha, [
         y(C, { size: "xxl" })
       ])) : (g(), F(E, {
         key: 1,
@@ -2170,7 +2176,7 @@ const Ke = {
             "helper-text": t.value,
             rules: N(X)(N(Z).string().min(1, "External terminal is required"))
           }, null, 8, ["modelValue", "items", "helper-text", "rules"]),
-          I("div", Ha, [
+          I("div", za, [
             d.value > -1 ? (g(), F(x, {
               key: 0,
               class: "flex-1",
@@ -2190,7 +2196,7 @@ const Ke = {
       }, 512));
     };
   }
-}), Qa = { class: "flex items-end" }, Ja = { class: "flex flex-wrap gap-8 items-center mt-4" }, Wa = { class: "flex mt-6 space-x-6" }, Xa = /* @__PURE__ */ h({
+}), Ja = { class: "flex items-end" }, Wa = { class: "flex flex-wrap gap-8 items-center mt-4" }, Xa = { class: "flex mt-6 space-x-6" }, Za = /* @__PURE__ */ h({
   __name: "PbbGateway",
   props: {
     terminal: {
@@ -2269,7 +2275,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_PBB'"
           }, null, 8, ["modelValue"]),
-          I("div", Qa, [
+          I("div", Ja, [
             y(o, {
               modelValue: r.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => r.value = n),
@@ -2282,7 +2288,7 @@ const Ke = {
               onClick: m
             })
           ]),
-          I("div", Ja, [
+          I("div", Wa, [
             (g(!0), S(D, null, L(e.value.cardTypes, (n) => (g(), F(u, {
               key: n,
               label: n,
@@ -2290,7 +2296,7 @@ const Ke = {
               onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(n), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Wa, [
+          I("div", Xa, [
             l.value > -1 ? (g(), F(i, {
               key: 0,
               class: "flex-1",
@@ -2310,7 +2316,7 @@ const Ke = {
       }, 512);
     };
   }
-}), Za = { class: "flex items-center" }, et = { class: "w-[260px] self-start" }, at = { class: "flex-1" }, tt = /* @__PURE__ */ h({
+}), et = { class: "flex items-center" }, at = { class: "w-[260px] self-start" }, tt = { class: "flex-1" }, lt = /* @__PURE__ */ h({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -2328,119 +2334,119 @@ const Ke = {
       {
         label: "FeedMe Terminal",
         value: "terminal",
-        render: Xe
+        render: Ze
       },
       {
         label: "GHL Terminal",
         value: "ghl",
-        render: ea,
+        render: aa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL2 Terminal",
         value: "ghl2",
-        render: Fa,
+        render: wa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "ITB Maybank Terminal",
         value: "mb-itb",
-        render: na,
+        render: oa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "PMA Maybank Terminal",
         value: "mb-pma",
-        render: sa,
+        render: ua,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys Maybank Terminal",
         value: "mb-paysys",
-        render: da,
+        render: pa,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
-        render: fa,
+        render: ga,
         region: [P.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: Ta,
+        render: Ia,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: ka,
+        render: Na,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "Paysys HLBB Terminal",
         value: "hlbb",
-        render: Ua,
+        render: ha,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "GPAP Terminal",
         value: "globalpayments",
-        render: Ba,
+        render: Oa,
         region: [P.F_COUNTRY.enum.SG]
       },
       {
         label: "OMA Terminal",
         value: "oma",
-        render: qa,
+        render: Ga,
         region: [P.F_COUNTRY.enum.PK]
       },
       {
         label: "Revenue PBB Terminal",
         value: "revenue",
-        render: Ea,
+        render: La,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "PBB Terminal",
         value: "pbb",
-        render: Xa,
+        render: Za,
         region: [P.F_COUNTRY.enum.MY]
       },
       {
         label: "Beam Terminal",
         value: "beam",
-        render: ja,
+        render: Ka,
         region: [P.F_COUNTRY.enum.TH]
       },
       {
         label: "BRI Terminal",
         value: "bri",
-        render: za,
+        render: Qa,
         region: [P.F_COUNTRY.enum.ID]
       }
-    ], b = V(() => a.find((c) => c.value === e.value)), l = se().currentCountry, r = V(() => a.filter(
+    ], b = V(() => a.find((c) => c.value === e.value)), l = ie().currentCountry, r = V(() => a.filter(
       (c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY)
-    )), { gatewayTab: e } = re({
+    )), { gatewayTab: e } = oe({
       gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
     });
     return (c, v) => {
       var s;
       const m = f("FmTabs");
-      return g(), S("div", Za, [
-        I("div", et, [
+      return g(), S("div", et, [
+        I("div", at, [
           y(m, {
             "model-value": N(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
+            "onUpdate:modelValue": v[0] || (v[0] = (t) => ae(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", at, [
-          N(e) ? (g(), F(le((s = b.value) == null ? void 0 : s.render), ne(oe({ key: 0 }, {
+        I("div", tt, [
+          N(e) ? (g(), F(te((s = b.value) == null ? void 0 : s.render), le(ne({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
           })), null, 16)) : U("", !0)
@@ -2448,7 +2454,7 @@ const Ke = {
       ]);
     };
   }
-}), lt = { class: "flex mt-6 space-x-6" }, nt = /* @__PURE__ */ h({
+}), nt = { class: "flex mt-6 space-x-6" }, ot = /* @__PURE__ */ h({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -2506,7 +2512,7 @@ const Ke = {
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", lt, [
+          I("div", nt, [
             l.value > -1 ? (g(), F(t, {
               key: 0,
               class: "flex-1",
@@ -2526,7 +2532,7 @@ const Ke = {
       }, 512);
     };
   }
-}), ot = { class: "flex items-center" }, rt = { class: "w-[260px] self-start" }, it = { class: "flex-1" }, st = /* @__PURE__ */ h({
+}), rt = { class: "flex items-center" }, it = { class: "w-[260px] self-start" }, st = { class: "flex-1" }, ut = /* @__PURE__ */ h({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -2544,27 +2550,27 @@ const Ke = {
       {
         label: "PromptPay",
         value: "promptpay",
-        render: nt,
+        render: ot,
         region: [P.F_COUNTRY.enum.TH]
       }
-    ], b = V(() => a.find((c) => c.value === e.value)), l = se().currentCountry, r = V(() => a.filter((c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY))), { gatewayTab: e } = re({
+    ], b = V(() => a.find((c) => c.value === e.value)), l = ie().currentCountry, r = V(() => a.filter((c) => !c.region || c.region.includes(l.value ?? P.F_COUNTRY.enum.MY))), { gatewayTab: e } = oe({
       gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
     });
     return (c, v) => {
       var s;
       const m = f("FmTabs");
-      return g(), S("div", ot, [
-        I("div", rt, [
+      return g(), S("div", rt, [
+        I("div", it, [
           y(m, {
             "model-value": N(e),
-            "onUpdate:modelValue": v[0] || (v[0] = (t) => te(e) ? e.value = t : null),
+            "onUpdate:modelValue": v[0] || (v[0] = (t) => ae(e) ? e.value = t : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", it, [
-          N(e) ? (g(), F(le((s = b.value) == null ? void 0 : s.render), ne(oe({ key: 0 }, {
+        I("div", st, [
+          N(e) ? (g(), F(te((s = b.value) == null ? void 0 : s.render), le(ne({ key: 0 }, {
             terminal: p.terminal,
             onUpdate: p.onUpdate
           })), null, 16)) : U("", !0)
@@ -2572,7 +2578,7 @@ const Ke = {
       ]);
     };
   }
-}), Ct = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -2581,9 +2587,9 @@ const Ke = {
     }
   },
   setup(T) {
-    const p = T, { tab: a } = re({
+    const p = T, { tab: a } = oe({
       tab: "information"
-    }), { isLoading: b, startAsyncCall: l } = J(!0), r = Te(), e = me(), d = Fe(), { t: c } = ie(), v = _();
+    }), { isLoading: b, startAsyncCall: l } = J(!0), r = Ie(), e = me(), d = we(), { t: c } = re(), v = _();
     async function m(w, k) {
       l(async () => {
         try {
@@ -2613,43 +2619,43 @@ const Ke = {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: Ne
+        render: Ve
       },
       {
         label: "Setting Request",
         value: "settings",
         icon: "settings",
-        render: $e,
+        render: Ee,
         onlyFor: ["TERMINAL"]
       },
       {
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: Qe
+        render: Je
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: tt,
+        render: lt,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: st,
+        render: ut,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "Payment Checkout",
         value: "payment-checkout",
         icon: "tune",
-        render: ke,
+        render: Ne,
         onlyFor: ["KIOSK", "POS"]
       }
-    ], t = pe.FdoTerminalTemplateDeviceType.options, o = V(
+    ], t = ve.FdoTerminalTemplateDeviceType.options, o = V(
       () => {
         var w;
         return t.includes(((w = v.value) == null ? void 0 : w.deviceType) ?? "");
@@ -2661,11 +2667,11 @@ const Ke = {
         title: "Save as Template",
         closeButton: !0,
         overlay: !0,
-        contentComponent: he
+        contentComponent: Re
       }).onPrimary(async (k) => {
         d.close();
         try {
-          await de.create({
+          await pe.create({
             name: k.name,
             description: k.description,
             businessId: w.restaurant.businessId,
@@ -2692,7 +2698,7 @@ const Ke = {
       });
     }
     async function u() {
-      const w = v.value, k = await de.readByBusiness(
+      const w = v.value, k = await pe.readByBusiness(
         w.restaurant.businessId,
         w.deviceType
       );
@@ -2700,10 +2706,10 @@ const Ke = {
         title: "Apply Template",
         closeButton: !0,
         overlay: !0,
-        contentComponent: Ae,
+        contentComponent: qe,
         contentComponentProps: { templates: k }
       }).onPrimary(async (B) => {
-        d.close(), we(
+        d.close(), xe(
           d,
           "Apply Template",
           c("payment.terminal_template.scope_info"),
@@ -2732,7 +2738,7 @@ const Ke = {
         { label: "Apply Template", fn: u }
       ] : []
     );
-    se().currentCountry;
+    ie().currentCountry;
     const n = V(() => {
       var w;
       return (w = s.find((k) => k.value === a.value)) == null ? void 0 : w.render;
@@ -2751,7 +2757,7 @@ const Ke = {
     return q(x), (w, k) => {
       var $, K;
       const B = f("FmTabs");
-      return g(), F(Ie, {
+      return g(), F(Fe, {
         title: `${($ = v.value) == null ? void 0 : $.deviceType} (${(K = v.value) == null ? void 0 : K._id})`,
         loading: N(b),
         actions: C.value,
@@ -2760,11 +2766,11 @@ const Ke = {
         default: O(() => [
           y(B, {
             "model-value": N(a),
-            "onUpdate:modelValue": k[0] || (k[0] = (H) => te(a) ? a.value = H : null),
+            "onUpdate:modelValue": k[0] || (k[0] = (H) => ae(a) ? a.value = H : null),
             class: "mb-6",
             items: E.value
           }, null, 8, ["model-value", "items"]),
-          N(a) ? (g(), F(le(n.value), ne(oe({ key: 0 }, {
+          N(a) ? (g(), F(te(n.value), le(ne({ key: 0 }, {
             terminal: v.value,
             onUpdate: m
           })), null, 16)) : U("", !0)
@@ -2775,5 +2781,5 @@ const Ke = {
   }
 });
 export {
-  Ct as default
+  kt as default
 };