@feedmepos/mf-payment 1.7.15-dev → 1.7.16-dev

package/dist/{TerminalSetting-DwyuHVRA.js → TerminalSetting-Ceybn4gK.js}

@@ -1,19 +1,19 @@
-import { defineComponent as H, openBlock as b, createElementBlock as R, Fragment as oe, createElementVNode as I, createTextVNode as Ve, toDisplayString as Re, ref as T, resolveComponent as _, createVNode as y, createCommentVNode as Y, unref as V, computed as $, isRef as Oe, createBlock as N, resolveDynamicComponent as vt, normalizeProps as gt, mergeProps as yt, watch as ne, onBeforeUnmount as ka, toRef as ce, onMounted as re, withCtx as ae, renderList as be, toRefs as Da, reactive as Ea, h as Va, getCurrentInstance as Rt, nextTick as ra, onUnmounted as Oa } from "vue";
-import { u as ht, p as Ua, e as W } from "./index-BpUQtJF6.js";
-import { useRouter as Ma } from "vue-router";
-import { t as Ue } from "./index-iqo96Znq.js";
-import { _ as Pa } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as bt } from "./index-i2OF3L7L.js";
-import { useSnackbar as qt, useDialog as Aa } from "@feedmepos/ui-library";
+import { defineComponent as X, openBlock as b, createElementBlock as G, Fragment as ne, createElementVNode as T, createTextVNode as Ve, toDisplayString as Re, ref as w, resolveComponent as _, createVNode as y, createCommentVNode as Y, unref as P, computed as j, isRef as Oe, createBlock as S, resolveDynamicComponent as vt, normalizeProps as gt, mergeProps as yt, watch as le, onBeforeUnmount as ka, toRef as ce, onMounted as re, withCtx as ae, renderList as ye, toRefs as Da, reactive as Ea, h as Va, getCurrentInstance as Rt, nextTick as ra, onUnmounted as Oa, withKeys as Ua } from "vue";
+import { u as ht, p as Ma, e as Q } from "./index-CBS6Prmn.js";
+import { useRouter as Pa } from "vue-router";
+import { t as Ue } from "./index-BpIljTs8.js";
+import { _ as Aa } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
+import { u as bt } from "./index--7RleePc.js";
+import { useSnackbar as qt, useDialog as Ra } from "@feedmepos/ui-library";
 import { u as nt } from "./error-K1CakhA9.js";
-import { useI18n as Ra, useCoreStore as _t } from "@feedmepos/mf-common";
-import { o as qa } from "./index-BH6ifwtU.js";
+import { useI18n as qa, useCoreStore as _t } from "@feedmepos/mf-common";
+import { o as Ga } from "./index-BiD_R2iP.js";
 import { c as Ba } from "./index-MdV54cWO.js";
 import { z as ia, a as sa } from "./validator-CTlVogBQ.js";
-import { g as Ga } from "./assets-Bk_uZPbT.js";
-import { w as Ya } from "./Modal-DB8M9o1T.js";
-import { _ as La } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $a = /* @__PURE__ */ H({
+import { g as Ya } from "./assets-iuTXCM_n.js";
+import { w as La } from "./Modal-DB8M9o1T.js";
+import { _ as $a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ja = /* @__PURE__ */ X({
   __name: "Information",
   props: {
     terminal: {
@@ -22,22 +22,22 @@ const $a = /* @__PURE__ */ H({
     }
   },
   setup(e) {
-    return (a, t) => (b(), R(oe, null, [
-      t[0] || (t[0] = I("b", null, "Name", -1)),
+    return (a, t) => (b(), G(ne, null, [
+      t[0] || (t[0] = T("b", null, "Name", -1)),
       Ve(": " + Re(e.terminal.name), 1),
-      t[1] || (t[1] = I("br", null, null, -1)),
-      t[2] || (t[2] = I("b", null, "Status", -1)),
+      t[1] || (t[1] = T("br", null, null, -1)),
+      t[2] || (t[2] = T("b", null, "Status", -1)),
       Ve(": " + Re(e.terminal.status), 1),
-      t[3] || (t[3] = I("br", null, null, -1)),
-      t[4] || (t[4] = I("b", null, "Device ID", -1)),
+      t[3] || (t[3] = T("br", null, null, -1)),
+      t[4] || (t[4] = T("b", null, "Device ID", -1)),
       Ve(": " + Re(e.terminal.deviceId ?? "-"), 1),
-      t[5] || (t[5] = I("br", null, null, -1)),
-      t[6] || (t[6] = I("b", null, "Device Type", -1)),
+      t[5] || (t[5] = T("br", null, null, -1)),
+      t[6] || (t[6] = T("b", null, "Device Type", -1)),
       Ve(": " + Re(e.terminal.deviceType ?? "-"), 1),
-      t[7] || (t[7] = I("br", null, null, -1))
+      t[7] || (t[7] = T("br", null, null, -1))
     ], 64));
   }
-}), ja = { key: 0 }, Ha = { class: "mt-6 space-x-6" }, Xa = /* @__PURE__ */ H({
+}), Ha = { key: 0 }, Xa = { class: "mt-6 space-x-6" }, Ka = /* @__PURE__ */ X({
   __name: "KioskMode",
   props: {
     terminal: {
@@ -46,57 +46,57 @@ const $a = /* @__PURE__ */ H({
     }
   },
   setup(e) {
-    const { isLoading: a, startAsyncCall: t } = ht(!1), l = qt(), o = T({
+    const { isLoading: a, startAsyncCall: t } = ht(!1), l = qt(), o = w({
       enable: !1,
       password: []
     }), r = e;
     function n() {
-      return o.value.enable && o.value.password.filter((p) => !!p).length !== 6 ? l.open({
+      return o.value.enable && o.value.password.filter((c) => !!c).length !== 6 ? l.open({
         type: "error",
         message: "Unlock PIN is required when setting up kiosk mode for terminal."
       }) : t(async () => {
-        const p = { enable: o.value.enable };
-        p.enable && Object.assign(p, {
+        const c = { enable: o.value.enable };
+        c.enable && Object.assign(c, {
           password: o.value.password.join("")
         });
-        const s = await Ue.kioskModeRequest(r.terminal._id, p);
+        const s = await Ue.kioskModeRequest(r.terminal._id, c);
         if (s === "OK")
           return l.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let f = s;
-        return s === "client_not_connected" && (f = "Terminal not connected to the websocket server."), s.startsWith("terminal: ") && (f = s.replaceAll("terminal: ", "")), l.open({
+        let v = s;
+        return s === "client_not_connected" && (v = "Terminal not connected to the websocket server."), s.startsWith("terminal: ") && (v = s.replaceAll("terminal: ", "")), l.open({
           type: "error",
-          message: f
+          message: v
         });
       });
     }
-    return (p, s) => {
-      const f = _("FmSwitch"), d = _("FmPinField"), m = _("FmButton");
-      return b(), R(oe, null, [
-        y(f, {
+    return (c, s) => {
+      const v = _("FmSwitch"), d = _("FmPinField"), m = _("FmButton");
+      return b(), G(ne, null, [
+        y(v, {
           modelValue: o.value.enable,
           "onUpdate:modelValue": s[0] || (s[0] = (i) => o.value.enable = i),
           label: "Enable Kiosk Mode?"
         }, null, 8, ["modelValue"]),
-        o.value.enable ? (b(), R("div", ja, [
-          s[2] || (s[2] = I("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
+        o.value.enable ? (b(), G("div", Ha, [
+          s[2] || (s[2] = T("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
           y(d, {
             modelValue: o.value.password,
             "onUpdate:modelValue": s[1] || (s[1] = (i) => o.value.password = i)
           }, null, 8, ["modelValue"])
         ])) : Y("", !0),
-        I("div", Ha, [
+        T("div", Xa, [
           y(m, {
             variant: "primary",
             label: "Send",
             icon: "send",
-            loading: V(a),
+            loading: P(a),
             onclick: n
           }, null, 8, ["loading"])
         ])
       ], 64);
     };
   }
-}), Ka = /* @__PURE__ */ H({
+}), Wa = /* @__PURE__ */ X({
   __name: "SettingRequest",
   props: {
     terminal: {
@@ -111,73 +111,73 @@ const $a = /* @__PURE__ */ H({
       {
         label: "Kiosk Mode",
         value: "kiosk_mode",
-        render: Xa
+        render: Ka
       }
-    ], l = e, o = $(() => t.find((r) => r.value === a.value));
+    ], l = e, o = j(() => t.find((r) => r.value === a.value));
     return (r, n) => {
       var s;
-      const p = _("FmTabs");
-      return b(), R(oe, null, [
-        n[1] || (n[1] = I("p", { className: "mt-1 my-6 text-gray-600" }, [
-          I("b", null, "Note: "),
+      const c = _("FmTabs");
+      return b(), G(ne, null, [
+        n[1] || (n[1] = T("p", { className: "mt-1 my-6 text-gray-600" }, [
+          T("b", null, "Note: "),
           Ve(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
-        y(p, {
-          "model-value": V(a),
-          "onUpdate:modelValue": n[0] || (n[0] = (f) => Oe(a) ? a.value = f : null),
+        y(c, {
+          "model-value": P(a),
+          "onUpdate:modelValue": n[0] || (n[0] = (v) => Oe(a) ? a.value = v : null),
           class: "mb-6",
           items: t
         }, null, 8, ["model-value"]),
-        V(a) ? (b(), N(vt((s = o.value) == null ? void 0 : s.render), gt(yt({ key: 0 }, { terminal: l.terminal })), null, 16)) : Y("", !0)
+        P(a) ? (b(), S(vt((s = o.value) == null ? void 0 : s.render), gt(yt({ key: 0 }, { terminal: l.terminal })), null, 16)) : Y("", !0)
       ], 64);
     };
   }
-}), za = 2e3, Wa = 12e4, Qa = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function Ja(e) {
-  const { isLoading: a, startLoading: t, stopLoading: l } = ht(!1), { t: o } = Ra(), r = qt(), n = T(null), p = $(() => {
-    var q, Q;
-    const U = (q = e.value.gateways) == null ? void 0 : q.find(
-      (B) => B.gateway === "Tyro"
+}), za = 2e3, Qa = 12e4, Ja = "Timed out waiting for the Tyro reader to sync. Please try again.";
+function Za(e) {
+  const { isLoading: a, startLoading: t, stopLoading: l } = ht(!1), { t: o } = qa(), r = qt(), n = w(null), c = j(() => {
+    var B, x;
+    const M = (B = e.value.gateways) == null ? void 0 : B.find(
+      (E) => E.gateway === "Tyro"
     );
-    return ((Q = U == null ? void 0 : U.config) == null ? void 0 : Q.uniqueId) || "";
-  }), s = $(() => !!p.value), f = $(() => {
-    var U;
-    return ((U = n.value) == null ? void 0 : U.status) === "ready";
-  }), d = $(() => {
-    var U, q;
-    return f.value && !!((q = (U = n.value) == null ? void 0 : U.fields) != null && q.tyroLocationId) && !!e.value.deviceId && !s.value;
-  }), m = $(() => !f.value && !s.value), i = $(
+    return ((x = M == null ? void 0 : M.config) == null ? void 0 : x.uniqueId) || "";
+  }), s = j(() => !!c.value), v = j(() => {
+    var M;
+    return ((M = n.value) == null ? void 0 : M.status) === "ready";
+  }), d = j(() => {
+    var M, B;
+    return v.value && !!((B = (M = n.value) == null ? void 0 : M.fields) != null && B.tyroLocationId) && !!e.value.deviceId && !s.value;
+  }), m = j(() => !v.value && !s.value), i = j(
     () => o("payment.onboard-submission.tyro.syncDisabledHint")
-  ), u = $(() => s.value ? "Synced" : "Sync");
-  async function v() {
+  ), u = j(() => s.value ? "Synced" : "Sync");
+  async function f() {
     if (!e.value.referenceId) {
       n.value = null;
       return;
     }
     try {
-      const U = await qa.getByRestaurant(
+      const M = await Ga.getByRestaurant(
         e.value.referenceId
       );
-      n.value = U.find(
-        (q) => q.type === Ua.FdoOnboardType.enum.tyro
+      n.value = M.find(
+        (B) => B.type === Ma.FdoOnboardType.enum.tyro
       ) ?? null;
-    } catch (U) {
+    } catch (M) {
       n.value = null, r.open({
         type: "error",
-        message: nt(U)
+        message: nt(M)
       });
     }
   }
   const g = Ba({
     intervalMs: za,
-    timeoutMs: Wa,
-    onTick: async ({ isCurrentRun: U, stop: q }) => {
+    timeoutMs: Qa,
+    onTick: async ({ isCurrentRun: M, stop: B }) => {
       var pe, J;
-      const Q = await Ue.readById(e.value._id);
-      if (!U())
+      const x = await Ue.readById(e.value._id);
+      if (!M())
         return;
-      const B = (pe = Q.gateways) == null ? void 0 : pe.find((C) => C.gateway === "Tyro");
-      (B == null ? void 0 : B.gateway) === "Tyro" && ((J = B == null ? void 0 : B.config) != null && J.uniqueId) && (q({ invalidate: !1 }), l(), Object.assign(e.value, Q), r.open({
+      const E = (pe = x.gateways) == null ? void 0 : pe.find((N) => N.gateway === "Tyro");
+      (E == null ? void 0 : E.gateway) === "Tyro" && ((J = E == null ? void 0 : E.config) != null && J.uniqueId) && (B({ invalidate: !1 }), l(), Object.assign(e.value, x), r.open({
         type: "success",
         message: "Tyro reader created successfully"
       }));
@@ -185,23 +185,23 @@ function Ja(e) {
     onTimeout: () => {
       l(), r.open({
         type: "error",
-        message: Qa
+        message: Ja
       });
     },
-    onError: (U) => {
+    onError: (M) => {
       l(), r.open({
         type: "error",
-        message: nt(U)
+        message: nt(M)
       });
     }
-  }), k = g.isPolling;
-  function c() {
+  }), C = g.isPolling;
+  function p() {
     g.stop(), l();
   }
-  function w() {
-    c(), t(), g.start();
+  function F() {
+    p(), t(), g.start();
   }
-  async function A() {
+  async function U() {
     if (!d.value) {
       r.open({
         type: "error",
@@ -210,37 +210,37 @@ function Ja(e) {
       return;
     }
     try {
-      t(), await Ue.syncTyroReader(e.value._id), w();
-    } catch (U) {
-      c(), r.open({
+      t(), await Ue.syncTyroReader(e.value._id), F();
+    } catch (M) {
+      p(), r.open({
         type: "error",
-        message: nt(U)
+        message: nt(M)
       });
     }
   }
-  return ne(
+  return le(
     () => e.value.referenceId,
     async () => {
-      await v();
+      await f();
     },
     { immediate: !0 }
   ), ka(() => {
-    c();
+    p();
   }), {
     isLoading: a,
-    isPollingTyroReader: k,
-    uniqueId: p,
+    isPollingTyroReader: C,
+    uniqueId: c,
     canSyncTyroReader: d,
     showTyroSyncPopover: m,
     tyroSyncPopoverMessage: i,
     tyroSyncButtonLabel: u,
-    syncTyroReader: A
+    syncTyroReader: U
   };
 }
-const Za = {
+const en = {
   key: 0,
   class: "text-sm text-gray-500"
-}, en = { class: "flex mt-6 space-x-6" }, tn = { class: "flex-1" }, an = /* @__PURE__ */ H({
+}, tn = { class: "flex mt-6 space-x-6" }, an = { class: "flex-1" }, nn = /* @__PURE__ */ X({
   __name: "SoftposGateway",
   props: {
     terminal: {
@@ -257,7 +257,7 @@ const Za = {
       {
         label: "Fiuu Malaysia",
         value: "cc.feedme.payment.rms",
-        region: W.F_COUNTRY.enum.MY,
+        region: Q.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0,
         isOutdated: !0
@@ -265,14 +265,14 @@ const Za = {
       {
         label: "Fiuu Malaysia V2",
         value: "cc.feedme.payment.fiuu_my",
-        region: W.F_COUNTRY.enum.MY,
+        region: Q.F_COUNTRY.enum.MY,
         gateway: "Fiuu",
         isLegacy: !0
       },
       {
         label: "Fiuu Singapore",
         value: "cc.feedme.payment.fiuu_sg",
-        region: W.F_COUNTRY.enum.SG,
+        region: Q.F_COUNTRY.enum.SG,
         gateway: "Fiuu",
         isLegacy: !0
       },
@@ -280,109 +280,109 @@ const Za = {
         label: "Softspace Malaysia",
         value: "cc.feedme.payment.softspace_my",
         gateway: "Softspace",
-        region: W.F_COUNTRY.enum.MY
+        region: Q.F_COUNTRY.enum.MY
       },
       {
         label: "Digio Thailand",
         value: "cc.feedme.payment.digio_th",
         gateway: "Digio",
-        region: W.F_COUNTRY.enum.TH
+        region: Q.F_COUNTRY.enum.TH
       },
       {
         label: "Tyro Australia",
         value: "cc.feedme.payment.tyro_au",
         gateway: "Tyro",
-        region: W.F_COUNTRY.enum.AU
+        region: Q.F_COUNTRY.enum.AU
       }
-    ], o = ce(() => a.terminal), r = T(), n = T({
+    ], o = ce(() => a.terminal), r = w(), n = w({
       packageId: "",
       uniqueId: "",
       developerId: "",
       isUat: !1
-    }), p = () => {
+    }), c = () => {
       n.value.uniqueId = "", n.value.packageId = "", n.value.developerId = "", n.value.isUat = !1;
-    }, s = $(() => l.filter((x) => x.region === t.value)), f = $(() => s.value.find(
-      (x) => x.value === n.value.packageId
-    )), d = $(
+    }, s = j(() => l.filter((I) => I.region === t.value)), v = j(() => s.value.find(
+      (I) => I.value === n.value.packageId
+    )), d = j(
       () => {
-        var x;
-        return ((x = f.value) == null ? void 0 : x.gateway) === "Tyro";
+        var I;
+        return ((I = v.value) == null ? void 0 : I.gateway) === "Tyro";
       }
     ), {
       isLoading: m,
       isPollingTyroReader: i,
       uniqueId: u,
-      canSyncTyroReader: v,
+      canSyncTyroReader: f,
       showTyroSyncPopover: g,
-      tyroSyncPopoverMessage: k,
-      tyroSyncButtonLabel: c,
-      syncTyroReader: w
-    } = Ja(o), A = $(() => d.value ? "button" : "submit"), U = $(() => d.value ? c.value : "Save"), q = $(() => d.value ? m.value : !1), Q = $(() => d.value ? !v.value || i.value : !1), B = () => {
+      tyroSyncPopoverMessage: C,
+      tyroSyncButtonLabel: p,
+      syncTyroReader: F
+    } = Za(o), U = j(() => d.value ? "button" : "submit"), M = j(() => d.value ? p.value : "Save"), B = j(() => d.value ? m.value : !1), x = j(() => d.value ? !f.value || i.value : !1), E = () => {
       if (!o.value.gateways || o.value.gateways.length === 0)
-        return p();
-      const x = o.value.gateways[0];
-      if (!x.config)
-        return p();
-      if (x.gateway === "Tyro") {
+        return c();
+      const I = o.value.gateways[0];
+      if (!I.config)
+        return c();
+      if (I.gateway === "Tyro") {
         n.value = {
-          packageId: x.config.packageId,
-          uniqueId: x.config.uniqueId,
+          packageId: I.config.packageId,
+          uniqueId: I.config.uniqueId,
           developerId: "",
           isUat: !1
         };
         return;
       }
-      switch (x.gateway) {
+      switch (I.gateway) {
         case "Fiuu":
           n.value = {
-            packageId: x.config.packageId,
-            uniqueId: x.config.uniqueId,
+            packageId: I.config.packageId,
+            uniqueId: I.config.uniqueId,
             developerId: "",
             isUat: !1
           };
           break;
         case "Softspace":
         case "Digio":
-          const E = JSON.parse(x.config.uniqueId);
+          const O = JSON.parse(I.config.uniqueId);
           n.value = {
-            packageId: x.config.packageId,
-            uniqueId: E.uniqueId,
-            developerId: E.developerId,
-            isUat: E.isUat
+            packageId: I.config.packageId,
+            uniqueId: O.uniqueId,
+            developerId: O.developerId,
+            isUat: O.isUat
           };
           return;
       }
     };
-    ne(o, B), re(B);
+    le(o, E), re(E);
     async function pe() {
-      const x = f.value;
-      if (!x)
+      const I = v.value;
+      if (!I)
         return;
-      let E = n.value.uniqueId;
-      x.isLegacy || (E = JSON.stringify({
+      let O = n.value.uniqueId;
+      I.isLegacy || (O = JSON.stringify({
         uniqueId: n.value.uniqueId,
         developerId: n.value.developerId,
         isUat: n.value.isUat
       }));
       const Z = {
-        gateway: x.gateway,
+        gateway: I.gateway,
         config: {
-          packageId: x.value,
-          uniqueId: E
+          packageId: I.value,
+          uniqueId: O
         }
       };
       (!o.value.gateways || o.value.gateways.length > 1) && (o.value.gateways = []), o.value.gateways[0] = Z, await a.onUpdate(o.value);
     }
-    async function J(x) {
-      var E;
-      (E = o.value.gateways) == null || E.splice(x, 1), a.onUpdate(o.value);
+    async function J(I) {
+      var O;
+      (O = o.value.gateways) == null || O.splice(I, 1), a.onUpdate(o.value);
     }
-    function C() {
-      d.value && w();
+    function N() {
+      d.value && F();
     }
-    return (x, E) => {
-      const Z = _("FmSelect"), P = _("FmTextField"), G = _("FmCheckbox"), X = _("FmButton"), z = _("FmTooltip"), Ce = _("FmForm");
-      return b(), N(Ce, {
+    return (I, O) => {
+      const Z = _("FmSelect"), q = _("FmTextField"), L = _("FmCheckbox"), K = _("FmButton"), z = _("FmTooltip"), Ce = _("FmForm");
+      return b(), S(Ce, {
         ref: r.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: pe
@@ -390,79 +390,79 @@ const Za = {
         default: ae(() => [
           y(Z, {
             modelValue: n.value.packageId,
-            "onUpdate:modelValue": E[0] || (E[0] = (ie) => n.value.packageId = ie),
+            "onUpdate:modelValue": O[0] || (O[0] = (ie) => n.value.packageId = ie),
             label: "Package ID",
             items: s.value
           }, null, 8, ["modelValue", "items"]),
-          f.value ? (b(), R(oe, { key: 0 }, [
-            d.value ? (b(), N(P, {
+          v.value ? (b(), G(ne, { key: 0 }, [
+            d.value ? (b(), S(q, {
               key: 0,
-              "model-value": V(u),
+              "model-value": P(u),
               label: "Unique ID (Reader ID)",
               disabled: ""
-            }, null, 8, ["model-value"])) : f.value && f.value.isLegacy ? (b(), R(oe, { key: 1 }, [
-              y(P, {
+            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (b(), G(ne, { key: 1 }, [
+              y(q, {
                 modelValue: n.value.uniqueId,
-                "onUpdate:modelValue": E[1] || (E[1] = (ie) => n.value.uniqueId = ie),
+                "onUpdate:modelValue": O[1] || (O[1] = (ie) => n.value.uniqueId = ie),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              f.value.isOutdated ? (b(), R("span", Za, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : Y("", !0)
-            ], 64)) : (b(), R(oe, { key: 2 }, [
-              y(P, {
+              v.value.isOutdated ? (b(), G("span", en, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : Y("", !0)
+            ], 64)) : (b(), G(ne, { key: 2 }, [
+              y(q, {
                 modelValue: n.value.developerId,
-                "onUpdate:modelValue": E[2] || (E[2] = (ie) => n.value.developerId = ie),
+                "onUpdate:modelValue": O[2] || (O[2] = (ie) => n.value.developerId = ie),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              y(P, {
+              y(q, {
                 modelValue: n.value.uniqueId,
-                "onUpdate:modelValue": E[3] || (E[3] = (ie) => n.value.uniqueId = ie),
+                "onUpdate:modelValue": O[3] || (O[3] = (ie) => n.value.uniqueId = ie),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              y(G, {
+              y(L, {
                 modelValue: n.value.isUat,
-                "onUpdate:modelValue": E[4] || (E[4] = (ie) => n.value.isUat = ie),
+                "onUpdate:modelValue": O[4] || (O[4] = (ie) => n.value.isUat = ie),
                 label: "Is UAT (Test)",
                 value: "1"
               }, null, 8, ["modelValue"])
             ], 64)),
-            I("div", en, [
-              o.value.gateways && o.value.gateways.length > 0 ? (b(), N(X, {
+            T("div", tn, [
+              o.value.gateways && o.value.gateways.length > 0 ? (b(), S(K, {
                 key: 0,
                 class: "flex-1",
                 variant: "secondary",
                 label: "Delete",
                 onclick: () => J(0)
               }, null, 8, ["onclick"])) : Y("", !0),
-              d.value && V(g) && Q.value ? (b(), N(z, {
+              d.value && P(g) && x.value ? (b(), S(z, {
                 key: 1,
                 class: "flex-1",
                 variant: "plain",
                 placement: "top",
-                content: V(k)
+                content: P(C)
               }, {
                 default: ae(() => [
-                  I("div", tn, [
-                    y(X, {
-                      type: A.value,
+                  T("div", an, [
+                    y(K, {
+                      type: U.value,
                       class: "w-full",
                       variant: "primary",
-                      loading: q.value,
-                      disabled: Q.value,
-                      label: U.value,
-                      onClick: C
+                      loading: B.value,
+                      disabled: x.value,
+                      label: M.value,
+                      onClick: N
                     }, null, 8, ["type", "loading", "disabled", "label"])
                   ])
                 ]),
                 _: 1
-              }, 8, ["content"])) : (b(), N(X, {
+              }, 8, ["content"])) : (b(), S(K, {
                 key: 2,
-                type: A.value,
+                type: U.value,
                 class: "flex-1",
                 variant: "primary",
-                loading: q.value,
-                disabled: Q.value,
-                label: U.value,
-                onClick: C
+                loading: B.value,
+                disabled: x.value,
+                label: M.value,
+                onClick: N
               }, null, 8, ["type", "loading", "disabled", "label"]))
             ])
           ], 64)) : Y("", !0)
@@ -471,10 +471,10 @@ const Za = {
       }, 512);
     };
   }
-}), nn = {
+}), ln = {
   key: 0,
   class: "flex items-center justify-center min-h-[80vh]"
-}, ln = { class: "flex mt-6 space-x-6" }, on = /* @__PURE__ */ H({
+}, on = { class: "flex mt-6 space-x-6" }, rn = /* @__PURE__ */ X({
   __name: "TerminalGateway",
   props: {
     terminal: {
@@ -487,62 +487,62 @@ const Za = {
     }
   },
   setup(e) {
-    const { isLoading: a, startAsyncCall: t } = ht(), l = e, o = ce(() => l.terminal), r = T(), n = T(), p = T(-1), s = T({
+    const { isLoading: a, startAsyncCall: t } = ht(), l = e, o = ce(() => l.terminal), r = w(), n = w(), c = w(-1), s = w({
       terminalId: ""
-    }), f = () => {
-      s.value.terminalId = "", p.value = -1;
+    }), v = () => {
+      s.value.terminalId = "", c.value = -1;
     }, d = () => {
       if (t(async () => {
         r.value = await Ue.getRestaurantTerminals(l.terminal.referenceId);
       }), !l.terminal.ecrs)
-        return f();
+        return v();
       const u = l.terminal.ecrs.findIndex((g) => g && g.gateway && g.gateway === "FeedMe");
       if (u === -1)
-        return f();
-      p.value = u;
-      const v = l.terminal.ecrs.at(u);
-      v.gateway === "FeedMe" && v.config && (s.value = {
-        terminalId: v.config.terminalId
+        return v();
+      c.value = u;
+      const f = l.terminal.ecrs.at(u);
+      f.gateway === "FeedMe" && f.config && (s.value = {
+        terminalId: f.config.terminalId
       });
     };
-    ne(o, d), re(d);
-    const m = $(() => (r.value ?? []).map((u) => ({
+    le(o, d), re(d);
+    const m = j(() => (r.value ?? []).map((u) => ({
       label: u.name ?? u._id,
       value: u._id
     })));
     async function i(u) {
-      var v;
-      (v = l.terminal.ecrs) == null || v.splice(u, 1), l.onUpdate(l.terminal);
+      var f;
+      (f = l.terminal.ecrs) == null || f.splice(u, 1), l.onUpdate(l.terminal);
     }
-    return (u, v) => {
-      const g = _("FmCircularProgress"), k = _("FmSelect"), c = _("FmButton"), w = _("FmForm");
-      return V(a) ? (b(), R("div", nn, [
+    return (u, f) => {
+      const g = _("FmCircularProgress"), C = _("FmSelect"), p = _("FmButton"), F = _("FmForm");
+      return P(a) ? (b(), G("div", ln, [
         y(g, { size: "xxl" })
-      ])) : (b(), N(w, {
+      ])) : (b(), S(F, {
         key: 1,
         ref: n.value,
         class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: v[1] || (v[1] = () => {
-          p.value > -1 ? o.value.ecrs[p.value] = { gateway: "FeedMe", config: s.value } : (o.value.ecrs || (o.value.ecrs = []), o.value.ecrs.push({ gateway: "FeedMe", config: s.value })), l.onUpdate(o.value);
+        onValidationSuccess: f[1] || (f[1] = () => {
+          c.value > -1 ? o.value.ecrs[c.value] = { gateway: "FeedMe", config: s.value } : (o.value.ecrs || (o.value.ecrs = []), o.value.ecrs.push({ gateway: "FeedMe", config: s.value })), l.onUpdate(o.value);
         })
       }, {
         default: ae(() => [
-          y(k, {
+          y(C, {
             modelValue: s.value.terminalId,
-            "onUpdate:modelValue": v[0] || (v[0] = (A) => s.value.terminalId = A),
+            "onUpdate:modelValue": f[0] || (f[0] = (U) => s.value.terminalId = U),
             label: "Terminal ID",
             items: m.value,
-            rules: V(ia)(V(sa).string())
+            rules: P(ia)(P(sa).string())
           }, null, 8, ["modelValue", "items", "rules"]),
-          I("div", ln, [
-            p.value > -1 ? (b(), N(c, {
+          T("div", on, [
+            c.value > -1 ? (b(), S(p, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => i(p.value)
+              onclick: () => i(c.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(c, {
+            y(p, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -554,7 +554,7 @@ const Za = {
       }, 512));
     };
   }
-}), rn = { class: "flex mt-6 space-x-6" }, sn = /* @__PURE__ */ H({
+}), sn = { class: "flex mt-6 space-x-6" }, un = /* @__PURE__ */ X({
   __name: "GhlGateway",
   props: {
     terminal: {
@@ -567,34 +567,34 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w({
       merchantId: "",
       terminalId: "",
       privateKey: ""
     }), n = () => {
       r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", o.value = -1;
-    }, p = () => {
+    }, c = () => {
       if (!t.value.ecrs)
         return n();
-      const f = t.value.ecrs.findIndex((m) => m && m.gateway && m.gateway === "Ghl");
-      if (f === -1)
+      const v = t.value.ecrs.findIndex((m) => m && m.gateway && m.gateway === "Ghl");
+      if (v === -1)
         return n();
-      o.value = f;
-      const d = t.value.ecrs.at(f);
+      o.value = v;
+      const d = t.value.ecrs.at(v);
       d.gateway === "Ghl" && d.config && (r.value = {
         merchantId: d.config.merchantId,
         terminalId: d.config.terminalId,
         privateKey: d.config.privateKey || ""
       });
     };
-    ne(t, p), re(p);
-    async function s(f) {
+    le(t, c), re(c);
+    async function s(v) {
       var d;
-      (d = t.value.ecrs) == null || d.splice(f, 1), a.onUpdate(t.value);
+      (d = t.value.ecrs) == null || d.splice(v, 1), a.onUpdate(t.value);
     }
-    return (f, d) => {
-      const m = _("FmTextField"), i = _("FmTextarea"), u = _("FmButton"), v = _("FmForm");
-      return b(), N(v, {
+    return (v, d) => {
+      const m = _("FmTextField"), i = _("FmTextarea"), u = _("FmButton"), f = _("FmForm");
+      return b(), S(f, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: d[3] || (d[3] = () => {
@@ -619,8 +619,8 @@ const Za = {
             "label-mark": "optional",
             "label-info": "Default will use FeedMe Private Key"
           }, null, 8, ["modelValue"]),
-          I("div", rn, [
-            o.value > -1 ? (b(), N(u, {
+          T("div", sn, [
+            o.value > -1 ? (b(), S(u, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -639,7 +639,7 @@ const Za = {
       }, 512);
     };
   }
-}), un = { class: "flex items-end" }, cn = { class: "flex flex-wrap gap-8 items-center mt-4" }, dn = { class: "flex mt-6 space-x-6" }, pn = /* @__PURE__ */ H({
+}), cn = { class: "flex items-end" }, dn = { class: "flex flex-wrap gap-8 items-center mt-4" }, pn = { class: "flex mt-6 space-x-6" }, mn = /* @__PURE__ */ X({
   __name: "MaybankGateway",
   props: {
     terminal: {
@@ -652,29 +652,29 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex((g) => g && g.gateway && g.gateway === "Maybank");
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Maybank" && u.config && (n.value = {
         ip: u.config.ip ?? "",
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -682,18 +682,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[3] || (i[3] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Maybank",
             config: { ip: n.value.ip },
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -709,45 +709,45 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.ip = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", un, [
+          T("div", cn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (c) => r.value = c),
+              "onUpdate:modelValue": i[2] || (i[2] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", cn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", dn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", dn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", pn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -759,7 +759,7 @@ const Za = {
       }, 512);
     };
   }
-}), mn = { class: "flex items-end" }, fn = { class: "flex flex-wrap gap-8 items-center mt-4" }, vn = { class: "flex mt-6 space-x-6" }, gn = /* @__PURE__ */ H({
+}), fn = { class: "flex items-end" }, vn = { class: "flex flex-wrap gap-8 items-center mt-4" }, gn = { class: "flex mt-6 space-x-6" }, yn = /* @__PURE__ */ X({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -772,29 +772,29 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex((g) => g && g.gateway && g.gateway === "Maybank2");
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Maybank2" && u.config && (n.value = {
         ip: u.config.ip ?? "",
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -802,18 +802,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[3] || (i[3] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Maybank2",
             config: { ip: n.value.ip },
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -829,45 +829,45 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.ip = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", mn, [
+          T("div", fn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (c) => r.value = c),
+              "onUpdate:modelValue": i[2] || (i[2] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", fn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", vn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", vn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", gn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -879,7 +879,7 @@ const Za = {
       }, 512);
     };
   }
-}), yn = { class: "flex items-end" }, hn = { class: "flex flex-wrap gap-8 items-center mt-4" }, bn = { class: "flex mt-6 space-x-6" }, _n = /* @__PURE__ */ H({
+}), hn = { class: "flex items-end" }, bn = { class: "flex flex-wrap gap-8 items-center mt-4" }, _n = { class: "flex mt-6 space-x-6" }, wn = /* @__PURE__ */ X({
   __name: "Maybank3Gateway",
   props: {
     terminal: {
@@ -892,29 +892,29 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex((g) => g && g.gateway && g.gateway === "Maybank3");
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Maybank3" && u.config && (n.value = {
         config: u.config,
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -922,18 +922,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[2] || (i[2] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Maybank3",
             config: n.value.config,
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -949,40 +949,40 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", yn, [
+          T("div", hn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
+              "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", hn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", bn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", bn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", _n, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -994,7 +994,7 @@ const Za = {
       }, 512);
     };
   }
-}), wn = { class: "flex items-end" }, Tn = { class: "flex flex-wrap gap-8 items-center mt-4" }, In = { class: "flex mt-6 space-x-6" }, xn = /* @__PURE__ */ H({
+}), Tn = { class: "flex items-end" }, In = { class: "flex flex-wrap gap-8 items-center mt-4" }, xn = { class: "flex mt-6 space-x-6" }, Cn = /* @__PURE__ */ X({
   __name: "NetsGateway",
   props: {
     terminal: {
@@ -1007,29 +1007,29 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex((g) => g && g.gateway && g.gateway === "Nets");
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Nets" && u.config && (n.value = {
         ip: u.config.ip ?? "",
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1037,18 +1037,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[3] || (i[3] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Nets",
             config: { ip: n.value.ip },
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1064,45 +1064,45 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.ip = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_NETS'"
           }, null, 8, ["modelValue"]),
-          I("div", wn, [
+          T("div", Tn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (c) => r.value = c),
+              "onUpdate:modelValue": i[2] || (i[2] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Tn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", In, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", In, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", xn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1114,7 +1114,7 @@ const Za = {
       }, 512);
     };
   }
-}), Cn = { class: "flex items-end" }, Fn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Sn = { class: "flex mt-6 space-x-6" }, Nn = /* @__PURE__ */ H({
+}), Fn = { class: "flex items-end" }, Sn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Nn = { class: "flex mt-6 space-x-6" }, kn = /* @__PURE__ */ X({
   __name: "KBankGateway",
   props: {
     terminal: {
@@ -1127,27 +1127,27 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex((g) => g && g.gateway && g.gateway === "Kbank");
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Kbank" && u.config && (n.value = {
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1155,18 +1155,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[2] || (i[2] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Kbank",
             config: {},
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1182,40 +1182,40 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Cn, [
+          T("div", Fn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
+              "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Fn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", Sn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Sn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", Nn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1227,7 +1227,7 @@ const Za = {
       }, 512);
     };
   }
-}), kn = { class: "flex mt-6 space-x-6" }, Dn = /* @__PURE__ */ H({
+}), Dn = { class: "flex mt-6 space-x-6" }, En = /* @__PURE__ */ X({
   __name: "Ghl2Gateway",
   props: {
     terminal: {
@@ -1240,32 +1240,32 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w({
       ip: "",
       receiptName: ""
     }), n = () => {
       r.value.ip = "", r.value.receiptName = "", o.value = -1;
-    }, p = () => {
+    }, c = () => {
       if (!t.value.ecrIntegrations)
         return n();
-      const f = t.value.ecrIntegrations, d = f.findIndex((i) => i && i.gateway && i.gateway === "Ghl2");
+      const v = t.value.ecrIntegrations, d = v.findIndex((i) => i && i.gateway && i.gateway === "Ghl2");
       if (d === -1)
         return n();
       o.value = d;
-      const m = f.at(d);
+      const m = v.at(d);
       m.gateway === "Ghl2" && m.config && (r.value = {
         ip: m.config.ip ?? "",
         receiptName: m.receiptName ?? ""
       });
     };
-    ne(t, p), re(p);
-    async function s(f) {
+    le(t, c), re(c);
+    async function s(v) {
       var d;
-      (d = t.value.ecrIntegrations) == null || d.splice(f, 1), a.onUpdate(t.value);
+      (d = t.value.ecrIntegrations) == null || d.splice(v, 1), a.onUpdate(t.value);
     }
-    return (f, d) => {
+    return (v, d) => {
       const m = _("FmTextField"), i = _("FmButton"), u = _("FmForm");
-      return b(), N(u, {
+      return b(), S(u, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: d[2] || (d[2] = () => {
@@ -1283,17 +1283,17 @@ const Za = {
         default: ae(() => [
           y(m, {
             modelValue: r.value.ip,
-            "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value.ip = v),
+            "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value.ip = f),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           y(m, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": d[1] || (d[1] = (v) => r.value.receiptName = v),
+            "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value.receiptName = f),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
           }, null, 8, ["modelValue"]),
-          I("div", kn, [
-            o.value > -1 ? (b(), N(i, {
+          T("div", Dn, [
+            o.value > -1 ? (b(), S(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -1312,7 +1312,7 @@ const Za = {
       }, 512);
     };
   }
-}), En = { class: "flex items-end" }, Vn = { class: "flex flex-wrap gap-8 items-center mt-4" }, On = { class: "flex mt-6 space-x-6" }, Un = /* @__PURE__ */ H({
+}), Vn = { class: "flex items-end" }, On = { class: "flex flex-wrap gap-8 items-center mt-4" }, Un = { class: "flex mt-6 space-x-6" }, Mn = /* @__PURE__ */ X({
   __name: "Ghl3Gateway",
   props: {
     terminal: {
@@ -1325,31 +1325,31 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex(
         (g) => g && g.gateway && g.gateway === "Ghl3"
       );
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Ghl3" && u.config && (n.value = {
         config: u.config,
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1357,18 +1357,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[2] || (i[2] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Ghl3",
             config: n.value.config,
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1384,40 +1384,40 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GHL'"
           }, null, 8, ["modelValue"]),
-          I("div", En, [
+          T("div", Vn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
+              "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Vn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", On, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", On, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", Un, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1429,7 +1429,7 @@ const Za = {
       }, 512);
     };
   }
-}), Mn = { class: "flex items-end" }, Pn = { class: "flex flex-wrap gap-8 items-center mt-4" }, An = { class: "flex mt-6 space-x-6" }, Rn = /* @__PURE__ */ H({
+}), Pn = { class: "flex items-end" }, An = { class: "flex flex-wrap gap-8 items-center mt-4" }, Rn = { class: "flex mt-6 space-x-6" }, qn = /* @__PURE__ */ X({
   __name: "HlbbGateway",
   props: {
     terminal: {
@@ -1442,31 +1442,31 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       config: {},
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex(
         (g) => g && g.gateway && g.gateway === "Hlbb"
       );
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Hlbb" && u.config && (n.value = {
         config: u.config,
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1474,18 +1474,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[2] || (i[2] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Hlbb",
             config: n.value.config,
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1501,40 +1501,40 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", Mn, [
+          T("div", Pn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
+              "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Pn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", An, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", An, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", Rn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1546,7 +1546,7 @@ const Za = {
       }, 512);
     };
   }
-}), qn = { class: "flex items-end" }, Bn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Gn = { class: "flex mt-6 space-x-6" }, Yn = /* @__PURE__ */ H({
+}), Gn = { class: "flex items-end" }, Bn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Yn = { class: "flex mt-6 space-x-6" }, Ln = /* @__PURE__ */ X({
   __name: "GlobalPaymentsGateway",
   props: {
     terminal: {
@@ -1559,31 +1559,31 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       ip: "",
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex(
         (g) => g && g.gateway && g.gateway === "GlobalPayments"
       );
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "GlobalPayments" && u.config && (n.value = {
         ip: u.config.ip ?? "",
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1591,18 +1591,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[3] || (i[3] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "GlobalPayments",
             config: { ip: n.value.ip },
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1618,45 +1618,45 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.ip = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_GP'"
           }, null, 8, ["modelValue"]),
-          I("div", qn, [
+          T("div", Gn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (c) => r.value = c),
+              "onUpdate:modelValue": i[2] || (i[2] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Bn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", Bn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", Gn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", Yn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1668,7 +1668,7 @@ const Za = {
       }, 512);
     };
   }
-}), Ln = { class: "flex items-end" }, $n = { class: "flex flex-wrap gap-8 items-center mt-4" }, jn = { class: "flex mt-6 space-x-6" }, Hn = /* @__PURE__ */ H({
+}), $n = { class: "flex items-end" }, jn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Hn = { class: "flex mt-6 space-x-6" }, Xn = /* @__PURE__ */ X({
   __name: "OmaGateway",
   props: {
     terminal: {
@@ -1681,29 +1681,29 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex(
         (g) => g && g.gateway && g.gateway === "Oma"
       );
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Oma" && u.config && (n.value = {
         receiptName: u.receiptName ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1711,18 +1711,18 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[2] || (i[2] = () => {
-          var c, w;
+          var p, F;
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Oma",
             config: {},
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(w = (c = t.value.ecrIntegrations) == null ? void 0 : c[o.value]) == null ? void 0 : w.dialogConfig,
+              ...(F = (p = t.value.ecrIntegrations) == null ? void 0 : p[o.value]) == null ? void 0 : F.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
@@ -1738,40 +1738,40 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_OMA'"
           }, null, 8, ["modelValue"]),
-          I("div", Ln, [
+          T("div", $n, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (c) => r.value = c),
+              "onUpdate:modelValue": i[1] || (i[1] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", $n, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", jn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", jn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", Hn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1783,7 +1783,7 @@ const Za = {
       }, 512);
     };
   }
-}), Xn = { class: "flex items-end" }, Kn = { class: "flex flex-wrap gap-8 items-center mt-4" }, zn = { class: "flex mt-6 space-x-6" }, Wn = /* @__PURE__ */ H({
+}), Kn = { class: "flex items-end" }, Wn = { class: "flex flex-wrap gap-8 items-center mt-4" }, zn = { class: "flex mt-6 space-x-6" }, Qn = /* @__PURE__ */ X({
   __name: "RevenueGateway",
   props: {
     terminal: {
@@ -1796,31 +1796,31 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w(), n = w({
       receiptName: "",
       ip: "",
       cardTypes: []
-    }), p = () => {
+    }), c = () => {
       n.value.receiptName = "", n.value.ip = "", n.value.cardTypes = [], o.value = -1;
     }, s = () => {
-      var v;
+      var f;
       if (!t.value.ecrIntegrations)
-        return p();
+        return c();
       const m = t.value.ecrIntegrations, i = m.findIndex(
         (g) => g && g.gateway && g.gateway === "Revenue"
       );
       if (i === -1)
-        return p();
+        return c();
       o.value = i;
       const u = m.at(i);
       u.gateway === "Revenue" && u.config && (n.value = {
         receiptName: u.receiptName ?? "",
         ip: u.config.ip ?? "",
-        cardTypes: ((v = u.dialogConfig) == null ? void 0 : v.cardTypes) ?? []
+        cardTypes: ((f = u.dialogConfig) == null ? void 0 : f.cardTypes) ?? []
       });
     };
-    ne(t, s), re(s);
-    async function f(m) {
+    le(t, s), re(s);
+    async function v(m) {
       var i;
       (i = t.value.ecrIntegrations) == null || i.splice(m, 1), a.onUpdate(t.value);
     }
@@ -1828,27 +1828,27 @@ const Za = {
       n.value.cardTypes.push(r.value), r.value = "";
     }
     return (m, i) => {
-      const u = _("FmTextField"), v = _("FmButton"), g = _("FmChip"), k = _("FmForm");
-      return b(), N(k, {
+      const u = _("FmTextField"), f = _("FmButton"), g = _("FmChip"), C = _("FmForm");
+      return b(), S(C, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: i[3] || (i[3] = () => {
-          var w, A;
-          const c = {
+          var F, U;
+          const p = {
             type: "tcp",
             ip: n.value.ip
           };
           o.value > -1 ? t.value.ecrIntegrations[o.value] = {
             gateway: "Revenue",
-            config: c,
+            config: p,
             receiptName: n.value.receiptName,
             dialogConfig: {
-              ...(A = (w = t.value.ecrIntegrations) == null ? void 0 : w[o.value]) == null ? void 0 : A.dialogConfig,
+              ...(U = (F = t.value.ecrIntegrations) == null ? void 0 : F[o.value]) == null ? void 0 : U.dialogConfig,
               cardTypes: n.value.cardTypes
             }
           } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
             gateway: "Revenue",
-            config: c,
+            config: p,
             receiptName: n.value.receiptName,
             dialogConfig: {
               cardTypes: n.value.cardTypes
@@ -1859,47 +1859,47 @@ const Za = {
         default: ae(() => [
           y(u, {
             modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (c) => n.value.ip = c),
+            "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "Terminal IP Address",
             "label-info": "Terminal WiFi IP with optional port, e.g. 192.168.1.50:8080 (defaults to port 8080)",
-            rules: V(ia)(V(sa).string().min(1))
+            rules: P(ia)(P(sa).string().min(1))
           }, null, 8, ["modelValue", "rules"]),
           y(u, {
             modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (c) => n.value.receiptName = c),
+            "onUpdate:modelValue": i[1] || (i[1] = (p) => n.value.receiptName = p),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
           }, null, 8, ["modelValue"]),
-          I("div", Xn, [
+          T("div", Kn, [
             y(u, {
               modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (c) => r.value = c),
+              "onUpdate:modelValue": i[2] || (i[2] = (p) => r.value = p),
               label: "Fallback Card Types",
               "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
             }, null, 8, ["modelValue"]),
-            y(v, {
+            y(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          I("div", Kn, [
-            (b(!0), R(oe, null, be(n.value.cardTypes, (c) => (b(), N(g, {
-              key: c,
-              label: c,
+          T("div", Wn, [
+            (b(!0), G(ne, null, ye(n.value.cardTypes, (p) => (b(), S(g, {
+              key: p,
+              label: p,
               removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(c), 1)
+              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(p), 1)
             }, null, 8, ["label", "onChipClosed"]))), 128))
           ]),
-          I("div", zn, [
-            o.value > -1 ? (b(), N(v, {
+          T("div", zn, [
+            o.value > -1 ? (b(), S(f, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
               label: "Delete",
-              onclick: () => f(o.value)
+              onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : Y("", !0),
-            y(v, {
+            y(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1911,7 +1911,7 @@ const Za = {
       }, 512);
     };
   }
-}), Qn = { class: "flex items-center" }, Jn = { class: "w-[260px] self-start" }, Zn = { class: "flex-1" }, el = /* @__PURE__ */ H({
+}), Jn = { class: "flex items-center" }, Zn = { class: "w-[260px] self-start" }, el = { class: "flex-1" }, tl = /* @__PURE__ */ X({
   __name: "EcrGateway",
   props: {
     terminal: {
@@ -1924,106 +1924,106 @@ const Za = {
     }
   },
   setup(e) {
-    var p;
+    var c;
     const a = e, t = [
       {
         label: "FeedMe Terminal",
         value: "terminal",
-        render: on
+        render: rn
       },
       {
         label: "GHL Terminal",
         value: "ghl",
-        render: sn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: un,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "GHL2 Terminal",
         value: "ghl2",
-        render: Dn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: En,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "ITB Maybank Terminal",
         value: "mb-itb",
-        render: pn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: mn,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "PMA Maybank Terminal",
         value: "mb-pma",
-        render: gn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: yn,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "Paysys Maybank Terminal",
         value: "mb-paysys",
-        render: _n,
-        region: [W.F_COUNTRY.enum.MY]
+        render: wn,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "Nets Terminal",
         value: "nets",
-        render: xn,
-        region: [W.F_COUNTRY.enum.SG]
+        render: Cn,
+        region: [Q.F_COUNTRY.enum.SG]
       },
       {
         label: "KBank Terminal",
         value: "kbank",
-        render: Nn,
-        region: [W.F_COUNTRY.enum.TH]
+        render: kn,
+        region: [Q.F_COUNTRY.enum.TH]
       },
       {
         label: "GHL Terminal",
         value: "ghl3",
-        render: Un,
-        region: [W.F_COUNTRY.enum.TH]
+        render: Mn,
+        region: [Q.F_COUNTRY.enum.TH]
       },
       {
         label: "Paysys HLBB Terminal",
         value: "hlbb",
-        render: Rn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: qn,
+        region: [Q.F_COUNTRY.enum.MY]
       },
       {
         label: "GPAP Terminal",
         value: "globalpayments",
-        render: Yn,
-        region: [W.F_COUNTRY.enum.SG]
+        render: Ln,
+        region: [Q.F_COUNTRY.enum.SG]
       },
       {
         label: "OMA Terminal",
         value: "oma",
-        render: Hn,
-        region: [W.F_COUNTRY.enum.PK]
+        render: Xn,
+        region: [Q.F_COUNTRY.enum.PK]
       },
       {
         label: "Revenue PBB Terminal",
         value: "revenue",
-        render: Wn,
-        region: [W.F_COUNTRY.enum.MY]
+        render: Qn,
+        region: [Q.F_COUNTRY.enum.MY]
       }
-    ], l = $(() => t.find((s) => s.value === n.value)), o = _t().currentCountry, r = $(() => t.filter(
-      (s) => !s.region || s.region.includes(o.value ?? W.F_COUNTRY.enum.MY)
+    ], l = j(() => t.find((s) => s.value === n.value)), o = _t().currentCountry, r = j(() => t.filter(
+      (s) => !s.region || s.region.includes(o.value ?? Q.F_COUNTRY.enum.MY)
     )), { gatewayTab: n } = bt({
-      gatewayTab: (p = r.value[0]) == null ? void 0 : p.value
+      gatewayTab: (c = r.value[0]) == null ? void 0 : c.value
     });
-    return (s, f) => {
+    return (s, v) => {
       var m;
       const d = _("FmTabs");
-      return b(), R("div", Qn, [
-        I("div", Jn, [
+      return b(), G("div", Jn, [
+        T("div", Zn, [
           y(d, {
-            "model-value": V(n),
-            "onUpdate:modelValue": f[0] || (f[0] = (i) => Oe(n) ? n.value = i : null),
+            "model-value": P(n),
+            "onUpdate:modelValue": v[0] || (v[0] = (i) => Oe(n) ? n.value = i : 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", Zn, [
-          V(n) ? (b(), N(vt((m = l.value) == null ? void 0 : m.render), gt(yt({ key: 0 }, {
+        T("div", el, [
+          P(n) ? (b(), S(vt((m = l.value) == null ? void 0 : m.render), gt(yt({ key: 0 }, {
             terminal: a.terminal,
             onUpdate: a.onUpdate
           })), null, 16)) : Y("", !0)
@@ -2031,7 +2031,7 @@ const Za = {
       ]);
     };
   }
-}), tl = { class: "flex mt-6 space-x-6" }, al = /* @__PURE__ */ H({
+}), al = { class: "flex mt-6 space-x-6" }, nl = /* @__PURE__ */ X({
   __name: "PromptPayGateway",
   props: {
     terminal: {
@@ -2044,32 +2044,32 @@ const Za = {
     }
   },
   setup(e) {
-    const a = e, t = ce(() => a.terminal), l = T(), o = T(-1), r = T({
+    const a = e, t = ce(() => a.terminal), l = w(), o = w(-1), r = w({
       account: "",
       receiptName: ""
     }), n = () => {
       r.value.account = "", r.value.receiptName = "", o.value = -1;
-    }, p = () => {
+    }, c = () => {
       if (!t.value.qrIntegrations)
         return n();
-      const f = t.value.qrIntegrations, d = f.findIndex((i) => i && i.gateway && i.gateway === "PROMPTPAY");
+      const v = t.value.qrIntegrations, d = v.findIndex((i) => i && i.gateway && i.gateway === "PROMPTPAY");
       if (d === -1)
         return n();
       o.value = d;
-      const m = f.at(d);
+      const m = v.at(d);
       m.gateway === "PROMPTPAY" && m.config && (r.value = {
         account: m.config.account ?? "",
         receiptName: m.receiptName ?? ""
       });
     };
-    ne(t, p), re(p);
-    async function s(f) {
+    le(t, c), re(c);
+    async function s(v) {
       var d;
-      (d = t.value.qrIntegrations) == null || d.splice(f, 1), a.onUpdate(t.value);
+      (d = t.value.qrIntegrations) == null || d.splice(v, 1), a.onUpdate(t.value);
     }
-    return (f, d) => {
+    return (v, d) => {
       const m = _("FmTextField"), i = _("FmButton"), u = _("FmForm");
-      return b(), N(u, {
+      return b(), S(u, {
         ref: l.value,
         class: "flex flex-col gap-16 w-[500px]",
         onValidationSuccess: d[2] || (d[2] = () => {
@@ -2079,18 +2079,18 @@ const Za = {
         default: ae(() => [
           y(m, {
             modelValue: r.value.account,
-            "onUpdate:modelValue": d[0] || (d[0] = (v) => r.value.account = v),
+            "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value.account = f),
             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(m, {
             modelValue: r.value.receiptName,
-            "onUpdate:modelValue": d[1] || (d[1] = (v) => r.value.receiptName = v),
+            "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value.receiptName = f),
             label: "Receipt Payment Name",
             "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
           }, null, 8, ["modelValue"]),
-          I("div", tl, [
-            o.value > -1 ? (b(), N(i, {
+          T("div", al, [
+            o.value > -1 ? (b(), S(i, {
               key: 0,
               class: "flex-1",
               variant: "secondary",
@@ -2109,7 +2109,7 @@ const Za = {
       }, 512);
     };
   }
-}), nl = { class: "flex items-center" }, ll = { class: "w-[260px] self-start" }, ol = { class: "flex-1" }, rl = /* @__PURE__ */ H({
+}), ll = { class: "flex items-center" }, ol = { class: "w-[260px] self-start" }, rl = { class: "flex-1" }, il = /* @__PURE__ */ X({
   __name: "QrGateway",
   props: {
     terminal: {
@@ -2122,32 +2122,32 @@ const Za = {
     }
   },
   setup(e) {
-    var p;
+    var c;
     const a = e, t = [
       {
         label: "PromptPay",
         value: "promptpay",
-        render: al,
-        region: [W.F_COUNTRY.enum.TH]
+        render: nl,
+        region: [Q.F_COUNTRY.enum.TH]
       }
-    ], l = $(() => t.find((s) => s.value === n.value)), o = _t().currentCountry, r = $(() => t.filter((s) => !s.region || s.region.includes(o.value ?? W.F_COUNTRY.enum.MY))), { gatewayTab: n } = bt({
-      gatewayTab: (p = r.value[0]) == null ? void 0 : p.value
+    ], l = j(() => t.find((s) => s.value === n.value)), o = _t().currentCountry, r = j(() => t.filter((s) => !s.region || s.region.includes(o.value ?? Q.F_COUNTRY.enum.MY))), { gatewayTab: n } = bt({
+      gatewayTab: (c = r.value[0]) == null ? void 0 : c.value
     });
-    return (s, f) => {
+    return (s, v) => {
       var m;
       const d = _("FmTabs");
-      return b(), R("div", nl, [
-        I("div", ll, [
+      return b(), G("div", ll, [
+        T("div", ol, [
           y(d, {
-            "model-value": V(n),
-            "onUpdate:modelValue": f[0] || (f[0] = (i) => Oe(n) ? n.value = i : null),
+            "model-value": P(n),
+            "onUpdate:modelValue": v[0] || (v[0] = (i) => Oe(n) ? n.value = i : null),
             class: "mb-6",
             vertical: !0,
             items: r.value
           }, null, 8, ["model-value", "items"])
         ]),
-        I("div", ol, [
-          V(n) ? (b(), N(vt((m = l.value) == null ? void 0 : m.render), gt(yt({ key: 0 }, {
+        T("div", rl, [
+          P(n) ? (b(), S(vt((m = l.value) == null ? void 0 : m.render), gt(yt({ key: 0 }, {
             terminal: a.terminal,
             onUpdate: a.onUpdate
           })), null, 16)) : Y("", !0)
@@ -2156,7 +2156,7 @@ const Za = {
     };
   }
 });
-var il = Object.defineProperty, ut = Object.getOwnPropertySymbols, ua = Object.prototype.hasOwnProperty, ca = Object.prototype.propertyIsEnumerable, Lt = (e, a, t) => a in e ? il(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, qe = (e, a) => {
+var sl = Object.defineProperty, ut = Object.getOwnPropertySymbols, ua = Object.prototype.hasOwnProperty, ca = Object.prototype.propertyIsEnumerable, Lt = (e, a, t) => a in e ? sl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, qe = (e, a) => {
   for (var t in a || (a = {}))
     ua.call(a, t) && Lt(e, t, a[t]);
   if (ut)
@@ -2173,20 +2173,20 @@ var il = Object.defineProperty, ut = Object.getOwnPropertySymbols, ua = Object.p
   return t;
 };
 const pa = "[vue-draggable-plus]: ";
-function sl(e) {
+function ul(e) {
   console.warn(pa + e);
 }
-function ul(e) {
+function cl(e) {
   console.error(pa + e);
 }
 function $t(e, a, t) {
   return t >= 0 && t < e.length && e.splice(t, 0, e.splice(a, 1)[0]), e;
 }
-function cl(e) {
+function dl(e) {
   return e.replace(/-(\w)/g, (a, t) => t ? t.toUpperCase() : "");
 }
-function dl(e) {
-  return Object.keys(e).reduce((a, t) => (typeof e[t] < "u" && (a[cl(t)] = e[t]), a), {});
+function pl(e) {
+  return Object.keys(e).reduce((a, t) => (typeof e[t] < "u" && (a[dl(t)] = e[t]), a), {});
 }
 function jt(e, a) {
   return Array.isArray(e) && e.splice(a, 1), e;
@@ -2194,10 +2194,10 @@ function jt(e, a) {
 function Ht(e, a, t) {
   return Array.isArray(e) && e.splice(a, 0, t), e;
 }
-function pl(e) {
+function ml(e) {
   return typeof e > "u";
 }
-function ml(e) {
+function fl(e) {
   return typeof e == "string";
 }
 function Xt(e, a, t) {
@@ -2207,23 +2207,23 @@ function Xt(e, a, t) {
 function It(e) {
   e.parentNode && e.parentNode.removeChild(e);
 }
-function fl(e, a = document) {
+function vl(e, a = document) {
   var t;
   let l = null;
-  return typeof (a == null ? void 0 : a.querySelector) == "function" ? l = (t = a == null ? void 0 : a.querySelector) == null ? void 0 : t.call(a, e) : l = document.querySelector(e), l || sl(`Element not found: ${e}`), l;
+  return typeof (a == null ? void 0 : a.querySelector) == "function" ? l = (t = a == null ? void 0 : a.querySelector) == null ? void 0 : t.call(a, e) : l = document.querySelector(e), l || ul(`Element not found: ${e}`), l;
 }
-function vl(e, a, t = null) {
+function gl(e, a, t = null) {
   return function(...l) {
     return e.apply(t, l), a.apply(t, l);
   };
 }
-function gl(e, a) {
+function yl(e, a) {
   const t = qe({}, e);
   return Object.keys(a).forEach((l) => {
-    t[l] ? t[l] = vl(e[l], a[l]) : t[l] = a[l];
+    t[l] ? t[l] = gl(e[l], a[l]) : t[l] = a[l];
   }), t;
 }
-function yl(e) {
+function hl(e) {
   return e instanceof HTMLElement;
 }
 function Kt(e, a) {
@@ -2231,17 +2231,17 @@ function Kt(e, a) {
     a(t, e[t]);
   });
 }
-function hl(e) {
+function bl(e) {
   return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
 }
-const bl = Object.assign;
+const _l = Object.assign;
 /**!
  * Sortable 1.15.2
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
  */
-function zt(e, a) {
+function Wt(e, a) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(e);
@@ -2254,9 +2254,9 @@ function zt(e, a) {
 function we(e) {
   for (var a = 1; a < arguments.length; a++) {
     var t = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? zt(Object(t), !0).forEach(function(l) {
-      _l(e, l, t[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : zt(Object(t)).forEach(function(l) {
+    a % 2 ? Wt(Object(t), !0).forEach(function(l) {
+      wl(e, l, t[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Wt(Object(t)).forEach(function(l) {
       Object.defineProperty(e, l, Object.getOwnPropertyDescriptor(t, l));
     });
   }
@@ -2270,7 +2270,7 @@ function lt(e) {
     return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
   }, lt(e);
 }
-function _l(e, a, t) {
+function wl(e, a, t) {
   return a in e ? Object.defineProperty(e, a, {
     value: t,
     enumerable: !0,
@@ -2288,7 +2288,7 @@ function Ie() {
     return e;
   }, Ie.apply(this, arguments);
 }
-function wl(e, a) {
+function Tl(e, a) {
   if (e == null)
     return {};
   var t = {}, l = Object.keys(e), o, r;
@@ -2296,10 +2296,10 @@ function wl(e, a) {
     o = l[r], !(a.indexOf(o) >= 0) && (t[o] = e[o]);
   return t;
 }
-function Tl(e, a) {
+function Il(e, a) {
   if (e == null)
     return {};
-  var t = wl(e, a), l, o;
+  var t = Tl(e, a), l, o;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
     for (o = 0; o < r.length; o++)
@@ -2307,19 +2307,19 @@ function Tl(e, a) {
   }
   return t;
 }
-var Il = "1.15.2";
+var xl = "1.15.2";
 function Te(e) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(e);
 }
-var xe = Te(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Qe = Te(/Edge/i), Wt = Te(/firefox/i), He = Te(/safari/i) && !Te(/chrome/i) && !Te(/android/i), ma = Te(/iP(ad|od|hone)/i), fa = Te(/chrome/i) && Te(/android/i), va = {
+var xe = Te(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Qe = Te(/Edge/i), zt = Te(/firefox/i), He = Te(/safari/i) && !Te(/chrome/i) && !Te(/android/i), ma = Te(/iP(ad|od|hone)/i), fa = Te(/chrome/i) && Te(/android/i), va = {
   capture: !1,
   passive: !1
 };
-function M(e, a, t) {
+function R(e, a, t) {
   e.addEventListener(a, t, !xe && va);
 }
-function O(e, a, t) {
+function A(e, a, t) {
   e.removeEventListener(a, t, !xe && va);
 }
 function ct(e, a) {
@@ -2338,10 +2338,10 @@ function ct(e, a) {
     return !1;
   }
 }
-function xl(e) {
+function Cl(e) {
   return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
 }
-function he(e, a, t, l) {
+function be(e, a, t, l) {
   if (e) {
     t = t || document;
     do {
@@ -2349,7 +2349,7 @@ function he(e, a, t, l) {
         return e;
       if (e === t)
         break;
-    } while (e = xl(e));
+    } while (e = Cl(e));
   }
   return null;
 }
@@ -2363,7 +2363,7 @@ function me(e, a, t) {
       e.className = (l + (t ? " " + a : "")).replace(Qt, " ");
     }
 }
-function F(e, a, t) {
+function k(e, a, t) {
   var l = e && e.style;
   if (l) {
     if (t === void 0)
@@ -2371,13 +2371,13 @@ function F(e, a, t) {
     !(a in l) && a.indexOf("webkit") === -1 && (a = "-webkit-" + a), l[a] = t + (typeof t == "string" ? "" : "px");
   }
 }
-function Ge(e, a) {
+function Be(e, a) {
   var t = "";
   if (typeof e == "string")
     t = e;
   else
     do {
-      var l = F(e, "transform");
+      var l = k(e, "transform");
       l && l !== "none" && (t = l + " " + t);
     } while (!a && (e = e.parentNode));
   var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
@@ -2399,24 +2399,24 @@ function _e() {
 }
 function te(e, a, t, l, o) {
   if (!(!e.getBoundingClientRect && e !== window)) {
-    var r, n, p, s, f, d, m;
-    if (e !== window && e.parentNode && e !== _e() ? (r = e.getBoundingClientRect(), n = r.top, p = r.left, s = r.bottom, f = r.right, d = r.height, m = r.width) : (n = 0, p = 0, s = window.innerHeight, f = window.innerWidth, d = window.innerHeight, m = window.innerWidth), (a || t) && e !== window && (o = o || e.parentNode, !xe))
+    var r, n, c, s, v, d, m;
+    if (e !== window && e.parentNode && e !== _e() ? (r = e.getBoundingClientRect(), n = r.top, c = r.left, s = r.bottom, v = r.right, d = r.height, m = r.width) : (n = 0, c = 0, s = window.innerHeight, v = window.innerWidth, d = window.innerHeight, m = window.innerWidth), (a || t) && e !== window && (o = o || e.parentNode, !xe))
       do
-        if (o && o.getBoundingClientRect && (F(o, "transform") !== "none" || t && F(o, "position") !== "static")) {
+        if (o && o.getBoundingClientRect && (k(o, "transform") !== "none" || t && k(o, "position") !== "static")) {
           var i = o.getBoundingClientRect();
-          n -= i.top + parseInt(F(o, "border-top-width")), p -= i.left + parseInt(F(o, "border-left-width")), s = n + r.height, f = p + r.width;
+          n -= i.top + parseInt(k(o, "border-top-width")), c -= i.left + parseInt(k(o, "border-left-width")), s = n + r.height, v = c + r.width;
           break;
         }
       while (o = o.parentNode);
     if (l && e !== window) {
-      var u = Ge(o || e), v = u && u.a, g = u && u.d;
-      u && (n /= g, p /= v, m /= v, d /= g, s = n + d, f = p + m);
+      var u = Be(o || e), f = u && u.a, g = u && u.d;
+      u && (n /= g, c /= f, m /= f, d /= g, s = n + d, v = c + m);
     }
     return {
       top: n,
-      left: p,
+      left: c,
       bottom: s,
-      right: f,
+      right: v,
       width: m,
       height: d
     };
@@ -2435,7 +2435,7 @@ function Jt(e, a, t) {
 }
 function Ye(e, a, t, l) {
   for (var o = 0, r = 0, n = e.children; r < n.length; ) {
-    if (n[r].style.display !== "none" && n[r] !== S.ghost && (l || n[r] !== S.dragged) && he(n[r], t.draggable, e, !1)) {
+    if (n[r].style.display !== "none" && n[r] !== D.ghost && (l || n[r] !== D.dragged) && be(n[r], t.draggable, e, !1)) {
       if (o === a)
         return n[r];
       o++;
@@ -2444,8 +2444,8 @@ function Ye(e, a, t, l) {
   }
   return null;
 }
-function Bt(e, a) {
-  for (var t = e.lastElementChild; t && (t === S.ghost || F(t, "display") === "none" || a && !ct(t, a)); )
+function Gt(e, a) {
+  for (var t = e.lastElementChild; t && (t === D.ghost || k(t, "display") === "none" || a && !ct(t, a)); )
     t = t.previousElementSibling;
   return t || null;
 }
@@ -2454,19 +2454,19 @@ function ge(e, a) {
   if (!e || !e.parentNode)
     return -1;
   for (; e = e.previousElementSibling; )
-    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== S.clone && (!a || ct(e, a)) && t++;
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== D.clone && (!a || ct(e, a)) && t++;
   return t;
 }
 function Zt(e) {
   var a = 0, t = 0, l = _e();
   if (e)
     do {
-      var o = Ge(e), r = o.a, n = o.d;
+      var o = Be(e), r = o.a, n = o.d;
       a += e.scrollLeft * r, t += e.scrollTop * n;
     } while (e !== l && (e = e.parentNode));
   return [a, t];
 }
-function Cl(e, a) {
+function Fl(e, a) {
   for (var t in e)
     if (e.hasOwnProperty(t)) {
       for (var l in a)
@@ -2481,7 +2481,7 @@ function Ne(e, a) {
   var t = e, l = !1;
   do
     if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
-      var o = F(t);
+      var o = k(t);
       if (t.clientWidth < t.scrollWidth && (o.overflowX == "auto" || o.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (o.overflowY == "auto" || o.overflowY == "scroll")) {
         if (!t.getBoundingClientRect || t === document.body)
           return _e();
@@ -2493,7 +2493,7 @@ function Ne(e, a) {
   while (t = t.parentNode);
   return _e();
 }
-function Fl(e, a) {
+function Sl(e, a) {
   if (e && a)
     for (var t in a)
       a.hasOwnProperty(t) && (e[t] = a[t]);
@@ -2513,7 +2513,7 @@ function ya(e, a) {
     }
   };
 }
-function Sl() {
+function Nl() {
   clearTimeout(Xe), Xe = void 0;
 }
 function ha(e, a, t) {
@@ -2526,29 +2526,29 @@ function ba(e) {
 function _a(e, a, t) {
   var l = {};
   return Array.from(e.children).forEach(function(o) {
-    var r, n, p, s;
-    if (!(!he(o, a.draggable, e, !1) || o.animated || o === t)) {
-      var f = te(o);
-      l.left = Math.min((r = l.left) !== null && r !== void 0 ? r : 1 / 0, f.left), l.top = Math.min((n = l.top) !== null && n !== void 0 ? n : 1 / 0, f.top), l.right = Math.max((p = l.right) !== null && p !== void 0 ? p : -1 / 0, f.right), l.bottom = Math.max((s = l.bottom) !== null && s !== void 0 ? s : -1 / 0, f.bottom);
+    var r, n, c, s;
+    if (!(!be(o, a.draggable, e, !1) || o.animated || o === t)) {
+      var v = te(o);
+      l.left = Math.min((r = l.left) !== null && r !== void 0 ? r : 1 / 0, v.left), l.top = Math.min((n = l.top) !== null && n !== void 0 ? n : 1 / 0, v.top), l.right = Math.max((c = l.right) !== null && c !== void 0 ? c : -1 / 0, v.right), l.bottom = Math.max((s = l.bottom) !== null && s !== void 0 ? s : -1 / 0, v.bottom);
     }
   }), l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
 var ve = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Nl() {
+function kl() {
   var e = [], a;
   return {
     captureAnimationState: function() {
       if (e = [], !!this.options.animation) {
         var t = [].slice.call(this.el.children);
         t.forEach(function(l) {
-          if (!(F(l, "display") === "none" || l === S.ghost)) {
+          if (!(k(l, "display") === "none" || l === D.ghost)) {
             e.push({
               target: l,
               rect: te(l)
             });
             var o = we({}, e[e.length - 1].rect);
             if (l.thisAnimationDuration) {
-              var r = Ge(l, !0);
+              var r = Be(l, !0);
               r && (o.top -= r.f, o.left -= r.e);
             }
             l.fromRect = o;
@@ -2560,7 +2560,7 @@ function Nl() {
       e.push(t);
     },
     removeAnimationState: function(t) {
-      e.splice(Cl(e, {
+      e.splice(Fl(e, {
         target: t
       }), 1);
     },
@@ -2572,30 +2572,30 @@ function Nl() {
       }
       var o = !1, r = 0;
       e.forEach(function(n) {
-        var p = 0, s = n.target, f = s.fromRect, d = te(s), m = s.prevFromRect, i = s.prevToRect, u = n.rect, v = Ge(s, !0);
-        v && (d.top -= v.f, d.left -= v.e), s.toRect = d, s.thisAnimationDuration && xt(m, d) && !xt(f, d) && // Make sure animatingRect is on line between toRect & fromRect
-        (u.top - d.top) / (u.left - d.left) === (f.top - d.top) / (f.left - d.left) && (p = Dl(u, m, i, l.options)), xt(d, f) || (s.prevFromRect = f, s.prevToRect = d, p || (p = l.options.animation), l.animate(s, u, d, p)), p && (o = !0, r = Math.max(r, p), clearTimeout(s.animationResetTimer), s.animationResetTimer = setTimeout(function() {
+        var c = 0, s = n.target, v = s.fromRect, d = te(s), m = s.prevFromRect, i = s.prevToRect, u = n.rect, f = Be(s, !0);
+        f && (d.top -= f.f, d.left -= f.e), s.toRect = d, s.thisAnimationDuration && xt(m, d) && !xt(v, d) && // Make sure animatingRect is on line between toRect & fromRect
+        (u.top - d.top) / (u.left - d.left) === (v.top - d.top) / (v.left - d.left) && (c = El(u, m, i, l.options)), xt(d, v) || (s.prevFromRect = v, s.prevToRect = d, c || (c = l.options.animation), l.animate(s, u, d, c)), c && (o = !0, r = Math.max(r, c), clearTimeout(s.animationResetTimer), s.animationResetTimer = setTimeout(function() {
           s.animationTime = 0, s.prevFromRect = null, s.fromRect = null, s.prevToRect = null, s.thisAnimationDuration = null;
-        }, p), s.thisAnimationDuration = p);
+        }, c), s.thisAnimationDuration = c);
       }), clearTimeout(a), o ? a = setTimeout(function() {
         typeof t == "function" && t();
       }, r) : typeof t == "function" && t(), e = [];
     },
     animate: function(t, l, o, r) {
       if (r) {
-        F(t, "transition", ""), F(t, "transform", "");
-        var n = Ge(this.el), p = n && n.a, s = n && n.d, f = (l.left - o.left) / (p || 1), d = (l.top - o.top) / (s || 1);
-        t.animatingX = !!f, t.animatingY = !!d, F(t, "transform", "translate3d(" + f + "px," + d + "px,0)"), this.forRepaintDummy = kl(t), F(t, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), F(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
-          F(t, "transition", ""), F(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
+        k(t, "transition", ""), k(t, "transform", "");
+        var n = Be(this.el), c = n && n.a, s = n && n.d, v = (l.left - o.left) / (c || 1), d = (l.top - o.top) / (s || 1);
+        t.animatingX = !!v, t.animatingY = !!d, k(t, "transform", "translate3d(" + v + "px," + d + "px,0)"), this.forRepaintDummy = Dl(t), k(t, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), k(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
+          k(t, "transition", ""), k(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
         }, r);
       }
     }
   };
 }
-function kl(e) {
+function Dl(e) {
   return e.offsetWidth;
 }
-function Dl(e, a, t, l) {
+function El(e, a, t, l) {
   return Math.sqrt(Math.pow(a.top - e.top, 2) + Math.pow(a.left - e.left, 2)) / Math.sqrt(Math.pow(a.top - t.top, 2) + Math.pow(a.left - t.left, 2)) * l.animation;
 }
 var Me = [], Ct = {
@@ -2625,10 +2625,10 @@ var Me = [], Ct = {
   },
   initializePlugins: function(e, a, t, l) {
     Me.forEach(function(n) {
-      var p = n.pluginName;
-      if (!(!e.options[p] && !n.initializeByDefault)) {
+      var c = n.pluginName;
+      if (!(!e.options[c] && !n.initializeByDefault)) {
         var s = new n(e, a, e.options);
-        s.sortable = e, s.options = e.options, e[p] = s, Ie(t, s.defaults);
+        s.sortable = e, s.options = e.options, e[c] = s, Ie(t, s.defaults);
       }
     });
     for (var o in e.options)
@@ -2650,36 +2650,36 @@ var Me = [], Ct = {
     }), l;
   }
 };
-function El(e) {
-  var a = e.sortable, t = e.rootEl, l = e.name, o = e.targetEl, r = e.cloneEl, n = e.toEl, p = e.fromEl, s = e.oldIndex, f = e.newIndex, d = e.oldDraggableIndex, m = e.newDraggableIndex, i = e.originalEvent, u = e.putSortable, v = e.extraEventProperties;
+function Vl(e) {
+  var a = e.sortable, t = e.rootEl, l = e.name, o = e.targetEl, r = e.cloneEl, n = e.toEl, c = e.fromEl, s = e.oldIndex, v = e.newIndex, d = e.oldDraggableIndex, m = e.newDraggableIndex, i = e.originalEvent, u = e.putSortable, f = e.extraEventProperties;
   if (a = a || t && t[ve], !!a) {
-    var g, k = a.options, c = "on" + l.charAt(0).toUpperCase() + l.substr(1);
+    var g, C = a.options, p = "on" + l.charAt(0).toUpperCase() + l.substr(1);
     window.CustomEvent && !xe && !Qe ? g = new CustomEvent(l, {
       bubbles: !0,
       cancelable: !0
-    }) : (g = document.createEvent("Event"), g.initEvent(l, !0, !0)), g.to = n || t, g.from = p || t, g.item = o || t, g.clone = r, g.oldIndex = s, g.newIndex = f, g.oldDraggableIndex = d, g.newDraggableIndex = m, g.originalEvent = i, g.pullMode = u ? u.lastPutMode : void 0;
-    var w = we(we({}, v), Je.getEventProperties(l, a));
-    for (var A in w)
-      g[A] = w[A];
-    t && t.dispatchEvent(g), k[c] && k[c].call(a, g);
+    }) : (g = document.createEvent("Event"), g.initEvent(l, !0, !0)), g.to = n || t, g.from = c || t, g.item = o || t, g.clone = r, g.oldIndex = s, g.newIndex = v, g.oldDraggableIndex = d, g.newDraggableIndex = m, g.originalEvent = i, g.pullMode = u ? u.lastPutMode : void 0;
+    var F = we(we({}, f), Je.getEventProperties(l, a));
+    for (var U in F)
+      g[U] = F[U];
+    t && t.dispatchEvent(g), C[p] && C[p].call(a, g);
   }
 }
-var Vl = ["evt"], de = function(e, a) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, l = t.evt, o = Tl(t, Vl);
-  Je.pluginEvent.bind(S)(e, a, we({
+var Ol = ["evt"], de = function(e, a) {
+  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, l = t.evt, o = Il(t, Ol);
+  Je.pluginEvent.bind(D)(e, a, we({
     dragEl: h,
-    parentEl: K,
-    ghostEl: D,
-    rootEl: L,
+    parentEl: W,
+    ghostEl: V,
+    rootEl: $,
     nextEl: Ee,
     lastDownEl: ot,
-    cloneEl: j,
+    cloneEl: H,
     cloneHidden: Se,
     dragStarted: Le,
-    putSortable: le,
-    activeSortable: S.active,
+    putSortable: oe,
+    activeSortable: D.active,
     originalEvent: l,
-    oldIndex: Be,
+    oldIndex: Ge,
     oldDraggableIndex: Ke,
     newIndex: fe,
     newDraggableIndex: Fe,
@@ -2701,18 +2701,18 @@ var Vl = ["evt"], de = function(e, a) {
   }, o));
 };
 function ue(e) {
-  El(we({
-    putSortable: le,
-    cloneEl: j,
+  Vl(we({
+    putSortable: oe,
+    cloneEl: H,
     targetEl: h,
-    rootEl: L,
-    oldIndex: Be,
+    rootEl: $,
+    oldIndex: Ge,
     oldDraggableIndex: Ke,
     newIndex: fe,
     newDraggableIndex: Fe
   }, e));
 }
-var h, K, D, L, Ee, ot, j, Se, Be, fe, Ke, Fe, Ze, le, Ae = !1, dt = !1, pt = [], ke, ye, Ft, St, ea, ta, Le, Pe, ze, We = !1, et = !1, rt, se, Nt = [], Ot = !1, mt = [], wt = typeof document < "u", tt = ma, aa = Qe || xe ? "cssFloat" : "float", Ol = wt && !fa && !ma && "draggable" in document.createElement("div"), wa = function() {
+var h, W, V, $, Ee, ot, H, Se, Ge, fe, Ke, Fe, Ze, oe, Ae = !1, dt = !1, pt = [], ke, he, Ft, St, ea, ta, Le, Pe, We, ze = !1, et = !1, rt, se, Nt = [], Ot = !1, mt = [], wt = typeof document < "u", tt = ma, aa = Qe || xe ? "cssFloat" : "float", Ul = wt && !fa && !ma && "draggable" in document.createElement("div"), wa = function() {
   if (wt) {
     if (xe)
       return !1;
@@ -2720,33 +2720,33 @@ var h, K, D, L, Ee, ot, j, Se, Be, fe, Ke, Fe, Ze, le, Ae = !1, dt = !1, pt = []
     return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
   }
 }(), Ta = function(e, a) {
-  var t = F(e), l = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), o = Ye(e, 0, a), r = Ye(e, 1, a), n = o && F(o), p = r && F(r), s = n && parseInt(n.marginLeft) + parseInt(n.marginRight) + te(o).width, f = p && parseInt(p.marginLeft) + parseInt(p.marginRight) + te(r).width;
+  var t = k(e), l = parseInt(t.width) - parseInt(t.paddingLeft) - parseInt(t.paddingRight) - parseInt(t.borderLeftWidth) - parseInt(t.borderRightWidth), o = Ye(e, 0, a), r = Ye(e, 1, a), n = o && k(o), c = r && k(r), s = n && parseInt(n.marginLeft) + parseInt(n.marginRight) + te(o).width, v = c && parseInt(c.marginLeft) + parseInt(c.marginRight) + te(r).width;
   if (t.display === "flex")
     return t.flexDirection === "column" || t.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (t.display === "grid")
     return t.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
   if (o && n.float && n.float !== "none") {
     var d = n.float === "left" ? "left" : "right";
-    return r && (p.clear === "both" || p.clear === d) ? "vertical" : "horizontal";
+    return r && (c.clear === "both" || c.clear === d) ? "vertical" : "horizontal";
   }
-  return o && (n.display === "block" || n.display === "flex" || n.display === "table" || n.display === "grid" || s >= l && t[aa] === "none" || r && t[aa] === "none" && s + f > l) ? "vertical" : "horizontal";
-}, Ul = function(e, a, t) {
-  var l = t ? e.left : e.top, o = t ? e.right : e.bottom, r = t ? e.width : e.height, n = t ? a.left : a.top, p = t ? a.right : a.bottom, s = t ? a.width : a.height;
-  return l === n || o === p || l + r / 2 === n + s / 2;
-}, Ml = function(e, a) {
+  return o && (n.display === "block" || n.display === "flex" || n.display === "table" || n.display === "grid" || s >= l && t[aa] === "none" || r && t[aa] === "none" && s + v > l) ? "vertical" : "horizontal";
+}, Ml = function(e, a, t) {
+  var l = t ? e.left : e.top, o = t ? e.right : e.bottom, r = t ? e.width : e.height, n = t ? a.left : a.top, c = t ? a.right : a.bottom, s = t ? a.width : a.height;
+  return l === n || o === c || l + r / 2 === n + s / 2;
+}, Pl = function(e, a) {
   var t;
   return pt.some(function(l) {
     var o = l[ve].options.emptyInsertThreshold;
-    if (!(!o || Bt(l))) {
-      var r = te(l), n = e >= r.left - o && e <= r.right + o, p = a >= r.top - o && a <= r.bottom + o;
-      if (n && p)
+    if (!(!o || Gt(l))) {
+      var r = te(l), n = e >= r.left - o && e <= r.right + o, c = a >= r.top - o && a <= r.bottom + o;
+      if (n && c)
         return t = l;
     }
   }), t;
 }, Ia = function(e) {
   function a(o, r) {
-    return function(n, p, s, f) {
-      var d = n.options.group.name && p.options.group.name && n.options.group.name === p.options.group.name;
+    return function(n, c, s, v) {
+      var d = n.options.group.name && c.options.group.name && n.options.group.name === c.options.group.name;
       if (o == null && (r || d))
         return !0;
       if (o == null || o === !1)
@@ -2754,8 +2754,8 @@ var h, K, D, L, Ee, ot, j, Se, Be, fe, Ke, Fe, Ze, le, Ae = !1, dt = !1, pt = []
       if (r && o === "clone")
         return o;
       if (typeof o == "function")
-        return a(o(n, p, s, f), r)(n, p, s, f);
-      var m = (r ? n : p).options.group.name;
+        return a(o(n, c, s, v), r)(n, c, s, v);
+      var m = (r ? n : c).options.group.name;
       return o === !0 || typeof o == "string" && o === m || o.join && o.indexOf(m) > -1;
     };
   }
@@ -2764,9 +2764,9 @@ var h, K, D, L, Ee, ot, j, Se, Be, fe, Ke, Fe, Ze, le, Ae = !1, dt = !1, pt = []
     name: l
   }), t.name = l.name, t.checkPull = a(l.pull, !0), t.checkPut = a(l.put), t.revertClone = l.revertClone, e.group = t;
 }, xa = function() {
-  !wa && D && F(D, "display", "none");
+  !wa && V && k(V, "display", "none");
 }, Ca = function() {
-  !wa && D && F(D, "display", "");
+  !wa && V && k(V, "display", "");
 };
 wt && !fa && document.addEventListener("click", function(e) {
   if (dt)
@@ -2775,7 +2775,7 @@ wt && !fa && document.addEventListener("click", function(e) {
 var De = function(e) {
   if (h) {
     e = e.touches ? e.touches[0] : e;
-    var a = Ml(e.clientX, e.clientY);
+    var a = Pl(e.clientX, e.clientY);
     if (a) {
       var t = {};
       for (var l in e)
@@ -2783,10 +2783,10 @@ var De = function(e) {
       t.target = t.rootEl = a, t.preventDefault = void 0, t.stopPropagation = void 0, a[ve]._onDragOver(t);
     }
   }
-}, Pl = function(e) {
+}, Al = function(e) {
   h && h.parentNode[ve]._isOutsideThisEl(e.target);
 };
-function S(e, a) {
+function D(e, a) {
   if (!(e && e.nodeType && e.nodeType === 1))
     throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
   this.el = e, this.options = a = Ie({}, a), e[ve] = this;
@@ -2832,7 +2832,7 @@ function S(e, a) {
       x: 0,
       y: 0
     },
-    supportPointer: S.supportPointer !== !1 && "PointerEvent" in window && !He,
+    supportPointer: D.supportPointer !== !1 && "PointerEvent" in window && !He,
     emptyInsertThreshold: 5
   };
   Je.initializePlugins(this, e, t);
@@ -2841,11 +2841,11 @@ function S(e, a) {
   Ia(a);
   for (var o in this)
     o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = a.forceFallback ? !1 : Ol, this.nativeDraggable && (this.options.touchStartThreshold = 1), a.supportPointer ? M(e, "pointerdown", this._onTapStart) : (M(e, "mousedown", this._onTapStart), M(e, "touchstart", this._onTapStart)), this.nativeDraggable && (M(e, "dragover", this), M(e, "dragenter", this)), pt.push(this.el), a.store && a.store.get && this.sort(a.store.get(this) || []), Ie(this, Nl());
+  this.nativeDraggable = a.forceFallback ? !1 : Ul, this.nativeDraggable && (this.options.touchStartThreshold = 1), a.supportPointer ? R(e, "pointerdown", this._onTapStart) : (R(e, "mousedown", this._onTapStart), R(e, "touchstart", this._onTapStart)), this.nativeDraggable && (R(e, "dragover", this), R(e, "dragenter", this)), pt.push(this.el), a.store && a.store.get && this.sort(a.store.get(this) || []), Ie(this, kl());
 }
-S.prototype = /** @lends Sortable.prototype */
+D.prototype = /** @lends Sortable.prototype */
 {
-  constructor: S,
+  constructor: D,
   _isOutsideThisEl: function(e) {
     !this.el.contains(e) && e !== this.el && (Pe = null);
   },
@@ -2854,15 +2854,15 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _onTapStart: function(e) {
     if (e.cancelable) {
-      var a = this, t = this.el, l = this.options, o = l.preventOnFilter, r = e.type, n = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, p = (n || e).target, s = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || p, f = l.filter;
-      if ($l(t), !h && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || l.disabled) && !s.isContentEditable && !(!this.nativeDraggable && He && p && p.tagName.toUpperCase() === "SELECT") && (p = he(p, l.draggable, t, !1), !(p && p.animated) && ot !== p)) {
-        if (Be = ge(p), Ke = ge(p, l.draggable), typeof f == "function") {
-          if (f.call(this, e, p, this)) {
+      var a = this, t = this.el, l = this.options, o = l.preventOnFilter, r = e.type, n = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, c = (n || e).target, s = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || c, v = l.filter;
+      if (jl(t), !h && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || l.disabled) && !s.isContentEditable && !(!this.nativeDraggable && He && c && c.tagName.toUpperCase() === "SELECT") && (c = be(c, l.draggable, t, !1), !(c && c.animated) && ot !== c)) {
+        if (Ge = ge(c), Ke = ge(c, l.draggable), typeof v == "function") {
+          if (v.call(this, e, c, this)) {
             ue({
               sortable: a,
               rootEl: s,
               name: "filter",
-              targetEl: p,
+              targetEl: c,
               toEl: t,
               fromEl: t
             }), de("filter", a, {
@@ -2870,58 +2870,58 @@ S.prototype = /** @lends Sortable.prototype */
             }), o && e.cancelable && e.preventDefault();
             return;
           }
-        } else if (f && (f = f.split(",").some(function(d) {
-          if (d = he(s, d.trim(), t, !1), d)
+        } else if (v && (v = v.split(",").some(function(d) {
+          if (d = be(s, d.trim(), t, !1), d)
             return ue({
               sortable: a,
               rootEl: d,
               name: "filter",
-              targetEl: p,
+              targetEl: c,
               fromEl: t,
               toEl: t
             }), de("filter", a, {
               evt: e
             }), !0;
-        }), f)) {
+        }), v)) {
           o && e.cancelable && e.preventDefault();
           return;
         }
-        l.handle && !he(s, l.handle, t, !1) || this._prepareDragStart(e, n, p);
+        l.handle && !be(s, l.handle, t, !1) || this._prepareDragStart(e, n, c);
       }
     }
   },
   _prepareDragStart: function(e, a, t) {
-    var l = this, o = l.el, r = l.options, n = o.ownerDocument, p;
+    var l = this, o = l.el, r = l.options, n = o.ownerDocument, c;
     if (t && !h && t.parentNode === o) {
       var s = te(t);
-      if (L = o, h = t, K = h.parentNode, Ee = h.nextSibling, ot = t, Ze = r.group, S.dragged = h, ke = {
+      if ($ = o, h = t, W = h.parentNode, Ee = h.nextSibling, ot = t, Ze = r.group, D.dragged = h, ke = {
         target: h,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
-      }, ea = ke.clientX - s.left, ta = ke.clientY - s.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, h.style["will-change"] = "all", p = function() {
+      }, ea = ke.clientX - s.left, ta = ke.clientY - s.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, h.style["will-change"] = "all", c = function() {
         if (de("delayEnded", l, {
           evt: e
-        }), S.eventCanceled) {
+        }), D.eventCanceled) {
           l._onDrop();
           return;
         }
-        l._disableDelayedDragEvents(), !Wt && l.nativeDraggable && (h.draggable = !0), l._triggerDragStart(e, a), ue({
+        l._disableDelayedDragEvents(), !zt && l.nativeDraggable && (h.draggable = !0), l._triggerDragStart(e, a), ue({
           sortable: l,
           name: "choose",
           originalEvent: e
         }), me(h, r.chosenClass, !0);
-      }, r.ignore.split(",").forEach(function(f) {
-        ga(h, f.trim(), kt);
-      }), M(n, "dragover", De), M(n, "mousemove", De), M(n, "touchmove", De), M(n, "mouseup", l._onDrop), M(n, "touchend", l._onDrop), M(n, "touchcancel", l._onDrop), Wt && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), de("delayStart", this, {
+      }, r.ignore.split(",").forEach(function(v) {
+        ga(h, v.trim(), kt);
+      }), R(n, "dragover", De), R(n, "mousemove", De), R(n, "touchmove", De), R(n, "mouseup", l._onDrop), R(n, "touchend", l._onDrop), R(n, "touchcancel", l._onDrop), zt && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), de("delayStart", this, {
         evt: e
       }), r.delay && (!r.delayOnTouchOnly || a) && (!this.nativeDraggable || !(Qe || xe))) {
-        if (S.eventCanceled) {
+        if (D.eventCanceled) {
           this._onDrop();
           return;
         }
-        M(n, "mouseup", l._disableDelayedDrag), M(n, "touchend", l._disableDelayedDrag), M(n, "touchcancel", l._disableDelayedDrag), M(n, "mousemove", l._delayedDragTouchMoveHandler), M(n, "touchmove", l._delayedDragTouchMoveHandler), r.supportPointer && M(n, "pointermove", l._delayedDragTouchMoveHandler), l._dragStartTimer = setTimeout(p, r.delay);
+        R(n, "mouseup", l._disableDelayedDrag), R(n, "touchend", l._disableDelayedDrag), R(n, "touchcancel", l._disableDelayedDrag), R(n, "mousemove", l._delayedDragTouchMoveHandler), R(n, "touchmove", l._delayedDragTouchMoveHandler), r.supportPointer && R(n, "pointermove", l._delayedDragTouchMoveHandler), l._dragStartTimer = setTimeout(c, r.delay);
       } else
-        p();
+        c();
     }
   },
   _delayedDragTouchMoveHandler: function(e) {
@@ -2933,10 +2933,10 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
-    O(e, "mouseup", this._disableDelayedDrag), O(e, "touchend", this._disableDelayedDrag), O(e, "touchcancel", this._disableDelayedDrag), O(e, "mousemove", this._delayedDragTouchMoveHandler), O(e, "touchmove", this._delayedDragTouchMoveHandler), O(e, "pointermove", this._delayedDragTouchMoveHandler);
+    A(e, "mouseup", this._disableDelayedDrag), A(e, "touchend", this._disableDelayedDrag), A(e, "touchcancel", this._disableDelayedDrag), A(e, "mousemove", this._delayedDragTouchMoveHandler), A(e, "touchmove", this._delayedDragTouchMoveHandler), A(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
-    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? M(document, "pointermove", this._onTouchMove) : a ? M(document, "touchmove", this._onTouchMove) : M(document, "mousemove", this._onTouchMove) : (M(h, "dragend", this), M(L, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? R(document, "pointermove", this._onTouchMove) : a ? R(document, "touchmove", this._onTouchMove) : R(document, "mousemove", this._onTouchMove) : (R(h, "dragend", this), R($, "dragstart", this._onDragStart));
     try {
       document.selection ? it(function() {
         document.selection.empty();
@@ -2945,12 +2945,12 @@ S.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, a) {
-    if (Ae = !1, L && h) {
+    if (Ae = !1, $ && h) {
       de("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && M(document, "dragover", Pl);
+      }), this.nativeDraggable && R(document, "dragover", Al);
       var t = this.options;
-      !e && me(h, t.dragClass, !1), me(h, t.ghostClass, !0), S.active = this, e && this._appendGhost(), ue({
+      !e && me(h, t.dragClass, !1), me(h, t.ghostClass, !0), D.active = this, e && this._appendGhost(), ue({
         sortable: this,
         name: "start",
         originalEvent: a
@@ -2959,17 +2959,17 @@ S.prototype = /** @lends Sortable.prototype */
       this._nulling();
   },
   _emulateDragOver: function() {
-    if (ye) {
-      this._lastX = ye.clientX, this._lastY = ye.clientY, xa();
-      for (var e = document.elementFromPoint(ye.clientX, ye.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(ye.clientX, ye.clientY), e !== a); )
+    if (he) {
+      this._lastX = he.clientX, this._lastY = he.clientY, xa();
+      for (var e = document.elementFromPoint(he.clientX, he.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(he.clientX, he.clientY), e !== a); )
         a = e;
       if (h.parentNode[ve]._isOutsideThisEl(e), a)
         do {
           if (a[ve]) {
             var t = void 0;
             if (t = a[ve]._onDragOver({
-              clientX: ye.clientX,
-              clientY: ye.clientY,
+              clientX: he.clientX,
+              clientY: he.clientY,
               target: e,
               rootEl: a
             }), t && !this.options.dragoverBubble)
@@ -2982,62 +2982,62 @@ S.prototype = /** @lends Sortable.prototype */
   },
   _onTouchMove: function(e) {
     if (ke) {
-      var a = this.options, t = a.fallbackTolerance, l = a.fallbackOffset, o = e.touches ? e.touches[0] : e, r = D && Ge(D, !0), n = D && r && r.a, p = D && r && r.d, s = tt && se && Zt(se), f = (o.clientX - ke.clientX + l.x) / (n || 1) + (s ? s[0] - Nt[0] : 0) / (n || 1), d = (o.clientY - ke.clientY + l.y) / (p || 1) + (s ? s[1] - Nt[1] : 0) / (p || 1);
-      if (!S.active && !Ae) {
+      var a = this.options, t = a.fallbackTolerance, l = a.fallbackOffset, o = e.touches ? e.touches[0] : e, r = V && Be(V, !0), n = V && r && r.a, c = V && r && r.d, s = tt && se && Zt(se), v = (o.clientX - ke.clientX + l.x) / (n || 1) + (s ? s[0] - Nt[0] : 0) / (n || 1), d = (o.clientY - ke.clientY + l.y) / (c || 1) + (s ? s[1] - Nt[1] : 0) / (c || 1);
+      if (!D.active && !Ae) {
         if (t && Math.max(Math.abs(o.clientX - this._lastX), Math.abs(o.clientY - this._lastY)) < t)
           return;
         this._onDragStart(e, !0);
       }
-      if (D) {
-        r ? (r.e += f - (Ft || 0), r.f += d - (St || 0)) : r = {
+      if (V) {
+        r ? (r.e += v - (Ft || 0), r.f += d - (St || 0)) : r = {
           a: 1,
           b: 0,
           c: 0,
           d: 1,
-          e: f,
+          e: v,
           f: d
         };
         var m = "matrix(".concat(r.a, ",").concat(r.b, ",").concat(r.c, ",").concat(r.d, ",").concat(r.e, ",").concat(r.f, ")");
-        F(D, "webkitTransform", m), F(D, "mozTransform", m), F(D, "msTransform", m), F(D, "transform", m), Ft = f, St = d, ye = o;
+        k(V, "webkitTransform", m), k(V, "mozTransform", m), k(V, "msTransform", m), k(V, "transform", m), Ft = v, St = d, he = o;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
-    if (!D) {
-      var e = this.options.fallbackOnBody ? document.body : L, a = te(h, !0, tt, !0, e), t = this.options;
+    if (!V) {
+      var e = this.options.fallbackOnBody ? document.body : $, a = te(h, !0, tt, !0, e), t = this.options;
       if (tt) {
-        for (se = e; F(se, "position") === "static" && F(se, "transform") === "none" && se !== document; )
+        for (se = e; k(se, "position") === "static" && k(se, "transform") === "none" && se !== document; )
           se = se.parentNode;
         se !== document.body && se !== document.documentElement ? (se === document && (se = _e()), a.top += se.scrollTop, a.left += se.scrollLeft) : se = _e(), Nt = Zt(se);
       }
-      D = h.cloneNode(!0), me(D, t.ghostClass, !1), me(D, t.fallbackClass, !0), me(D, t.dragClass, !0), F(D, "transition", ""), F(D, "transform", ""), F(D, "box-sizing", "border-box"), F(D, "margin", 0), F(D, "top", a.top), F(D, "left", a.left), F(D, "width", a.width), F(D, "height", a.height), F(D, "opacity", "0.8"), F(D, "position", tt ? "absolute" : "fixed"), F(D, "zIndex", "100000"), F(D, "pointerEvents", "none"), S.ghost = D, e.appendChild(D), F(D, "transform-origin", ea / parseInt(D.style.width) * 100 + "% " + ta / parseInt(D.style.height) * 100 + "%");
+      V = h.cloneNode(!0), me(V, t.ghostClass, !1), me(V, t.fallbackClass, !0), me(V, t.dragClass, !0), k(V, "transition", ""), k(V, "transform", ""), k(V, "box-sizing", "border-box"), k(V, "margin", 0), k(V, "top", a.top), k(V, "left", a.left), k(V, "width", a.width), k(V, "height", a.height), k(V, "opacity", "0.8"), k(V, "position", tt ? "absolute" : "fixed"), k(V, "zIndex", "100000"), k(V, "pointerEvents", "none"), D.ghost = V, e.appendChild(V), k(V, "transform-origin", ea / parseInt(V.style.width) * 100 + "% " + ta / parseInt(V.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, a) {
     var t = this, l = e.dataTransfer, o = t.options;
     if (de("dragStart", this, {
       evt: e
-    }), S.eventCanceled) {
+    }), D.eventCanceled) {
       this._onDrop();
       return;
     }
-    de("setupClone", this), S.eventCanceled || (j = ba(h), j.removeAttribute("id"), j.draggable = !1, j.style["will-change"] = "", this._hideClone(), me(j, this.options.chosenClass, !1), S.clone = j), t.cloneId = it(function() {
-      de("clone", t), !S.eventCanceled && (t.options.removeCloneOnHide || L.insertBefore(j, h), t._hideClone(), ue({
+    de("setupClone", this), D.eventCanceled || (H = ba(h), H.removeAttribute("id"), H.draggable = !1, H.style["will-change"] = "", this._hideClone(), me(H, this.options.chosenClass, !1), D.clone = H), t.cloneId = it(function() {
+      de("clone", t), !D.eventCanceled && (t.options.removeCloneOnHide || $.insertBefore(H, h), t._hideClone(), ue({
         sortable: t,
         name: "clone"
       }));
-    }), !a && me(h, o.dragClass, !0), a ? (dt = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (O(document, "mouseup", t._onDrop), O(document, "touchend", t._onDrop), O(document, "touchcancel", t._onDrop), l && (l.effectAllowed = "move", o.setData && o.setData.call(t, l, h)), M(document, "drop", t), F(h, "transform", "translateZ(0)")), Ae = !0, t._dragStartId = it(t._dragStarted.bind(t, a, e)), M(document, "selectstart", t), Le = !0, He && F(document.body, "user-select", "none");
+    }), !a && me(h, o.dragClass, !0), a ? (dt = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (A(document, "mouseup", t._onDrop), A(document, "touchend", t._onDrop), A(document, "touchcancel", t._onDrop), l && (l.effectAllowed = "move", o.setData && o.setData.call(t, l, h)), R(document, "drop", t), k(h, "transform", "translateZ(0)")), Ae = !0, t._dragStartId = it(t._dragStarted.bind(t, a, e)), R(document, "selectstart", t), Le = !0, He && k(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var a = this.el, t = e.target, l, o, r, n = this.options, p = n.group, s = S.active, f = Ze === p, d = n.sort, m = le || s, i, u = this, v = !1;
+    var a = this.el, t = e.target, l, o, r, n = this.options, c = n.group, s = D.active, v = Ze === c, d = n.sort, m = oe || s, i, u = this, f = !1;
     if (Ot)
       return;
     function g(z, Ce) {
       de(z, u, we({
         evt: e,
-        isOwner: f,
+        isOwner: v,
         axis: i ? "vertical" : "horizontal",
         revert: r,
         dragRect: l,
@@ -3045,24 +3045,24 @@ S.prototype = /** @lends Sortable.prototype */
         canSort: d,
         fromSortable: m,
         target: t,
-        completed: c,
+        completed: p,
         onMove: function(ie, Tt) {
-          return at(L, a, h, l, ie, te(ie), e, Tt);
+          return at($, a, h, l, ie, te(ie), e, Tt);
         },
-        changed: w
+        changed: F
       }, Ce));
     }
-    function k() {
+    function C() {
       g("dragOverAnimationCapture"), u.captureAnimationState(), u !== m && m.captureAnimationState();
     }
-    function c(z) {
+    function p(z) {
       return g("dragOverCompleted", {
         insertion: z
-      }), z && (f ? s._hideClone() : s._showClone(u), u !== m && (me(h, le ? le.options.ghostClass : s.options.ghostClass, !1), me(h, n.ghostClass, !0)), le !== u && u !== S.active ? le = u : u === S.active && le && (le = null), m === u && (u._ignoreWhileAnimating = t), u.animateAll(function() {
+      }), z && (v ? s._hideClone() : s._showClone(u), u !== m && (me(h, oe ? oe.options.ghostClass : s.options.ghostClass, !1), me(h, n.ghostClass, !0)), oe !== u && u !== D.active ? oe = u : u === D.active && oe && (oe = null), m === u && (u._ignoreWhileAnimating = t), u.animateAll(function() {
         g("dragOverAnimationComplete"), u._ignoreWhileAnimating = null;
-      }), u !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (t === h && !h.animated || t === a && !t.animated) && (Pe = null), !n.dragoverBubble && !e.rootEl && t !== document && (h.parentNode[ve]._isOutsideThisEl(e.target), !z && De(e)), !n.dragoverBubble && e.stopPropagation && e.stopPropagation(), v = !0;
+      }), u !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (t === h && !h.animated || t === a && !t.animated) && (Pe = null), !n.dragoverBubble && !e.rootEl && t !== document && (h.parentNode[ve]._isOutsideThisEl(e.target), !z && De(e)), !n.dragoverBubble && e.stopPropagation && e.stopPropagation(), f = !0;
     }
-    function w() {
+    function F() {
       fe = ge(h), Fe = ge(h, n.draggable), ue({
         sortable: u,
         name: "change",
@@ -3072,116 +3072,116 @@ S.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = he(t, n.draggable, a, !0), g("dragOver"), S.eventCanceled)
-      return v;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = be(t, n.draggable, a, !0), g("dragOver"), D.eventCanceled)
+      return f;
     if (h.contains(e.target) || t.animated && t.animatingX && t.animatingY || u._ignoreWhileAnimating === t)
-      return c(!1);
-    if (dt = !1, s && !n.disabled && (f ? d || (r = K !== L) : le === this || (this.lastPutMode = Ze.checkPull(this, s, h, e)) && p.checkPut(this, s, h, e))) {
-      if (i = this._getDirection(e, t) === "vertical", l = te(h), g("dragOverValid"), S.eventCanceled)
-        return v;
+      return p(!1);
+    if (dt = !1, s && !n.disabled && (v ? d || (r = W !== $) : oe === this || (this.lastPutMode = Ze.checkPull(this, s, h, e)) && c.checkPut(this, s, h, e))) {
+      if (i = this._getDirection(e, t) === "vertical", l = te(h), g("dragOverValid"), D.eventCanceled)
+        return f;
       if (r)
-        return K = L, k(), this._hideClone(), g("revert"), S.eventCanceled || (Ee ? L.insertBefore(h, Ee) : L.appendChild(h)), c(!0);
-      var A = Bt(a, n.draggable);
-      if (!A || Bl(e, i, this) && !A.animated) {
-        if (A === h)
-          return c(!1);
-        if (A && a === e.target && (t = A), t && (o = te(t)), at(L, a, h, l, t, o, e, !!t) !== !1)
-          return k(), A && A.nextSibling ? a.insertBefore(h, A.nextSibling) : a.appendChild(h), K = a, w(), c(!0);
-      } else if (A && ql(e, i, this)) {
-        var U = Ye(a, 0, n, !0);
+        return W = $, C(), this._hideClone(), g("revert"), D.eventCanceled || (Ee ? $.insertBefore(h, Ee) : $.appendChild(h)), p(!0);
+      var U = Gt(a, n.draggable);
+      if (!U || Bl(e, i, this) && !U.animated) {
         if (U === h)
-          return c(!1);
-        if (t = U, o = te(t), at(L, a, h, l, t, o, e, !1) !== !1)
-          return k(), a.insertBefore(h, U), K = a, w(), c(!0);
+          return p(!1);
+        if (U && a === e.target && (t = U), t && (o = te(t)), at($, a, h, l, t, o, e, !!t) !== !1)
+          return C(), U && U.nextSibling ? a.insertBefore(h, U.nextSibling) : a.appendChild(h), W = a, F(), p(!0);
+      } else if (U && Gl(e, i, this)) {
+        var M = Ye(a, 0, n, !0);
+        if (M === h)
+          return p(!1);
+        if (t = M, o = te(t), at($, a, h, l, t, o, e, !1) !== !1)
+          return C(), a.insertBefore(h, M), W = a, F(), p(!0);
       } else if (t.parentNode === a) {
         o = te(t);
-        var q = 0, Q, B = h.parentNode !== a, pe = !Ul(h.animated && h.toRect || l, t.animated && t.toRect || o, i), J = i ? "top" : "left", C = Jt(t, "top", "top") || Jt(h, "top", "top"), x = C ? C.scrollTop : void 0;
-        Pe !== t && (Q = o[J], We = !1, et = !pe && n.invertSwap || B), q = Gl(e, t, o, i, pe ? 1 : n.swapThreshold, n.invertedSwapThreshold == null ? n.swapThreshold : n.invertedSwapThreshold, et, Pe === t);
-        var E;
-        if (q !== 0) {
+        var B = 0, x, E = h.parentNode !== a, pe = !Ml(h.animated && h.toRect || l, t.animated && t.toRect || o, i), J = i ? "top" : "left", N = Jt(t, "top", "top") || Jt(h, "top", "top"), I = N ? N.scrollTop : void 0;
+        Pe !== t && (x = o[J], ze = !1, et = !pe && n.invertSwap || E), B = Yl(e, t, o, i, pe ? 1 : n.swapThreshold, n.invertedSwapThreshold == null ? n.swapThreshold : n.invertedSwapThreshold, et, Pe === t);
+        var O;
+        if (B !== 0) {
           var Z = ge(h);
           do
-            Z -= q, E = K.children[Z];
-          while (E && (F(E, "display") === "none" || E === D));
+            Z -= B, O = W.children[Z];
+          while (O && (k(O, "display") === "none" || O === V));
         }
-        if (q === 0 || E === t)
-          return c(!1);
-        Pe = t, ze = q;
-        var P = t.nextElementSibling, G = !1;
-        G = q === 1;
-        var X = at(L, a, h, l, t, o, e, G);
-        if (X !== !1)
-          return (X === 1 || X === -1) && (G = X === 1), Ot = !0, setTimeout(Rl, 30), k(), G && !P ? a.appendChild(h) : t.parentNode.insertBefore(h, G ? P : t), C && ha(C, 0, x - C.scrollTop), K = h.parentNode, Q !== void 0 && !et && (rt = Math.abs(Q - te(t)[J])), w(), c(!0);
+        if (B === 0 || O === t)
+          return p(!1);
+        Pe = t, We = B;
+        var q = t.nextElementSibling, L = !1;
+        L = B === 1;
+        var K = at($, a, h, l, t, o, e, L);
+        if (K !== !1)
+          return (K === 1 || K === -1) && (L = K === 1), Ot = !0, setTimeout(ql, 30), C(), L && !q ? a.appendChild(h) : t.parentNode.insertBefore(h, L ? q : t), N && ha(N, 0, I - N.scrollTop), W = h.parentNode, x !== void 0 && !et && (rt = Math.abs(x - te(t)[J])), F(), p(!0);
       }
       if (a.contains(h))
-        return c(!1);
+        return p(!1);
     }
     return !1;
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    O(document, "mousemove", this._onTouchMove), O(document, "touchmove", this._onTouchMove), O(document, "pointermove", this._onTouchMove), O(document, "dragover", De), O(document, "mousemove", De), O(document, "touchmove", De);
+    A(document, "mousemove", this._onTouchMove), A(document, "touchmove", this._onTouchMove), A(document, "pointermove", this._onTouchMove), A(document, "dragover", De), A(document, "mousemove", De), A(document, "touchmove", De);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
-    O(e, "mouseup", this._onDrop), O(e, "touchend", this._onDrop), O(e, "pointerup", this._onDrop), O(e, "touchcancel", this._onDrop), O(document, "selectstart", this);
+    A(e, "mouseup", this._onDrop), A(e, "touchend", this._onDrop), A(e, "pointerup", this._onDrop), A(e, "touchcancel", this._onDrop), A(document, "selectstart", this);
   },
   _onDrop: function(e) {
     var a = this.el, t = this.options;
     if (fe = ge(h), Fe = ge(h, t.draggable), de("drop", this, {
       evt: e
-    }), K = h && h.parentNode, fe = ge(h), Fe = ge(h, t.draggable), S.eventCanceled) {
+    }), W = h && h.parentNode, fe = ge(h), Fe = ge(h, t.draggable), D.eventCanceled) {
       this._nulling();
       return;
     }
-    Ae = !1, et = !1, We = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ut(this.cloneId), Ut(this._dragStartId), this.nativeDraggable && (O(document, "drop", this), O(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), He && F(document.body, "user-select", ""), F(h, "transform", ""), e && (Le && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), (L === K || le && le.lastPutMode !== "clone") && j && j.parentNode && j.parentNode.removeChild(j), h && (this.nativeDraggable && O(h, "dragend", this), kt(h), h.style["will-change"] = "", Le && !Ae && me(h, le ? le.options.ghostClass : this.options.ghostClass, !1), me(h, this.options.chosenClass, !1), ue({
+    Ae = !1, et = !1, ze = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Ut(this.cloneId), Ut(this._dragStartId), this.nativeDraggable && (A(document, "drop", this), A(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), He && k(document.body, "user-select", ""), k(h, "transform", ""), e && (Le && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), V && V.parentNode && V.parentNode.removeChild(V), ($ === W || oe && oe.lastPutMode !== "clone") && H && H.parentNode && H.parentNode.removeChild(H), h && (this.nativeDraggable && A(h, "dragend", this), kt(h), h.style["will-change"] = "", Le && !Ae && me(h, oe ? oe.options.ghostClass : this.options.ghostClass, !1), me(h, this.options.chosenClass, !1), ue({
       sortable: this,
       name: "unchoose",
-      toEl: K,
+      toEl: W,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), L !== K ? (fe >= 0 && (ue({
-      rootEl: K,
+    }), $ !== W ? (fe >= 0 && (ue({
+      rootEl: W,
       name: "add",
-      toEl: K,
-      fromEl: L,
+      toEl: W,
+      fromEl: $,
       originalEvent: e
     }), ue({
       sortable: this,
       name: "remove",
-      toEl: K,
+      toEl: W,
       originalEvent: e
     }), ue({
-      rootEl: K,
+      rootEl: W,
       name: "sort",
-      toEl: K,
-      fromEl: L,
+      toEl: W,
+      fromEl: $,
       originalEvent: e
     }), ue({
       sortable: this,
       name: "sort",
-      toEl: K,
+      toEl: W,
       originalEvent: e
-    })), le && le.save()) : fe !== Be && fe >= 0 && (ue({
+    })), oe && oe.save()) : fe !== Ge && fe >= 0 && (ue({
       sortable: this,
       name: "update",
-      toEl: K,
+      toEl: W,
       originalEvent: e
     }), ue({
       sortable: this,
       name: "sort",
-      toEl: K,
+      toEl: W,
       originalEvent: e
-    })), S.active && ((fe == null || fe === -1) && (fe = Be, Fe = Ke), ue({
+    })), D.active && ((fe == null || fe === -1) && (fe = Ge, Fe = Ke), ue({
       sortable: this,
       name: "end",
-      toEl: K,
+      toEl: W,
       originalEvent: e
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    de("nulling", this), L = h = K = D = Ee = j = ot = Se = ke = ye = Le = fe = Fe = Be = Ke = Pe = ze = le = Ze = S.dragged = S.ghost = S.clone = S.active = null, mt.forEach(function(e) {
+    de("nulling", this), $ = h = W = V = Ee = H = ot = Se = ke = he = Le = fe = Fe = Ge = Ke = Pe = We = oe = Ze = D.dragged = D.ghost = D.clone = D.active = null, mt.forEach(function(e) {
       e.checked = !0;
     }), mt.length = Ft = St = 0;
   },
@@ -3193,7 +3193,7 @@ S.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        h && (this._onDragOver(e), Al(e));
+        h && (this._onDragOver(e), Rl(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -3206,7 +3206,7 @@ S.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, t = this.el.children, l = 0, o = t.length, r = this.options; l < o; l++)
-      a = t[l], he(a, r.draggable, this.el, !1) && e.push(a.getAttribute(r.dataIdAttr) || Ll(a));
+      a = t[l], be(a, r.draggable, this.el, !1) && e.push(a.getAttribute(r.dataIdAttr) || $l(a));
     return e;
   },
   /**
@@ -3217,7 +3217,7 @@ S.prototype = /** @lends Sortable.prototype */
     var t = {}, l = this.el;
     this.toArray().forEach(function(o, r) {
       var n = l.children[r];
-      he(n, this.options.draggable, l, !1) && (t[o] = n);
+      be(n, this.options.draggable, l, !1) && (t[o] = n);
     }, this), a && this.captureAnimationState(), e.forEach(function(o) {
       t[o] && (l.removeChild(t[o]), l.appendChild(t[o]));
     }), a && this.animateAll();
@@ -3236,7 +3236,7 @@ S.prototype = /** @lends Sortable.prototype */
    * @returns {HTMLElement|null}
    */
   closest: function(e, a) {
-    return he(e, a || this.options.draggable, this.el, !1);
+    return be(e, a || this.options.draggable, this.el, !1);
   },
   /**
    * Set/get option
@@ -3257,15 +3257,15 @@ S.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     de("destroy", this);
     var e = this.el;
-    e[ve] = null, O(e, "mousedown", this._onTapStart), O(e, "touchstart", this._onTapStart), O(e, "pointerdown", this._onTapStart), this.nativeDraggable && (O(e, "dragover", this), O(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
+    e[ve] = null, A(e, "mousedown", this._onTapStart), A(e, "touchstart", this._onTapStart), A(e, "pointerdown", this._onTapStart), this.nativeDraggable && (A(e, "dragover", this), A(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
       a.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), pt.splice(pt.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
     if (!Se) {
-      if (de("hideClone", this), S.eventCanceled)
+      if (de("hideClone", this), D.eventCanceled)
         return;
-      F(j, "display", "none"), this.options.removeCloneOnHide && j.parentNode && j.parentNode.removeChild(j), Se = !0;
+      k(H, "display", "none"), this.options.removeCloneOnHide && H.parentNode && H.parentNode.removeChild(H), Se = !0;
     }
   },
   _showClone: function(e) {
@@ -3274,58 +3274,58 @@ S.prototype = /** @lends Sortable.prototype */
       return;
     }
     if (Se) {
-      if (de("showClone", this), S.eventCanceled)
+      if (de("showClone", this), D.eventCanceled)
         return;
-      h.parentNode == L && !this.options.group.revertClone ? L.insertBefore(j, h) : Ee ? L.insertBefore(j, Ee) : L.appendChild(j), this.options.group.revertClone && this.animate(h, j), F(j, "display", ""), Se = !1;
+      h.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(H, h) : Ee ? $.insertBefore(H, Ee) : $.appendChild(H), this.options.group.revertClone && this.animate(h, H), k(H, "display", ""), Se = !1;
     }
   }
 };
-function Al(e) {
+function Rl(e) {
   e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
 }
-function at(e, a, t, l, o, r, n, p) {
-  var s, f = e[ve], d = f.options.onMove, m;
+function at(e, a, t, l, o, r, n, c) {
+  var s, v = e[ve], d = v.options.onMove, m;
   return window.CustomEvent && !xe && !Qe ? s = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = a, s.from = e, s.dragged = t, s.draggedRect = l, s.related = o || a, s.relatedRect = r || te(a), s.willInsertAfter = p, s.originalEvent = n, e.dispatchEvent(s), d && (m = d.call(f, s, n)), m;
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = a, s.from = e, s.dragged = t, s.draggedRect = l, s.related = o || a, s.relatedRect = r || te(a), s.willInsertAfter = c, s.originalEvent = n, e.dispatchEvent(s), d && (m = d.call(v, s, n)), m;
 }
 function kt(e) {
   e.draggable = !1;
 }
-function Rl() {
+function ql() {
   Ot = !1;
 }
-function ql(e, a, t) {
-  var l = te(Ye(t.el, 0, t.options, !0)), o = _a(t.el, t.options, D), r = 10;
+function Gl(e, a, t) {
+  var l = te(Ye(t.el, 0, t.options, !0)), o = _a(t.el, t.options, V), r = 10;
   return a ? e.clientX < o.left - r || e.clientY < l.top && e.clientX < l.right : e.clientY < o.top - r || e.clientY < l.bottom && e.clientX < l.left;
 }
 function Bl(e, a, t) {
-  var l = te(Bt(t.el, t.options.draggable)), o = _a(t.el, t.options, D), r = 10;
+  var l = te(Gt(t.el, t.options.draggable)), o = _a(t.el, t.options, V), r = 10;
   return a ? e.clientX > o.right + r || e.clientY > l.bottom && e.clientX > l.left : e.clientY > o.bottom + r || e.clientX > l.right && e.clientY > l.top;
 }
-function Gl(e, a, t, l, o, r, n, p) {
-  var s = l ? e.clientY : e.clientX, f = l ? t.height : t.width, d = l ? t.top : t.left, m = l ? t.bottom : t.right, i = !1;
+function Yl(e, a, t, l, o, r, n, c) {
+  var s = l ? e.clientY : e.clientX, v = l ? t.height : t.width, d = l ? t.top : t.left, m = l ? t.bottom : t.right, i = !1;
   if (!n) {
-    if (p && rt < f * o) {
-      if (!We && (ze === 1 ? s > d + f * r / 2 : s < m - f * r / 2) && (We = !0), We)
+    if (c && rt < v * o) {
+      if (!ze && (We === 1 ? s > d + v * r / 2 : s < m - v * r / 2) && (ze = !0), ze)
         i = !0;
-      else if (ze === 1 ? s < d + rt : s > m - rt)
-        return -ze;
-    } else if (s > d + f * (1 - o) / 2 && s < m - f * (1 - o) / 2)
-      return Yl(a);
+      else if (We === 1 ? s < d + rt : s > m - rt)
+        return -We;
+    } else if (s > d + v * (1 - o) / 2 && s < m - v * (1 - o) / 2)
+      return Ll(a);
   }
-  return i = i || n, i && (s < d + f * r / 2 || s > m - f * r / 2) ? s > d + f / 2 ? 1 : -1 : 0;
+  return i = i || n, i && (s < d + v * r / 2 || s > m - v * r / 2) ? s > d + v / 2 ? 1 : -1 : 0;
 }
-function Yl(e) {
+function Ll(e) {
   return ge(h) < ge(e) ? 1 : -1;
 }
-function Ll(e) {
+function $l(e) {
   for (var a = e.tagName + e.className + e.src + e.href + e.textContent, t = a.length, l = 0; t--; )
     l += a.charCodeAt(t);
   return l.toString(36);
 }
-function $l(e) {
+function jl(e) {
   mt.length = 0;
   for (var a = e.getElementsByTagName("input"), t = a.length; t--; ) {
     var l = a[t];
@@ -3338,20 +3338,20 @@ function it(e) {
 function Ut(e) {
   return clearTimeout(e);
 }
-wt && M(document, "touchmove", function(e) {
-  (S.active || Ae) && e.cancelable && e.preventDefault();
+wt && R(document, "touchmove", function(e) {
+  (D.active || Ae) && e.cancelable && e.preventDefault();
 });
-S.utils = {
-  on: M,
-  off: O,
-  css: F,
+D.utils = {
+  on: R,
+  off: A,
+  css: k,
   find: ga,
   is: function(e, a) {
-    return !!he(e, a, e, !1);
+    return !!be(e, a, e, !1);
   },
-  extend: Fl,
+  extend: Sl,
   throttle: ya,
-  closest: he,
+  closest: be,
   toggleClass: me,
   clone: ba,
   index: ge,
@@ -3360,24 +3360,24 @@ S.utils = {
   detectDirection: Ta,
   getChild: Ye
 };
-S.get = function(e) {
+D.get = function(e) {
   return e[ve];
 };
-S.mount = function() {
+D.mount = function() {
   for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
     a[t] = arguments[t];
   a[0].constructor === Array && (a = a[0]), a.forEach(function(l) {
     if (!l.prototype || !l.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(l));
-    l.utils && (S.utils = we(we({}, S.utils), l.utils)), Je.mount(l);
+    l.utils && (D.utils = we(we({}, D.utils), l.utils)), Je.mount(l);
   });
 };
-S.create = function(e, a) {
-  return new S(e, a);
+D.create = function(e, a) {
+  return new D(e, a);
 };
-S.version = Il;
+D.version = xl;
 var ee = [], $e, Mt, Pt = !1, Dt, Et, ft, je;
-function jl() {
+function Hl() {
   function e() {
     this.defaults = {
       scroll: !0,
@@ -3392,14 +3392,14 @@ function jl() {
   return e.prototype = {
     dragStarted: function(a) {
       var t = a.originalEvent;
-      this.sortable.nativeDraggable ? M(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? M(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? M(document, "touchmove", this._handleFallbackAutoScroll) : M(document, "mousemove", this._handleFallbackAutoScroll);
+      this.sortable.nativeDraggable ? R(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? R(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? R(document, "touchmove", this._handleFallbackAutoScroll) : R(document, "mousemove", this._handleFallbackAutoScroll);
     },
     dragOverCompleted: function(a) {
       var t = a.originalEvent;
       !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
     },
     drop: function() {
-      this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : (O(document, "pointermove", this._handleFallbackAutoScroll), O(document, "touchmove", this._handleFallbackAutoScroll), O(document, "mousemove", this._handleFallbackAutoScroll)), na(), st(), Sl();
+      this.sortable.nativeDraggable ? A(document, "dragover", this._handleAutoScroll) : (A(document, "pointermove", this._handleFallbackAutoScroll), A(document, "touchmove", this._handleFallbackAutoScroll), A(document, "mousemove", this._handleFallbackAutoScroll)), na(), st(), Nl();
     },
     nulling: function() {
       ft = Mt = $e = Pt = je = Dt = Et = null, ee.length = 0;
@@ -3411,10 +3411,10 @@ function jl() {
       var l = this, o = (a.touches ? a.touches[0] : a).clientX, r = (a.touches ? a.touches[0] : a).clientY, n = document.elementFromPoint(o, r);
       if (ft = a, t || this.options.forceAutoScrollFallback || Qe || xe || He) {
         Vt(a, this.options, n, t);
-        var p = Ne(n, !0);
+        var c = Ne(n, !0);
         Pt && (!je || o !== Dt || r !== Et) && (je && na(), je = setInterval(function() {
           var s = Ne(document.elementFromPoint(o, r), !0);
-          s !== p && (p = s, st()), Vt(a, l.options, s, t);
+          s !== c && (c = s, st()), Vt(a, l.options, s, t);
         }, 10), Dt = o, Et = r);
       } else {
         if (!this.options.bubbleScroll || Ne(n, !0) === _e()) {
@@ -3439,41 +3439,41 @@ function na() {
 }
 var Vt = ya(function(e, a, t, l) {
   if (a.scroll) {
-    var o = (e.touches ? e.touches[0] : e).clientX, r = (e.touches ? e.touches[0] : e).clientY, n = a.scrollSensitivity, p = a.scrollSpeed, s = _e(), f = !1, d;
+    var o = (e.touches ? e.touches[0] : e).clientX, r = (e.touches ? e.touches[0] : e).clientY, n = a.scrollSensitivity, c = a.scrollSpeed, s = _e(), v = !1, d;
     Mt !== t && (Mt = t, st(), $e = a.scroll, d = a.scrollFn, $e === !0 && ($e = Ne(t, !0)));
     var m = 0, i = $e;
     do {
-      var u = i, v = te(u), g = v.top, k = v.bottom, c = v.left, w = v.right, A = v.width, U = v.height, q = void 0, Q = void 0, B = u.scrollWidth, pe = u.scrollHeight, J = F(u), C = u.scrollLeft, x = u.scrollTop;
-      u === s ? (q = A < B && (J.overflowX === "auto" || J.overflowX === "scroll" || J.overflowX === "visible"), Q = U < pe && (J.overflowY === "auto" || J.overflowY === "scroll" || J.overflowY === "visible")) : (q = A < B && (J.overflowX === "auto" || J.overflowX === "scroll"), Q = U < pe && (J.overflowY === "auto" || J.overflowY === "scroll"));
-      var E = q && (Math.abs(w - o) <= n && C + A < B) - (Math.abs(c - o) <= n && !!C), Z = Q && (Math.abs(k - r) <= n && x + U < pe) - (Math.abs(g - r) <= n && !!x);
+      var u = i, f = te(u), g = f.top, C = f.bottom, p = f.left, F = f.right, U = f.width, M = f.height, B = void 0, x = void 0, E = u.scrollWidth, pe = u.scrollHeight, J = k(u), N = u.scrollLeft, I = u.scrollTop;
+      u === s ? (B = U < E && (J.overflowX === "auto" || J.overflowX === "scroll" || J.overflowX === "visible"), x = M < pe && (J.overflowY === "auto" || J.overflowY === "scroll" || J.overflowY === "visible")) : (B = U < E && (J.overflowX === "auto" || J.overflowX === "scroll"), x = M < pe && (J.overflowY === "auto" || J.overflowY === "scroll"));
+      var O = B && (Math.abs(F - o) <= n && N + U < E) - (Math.abs(p - o) <= n && !!N), Z = x && (Math.abs(C - r) <= n && I + M < pe) - (Math.abs(g - r) <= n && !!I);
       if (!ee[m])
-        for (var P = 0; P <= m; P++)
-          ee[P] || (ee[P] = {});
-      (ee[m].vx != E || ee[m].vy != Z || ee[m].el !== u) && (ee[m].el = u, ee[m].vx = E, ee[m].vy = Z, clearInterval(ee[m].pid), (E != 0 || Z != 0) && (f = !0, ee[m].pid = setInterval((function() {
-        l && this.layer === 0 && S.active._onTouchMove(ft);
-        var G = ee[this.layer].vy ? ee[this.layer].vy * p : 0, X = ee[this.layer].vx ? ee[this.layer].vx * p : 0;
-        typeof d == "function" && d.call(S.dragged.parentNode[ve], X, G, e, ft, ee[this.layer].el) !== "continue" || ha(ee[this.layer].el, X, G);
+        for (var q = 0; q <= m; q++)
+          ee[q] || (ee[q] = {});
+      (ee[m].vx != O || ee[m].vy != Z || ee[m].el !== u) && (ee[m].el = u, ee[m].vx = O, ee[m].vy = Z, clearInterval(ee[m].pid), (O != 0 || Z != 0) && (v = !0, ee[m].pid = setInterval((function() {
+        l && this.layer === 0 && D.active._onTouchMove(ft);
+        var L = ee[this.layer].vy ? ee[this.layer].vy * c : 0, K = ee[this.layer].vx ? ee[this.layer].vx * c : 0;
+        typeof d == "function" && d.call(D.dragged.parentNode[ve], K, L, e, ft, ee[this.layer].el) !== "continue" || ha(ee[this.layer].el, K, L);
       }).bind({
         layer: m
       }), 24))), m++;
     } while (a.bubbleScroll && i !== s && (i = Ne(i, !1)));
-    Pt = f;
+    Pt = v;
   }
 }, 30), Fa = function(e) {
-  var a = e.originalEvent, t = e.putSortable, l = e.dragEl, o = e.activeSortable, r = e.dispatchSortableEvent, n = e.hideGhostForTarget, p = e.unhideGhostForTarget;
+  var a = e.originalEvent, t = e.putSortable, l = e.dragEl, o = e.activeSortable, r = e.dispatchSortableEvent, n = e.hideGhostForTarget, c = e.unhideGhostForTarget;
   if (a) {
     var s = t || o;
     n();
-    var f = a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a, d = document.elementFromPoint(f.clientX, f.clientY);
-    p(), s && !s.el.contains(d) && (r("spill"), this.onSpill({
+    var v = a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a, d = document.elementFromPoint(v.clientX, v.clientY);
+    c(), s && !s.el.contains(d) && (r("spill"), this.onSpill({
       dragEl: l,
       putSortable: t
     }));
   }
 };
-function Gt() {
+function Bt() {
 }
-Gt.prototype = {
+Bt.prototype = {
   startIndex: null,
   dragStart: function(e) {
     var a = e.oldDraggableIndex;
@@ -3487,7 +3487,7 @@ Gt.prototype = {
   },
   drop: Fa
 };
-Ie(Gt, {
+Ie(Bt, {
   pluginName: "revertOnSpill"
 });
 function Yt() {
@@ -3502,15 +3502,15 @@ Yt.prototype = {
 Ie(Yt, {
   pluginName: "removeOnSpill"
 });
-S.mount(new jl());
-S.mount(Yt, Gt);
-function Hl(e) {
+D.mount(new Hl());
+D.mount(Yt, Bt);
+function Xl(e) {
   return e == null ? e : JSON.parse(JSON.stringify(e));
 }
-function Xl(e) {
+function Kl(e) {
   Rt() && Oa(e);
 }
-function Kl(e) {
+function Wl(e) {
   Rt() ? re(e) : ra(e);
 }
 let Sa = null, Na = null;
@@ -3524,141 +3524,141 @@ function zl() {
   };
 }
 const oa = Symbol("cloneElement");
-function Wl(...e) {
+function Ql(...e) {
   var a, t;
   const l = (a = Rt()) == null ? void 0 : a.proxy;
   let o = null;
   const r = e[0];
-  let [, n, p] = e;
-  Array.isArray(V(n)) || (p = n, n = null);
+  let [, n, c] = e;
+  Array.isArray(P(n)) || (c = n, n = null);
   let s = null;
   const {
-    immediate: f = !0,
-    clone: d = Hl,
+    immediate: v = !0,
+    clone: d = Xl,
     forceFallback: m,
     fallbackOnBody: i,
     customUpdate: u
-  } = (t = V(p)) != null ? t : {};
-  function v(C) {
-    var x;
-    const { from: E, oldIndex: Z, item: P } = C, G = Array.from(E.childNodes);
-    o = m && !i ? G.slice(0, -1) : G;
-    const X = V((x = V(n)) == null ? void 0 : x[Z]), z = d(X);
-    la(X, z), P[oa] = z;
+  } = (t = P(c)) != null ? t : {};
+  function f(N) {
+    var I;
+    const { from: O, oldIndex: Z, item: q } = N, L = Array.from(O.childNodes);
+    o = m && !i ? L.slice(0, -1) : L;
+    const K = P((I = P(n)) == null ? void 0 : I[Z]), z = d(K);
+    la(K, z), q[oa] = z;
   }
-  function g(C) {
-    const x = C.item[oa];
-    if (!pl(x)) {
-      if (It(C.item), Oe(n)) {
-        const E = [...V(n)];
-        n.value = Ht(E, C.newDraggableIndex, x);
+  function g(N) {
+    const I = N.item[oa];
+    if (!ml(I)) {
+      if (It(N.item), Oe(n)) {
+        const O = [...P(n)];
+        n.value = Ht(O, N.newDraggableIndex, I);
         return;
       }
-      Ht(V(n), C.newDraggableIndex, x);
+      Ht(P(n), N.newDraggableIndex, I);
     }
   }
-  function k(C) {
-    const { from: x, item: E, oldIndex: Z, oldDraggableIndex: P, pullMode: G, clone: X } = C;
-    if (Xt(x, E, Z), G === "clone") {
-      It(X);
+  function C(N) {
+    const { from: I, item: O, oldIndex: Z, oldDraggableIndex: q, pullMode: L, clone: K } = N;
+    if (Xt(I, O, Z), L === "clone") {
+      It(K);
       return;
     }
     if (Oe(n)) {
-      const z = [...V(n)];
-      n.value = jt(z, P);
+      const z = [...P(n)];
+      n.value = jt(z, q);
       return;
     }
-    jt(V(n), P);
+    jt(P(n), q);
   }
-  function c(C) {
+  function p(N) {
     if (u) {
-      u(C);
+      u(N);
       return;
     }
-    const { from: x, item: E, oldIndex: Z, oldDraggableIndex: P, newDraggableIndex: G } = C;
-    if (It(E), Xt(x, E, Z), Oe(n)) {
-      const X = [...V(n)];
+    const { from: I, item: O, oldIndex: Z, oldDraggableIndex: q, newDraggableIndex: L } = N;
+    if (It(O), Xt(I, O, Z), Oe(n)) {
+      const K = [...P(n)];
       n.value = $t(
-        X,
-        P,
-        G
+        K,
+        q,
+        L
       );
       return;
     }
-    $t(V(n), P, G);
+    $t(P(n), q, L);
   }
-  function w(C) {
-    const { newIndex: x, oldIndex: E, from: Z, to: P } = C;
-    let G = null;
-    const X = x === E && Z === P;
+  function F(N) {
+    const { newIndex: I, oldIndex: O, from: Z, to: q } = N;
+    let L = null;
+    const K = I === O && Z === q;
     try {
-      if (X) {
+      if (K) {
         let z = null;
         o == null || o.some((Ce, ie) => {
-          if (z && (o == null ? void 0 : o.length) !== P.childNodes.length)
+          if (z && (o == null ? void 0 : o.length) !== q.childNodes.length)
             return Z.insertBefore(z, Ce.nextSibling), !0;
-          const Tt = P.childNodes[ie];
-          z = P == null ? void 0 : P.replaceChild(Ce, Tt);
+          const Tt = q.childNodes[ie];
+          z = q == null ? void 0 : q.replaceChild(Ce, Tt);
         });
       }
     } catch (z) {
-      G = z;
+      L = z;
     } finally {
       o = null;
     }
     ra(() => {
-      if (la(), G)
-        throw G;
+      if (la(), L)
+        throw L;
     });
   }
-  const A = {
-    onUpdate: c,
-    onStart: v,
+  const U = {
+    onUpdate: p,
+    onStart: f,
     onAdd: g,
-    onRemove: k,
-    onEnd: w
+    onRemove: C,
+    onEnd: F
   };
-  function U(C) {
-    const x = V(r);
-    return C || (C = ml(x) ? fl(x, l == null ? void 0 : l.$el) : x), C && !yl(C) && (C = C.$el), C || ul("Root element not found"), C;
+  function M(N) {
+    const I = P(r);
+    return N || (N = fl(I) ? vl(I, l == null ? void 0 : l.$el) : I), N && !hl(N) && (N = N.$el), N || cl("Root element not found"), N;
   }
-  function q() {
-    var C;
-    const x = (C = V(p)) != null ? C : {}, { immediate: E, clone: Z } = x, P = da(x, ["immediate", "clone"]);
-    return Kt(P, (G, X) => {
-      hl(G) && (P[G] = (z, ...Ce) => {
+  function B() {
+    var N;
+    const I = (N = P(c)) != null ? N : {}, { immediate: O, clone: Z } = I, q = da(I, ["immediate", "clone"]);
+    return Kt(q, (L, K) => {
+      bl(L) && (q[L] = (z, ...Ce) => {
         const ie = zl();
-        return bl(z, ie), X(z, ...Ce);
+        return _l(z, ie), K(z, ...Ce);
       });
-    }), gl(
-      n === null ? {} : A,
-      P
+    }), yl(
+      n === null ? {} : U,
+      q
     );
   }
-  const Q = (C) => {
-    C = U(C), s && B.destroy(), s = new S(C, q());
+  const x = (N) => {
+    N = M(N), s && E.destroy(), s = new D(N, B());
   };
-  ne(
-    () => p,
+  le(
+    () => c,
     () => {
-      s && Kt(q(), (C, x) => {
-        s == null || s.option(C, x);
+      s && Kt(B(), (N, I) => {
+        s == null || s.option(N, I);
       });
     },
     { deep: !0 }
   );
-  const B = {
-    option: (C, x) => s == null ? void 0 : s.option(C, x),
+  const E = {
+    option: (N, I) => s == null ? void 0 : s.option(N, I),
     destroy: () => {
       s == null || s.destroy(), s = null;
     },
     save: () => s == null ? void 0 : s.save(),
     toArray: () => s == null ? void 0 : s.toArray(),
-    closest: (...C) => s == null ? void 0 : s.closest(...C)
-  }, pe = () => B == null ? void 0 : B.option("disabled", !0), J = () => B == null ? void 0 : B.option("disabled", !1);
-  return Kl(() => {
-    f && Q();
-  }), Xl(B.destroy), qe({ start: Q, pause: pe, resume: J }, B);
+    closest: (...N) => s == null ? void 0 : s.closest(...N)
+  }, pe = () => E == null ? void 0 : E.option("disabled", !0), J = () => E == null ? void 0 : E.option("disabled", !1);
+  return Wl(() => {
+    v && x();
+  }), Kl(E.destroy), qe({ start: x, pause: pe, resume: J }, E);
 }
 const At = [
   "update",
@@ -3673,7 +3673,7 @@ const At = [
   "clone",
   "move",
   "change"
-], Ql = [
+], Jl = [
   "clone",
   "animation",
   "ghostClass",
@@ -3718,45 +3718,51 @@ const At = [
   "target",
   "customUpdate",
   ...At.map((e) => `on${e.replace(/^\S/, (a) => a.toUpperCase())}`)
-], Jl = H({
+], Zl = X({
   name: "VueDraggable",
   model: {
     prop: "modelValue",
     event: "update:modelValue"
   },
-  props: Ql,
+  props: Jl,
   emits: ["update:modelValue", ...At],
   setup(e, { slots: a, emit: t, expose: l, attrs: o }) {
     const r = At.reduce((d, m) => {
       const i = `on${m.replace(/^\S/, (u) => u.toUpperCase())}`;
       return d[i] = (...u) => t(m, ...u), d;
-    }, {}), n = $(() => {
-      const d = Da(e), { modelValue: m } = d, i = da(d, ["modelValue"]), u = Object.entries(i).reduce((v, [g, k]) => {
-        const c = V(k);
-        return c !== void 0 && (v[g] = c), v;
+    }, {}), n = j(() => {
+      const d = Da(e), { modelValue: m } = d, i = da(d, ["modelValue"]), u = Object.entries(i).reduce((f, [g, C]) => {
+        const p = P(C);
+        return p !== void 0 && (f[g] = p), f;
       }, {});
-      return qe(qe({}, r), dl(qe(qe({}, o), u)));
-    }), p = $({
+      return qe(qe({}, r), pl(qe(qe({}, o), u)));
+    }), c = j({
       get: () => e.modelValue,
       set: (d) => t("update:modelValue", d)
-    }), s = T(), f = Ea(
-      Wl(e.target || s, p, n)
+    }), s = w(), v = Ea(
+      Ql(e.target || s, c, n)
     );
-    return l(f), () => {
+    return l(v), () => {
       var d;
-      return Va(e.tag || "div", { ref: s }, (d = a == null ? void 0 : a.default) == null ? void 0 : d.call(a, f));
+      return Va(e.tag || "div", { ref: s }, (d = a == null ? void 0 : a.default) == null ? void 0 : d.call(a, v));
     };
   }
-}), Zl = { class: "flex flex-col gap-6" }, eo = {
+}), eo = { class: "flex flex-col gap-6" }, to = {
   key: 0,
   class: "text-sm text-gray-500 flex items-center gap-1.5 -mb-2"
-}, to = { class: "flex items-center justify-between" }, ao = { class: "flex items-center gap-3" }, no = ["src"], lo = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, oo = { class: "font-medium" }, ro = { class: "grid grid-cols-3 gap-4" }, io = {
+}, ao = { class: "flex items-center justify-between" }, no = { class: "flex items-center gap-3" }, lo = ["src"], oo = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, ro = { class: "font-medium" }, io = { class: "grid grid-cols-3 gap-4" }, so = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, uo = { class: "flex items-end gap-3" }, co = {
+  key: 0,
+  class: "flex flex-wrap gap-2"
+}, po = {
   key: 1,
   class: "text-gray-500"
-}, so = {
+}, mo = {
   key: 2,
   class: "mt-2 flex gap-3"
-}, uo = /* @__PURE__ */ H({
+}, fo = /* @__PURE__ */ X({
   __name: "PaymentCheckout",
   props: {
     terminal: {
@@ -3769,35 +3775,46 @@ const At = [
     }
   },
   setup(e) {
-    const a = e, t = () => (a.terminal.paymentCheckouts ?? []).map((d) => ({ ...d })).sort((d, m) => (d.sortOrder ?? 0) - (m.sortOrder ?? 0)), l = T(t());
-    ne(
+    const a = e, t = () => (a.terminal.paymentCheckouts ?? []).map((f) => ({ ...f })).sort((f, g) => (f.sortOrder ?? 0) - (g.sortOrder ?? 0)), l = w(t());
+    le(
       () => a.terminal.paymentCheckouts,
       () => {
         l.value = t();
       }
     );
     function o() {
-      l.value.forEach((d, m) => {
-        d.sortOrder = m;
+      l.value.forEach((f, g) => {
+        f.sortOrder = g;
       });
     }
-    const r = {
+    const r = (f) => f.type === "ecr" || f.type === "ecr_qr", n = w({});
+    function c(f) {
+      const g = (n.value[f.id] ?? "").trim().toUpperCase();
+      if (!g) return;
+      const C = f.fallbackCardTypes ?? [];
+      C.includes(g) || (f.fallbackCardTypes = [...C, g]), n.value[f.id] = "";
+    }
+    function s(f, g) {
+      const C = (f.fallbackCardTypes ?? []).filter((p) => p !== g);
+      f.fallbackCardTypes = C.length > 0 ? C : null;
+    }
+    const v = {
       card: "Card",
       ecr: "ECR",
       ecr_qr: "ECR QR",
       qr: "QR",
       scanpay: "Scan Pay"
-    }, n = (d) => d.action ? `${d.gateway} (${d.action})` : d.gateway;
-    async function p() {
+    }, d = (f) => f.action ? `${f.gateway} (${f.action})` : f.gateway;
+    async function m() {
       await a.onUpdate({
         ...a.terminal,
         paymentCheckouts: l.value
       });
     }
-    const s = Aa();
-    function f() {
-      Ya(
-        s,
+    const i = Ra();
+    function u() {
+      La(
+        i,
         "Reset Payment Checkout",
         "This will clear all customizations (display name, subtitle, icon, payment description, payment tagline, sort order, enabled state) for every payment method on this terminal and restore the defaults. This action cannot be undone.",
         async () => {
@@ -3808,20 +3825,20 @@ const At = [
         }
       );
     }
-    return (d, m) => {
-      const i = _("FmIcon"), u = _("FmTooltip"), v = _("FmSwitch"), g = _("FmTextField"), k = _("FmButton");
-      return b(), R("div", Zl, [
-        l.value.length > 0 ? (b(), R("p", eo, [
-          m[1] || (m[1] = Ve(" Drag the ", -1)),
-          y(i, {
+    return (f, g) => {
+      const C = _("FmIcon"), p = _("FmTooltip"), F = _("FmSwitch"), U = _("FmTextField"), M = _("FmButton"), B = _("FmChip");
+      return b(), G("div", eo, [
+        l.value.length > 0 ? (b(), G("p", to, [
+          g[1] || (g[1] = Ve(" Drag the ", -1)),
+          y(C, {
             class: "text-gray-400 mx-0.5",
             name: "drag_indicator"
           }),
-          m[2] || (m[2] = Ve(" handle to reorder payment checkouts ", -1))
+          g[2] || (g[2] = Ve(" handle to reorder payment checkouts ", -1))
         ])) : Y("", !0),
-        y(V(Jl), {
+        y(P(Zl), {
           modelValue: l.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (c) => l.value = c),
+          "onUpdate:modelValue": g[0] || (g[0] = (x) => l.value = x),
           handle: ".checkout-drag-handle",
           class: "flex flex-col gap-6",
           "drag-class": "dragging-card",
@@ -3829,93 +3846,126 @@ const At = [
           onEnd: o
         }, {
           default: ae(() => [
-            (b(!0), R(oe, null, be(l.value, (c) => (b(), R("div", {
-              key: c.id,
+            (b(!0), G(ne, null, ye(l.value, (x) => (b(), G("div", {
+              key: x.id,
               class: "border rounded-lg p-6 flex flex-col gap-4"
             }, [
-              I("div", to, [
-                I("div", ao, [
-                  y(i, {
+              T("div", ao, [
+                T("div", no, [
+                  y(C, {
                     class: "checkout-drag-handle cursor-grab text-gray-400",
                     name: "drag_indicator"
                   }),
-                  y(u, {
+                  y(p, {
                     variant: "plain",
                     placement: "top",
-                    content: c.gateway,
+                    content: x.gateway,
                     "hide-arrow": !0
                   }, {
                     default: ae(() => [
-                      I("img", {
+                      T("img", {
                         class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-                        src: V(Ga)(c.gateway.toUpperCase())
-                      }, null, 8, no)
+                        src: P(Ya)(x.gateway.toUpperCase())
+                      }, null, 8, lo)
                     ]),
                     _: 2
                   }, 1032, ["content"]),
-                  I("span", lo, Re(r[c.type] ?? c.type), 1),
-                  I("span", oo, Re(n(c)), 1)
+                  T("span", oo, Re(v[x.type] ?? x.type), 1),
+                  T("span", ro, Re(d(x)), 1)
                 ]),
-                y(v, {
-                  modelValue: c.enabled,
-                  "onUpdate:modelValue": (w) => c.enabled = w,
+                y(F, {
+                  modelValue: x.enabled,
+                  "onUpdate:modelValue": (E) => x.enabled = E,
                   label: "Enabled"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
-              I("div", ro, [
-                y(g, {
-                  modelValue: c.displayName,
-                  "onUpdate:modelValue": (w) => c.displayName = w,
+              T("div", io, [
+                y(U, {
+                  modelValue: x.displayName,
+                  "onUpdate:modelValue": (E) => x.displayName = E,
                   label: "Display Name"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                y(g, {
-                  modelValue: c.subtitle,
-                  "onUpdate:modelValue": (w) => c.subtitle = w,
+                y(U, {
+                  modelValue: x.subtitle,
+                  "onUpdate:modelValue": (E) => x.subtitle = E,
                   label: "Subtitle",
                   "label-mark": "optional"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                y(g, {
-                  modelValue: c.icon,
-                  "onUpdate:modelValue": (w) => c.icon = w,
+                y(U, {
+                  modelValue: x.icon,
+                  "onUpdate:modelValue": (E) => x.icon = E,
                   label: "Icon URL",
                   "label-mark": "optional"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                y(g, {
-                  modelValue: c.paymentDescription,
-                  "onUpdate:modelValue": (w) => c.paymentDescription = w,
+                y(U, {
+                  modelValue: x.paymentDescription,
+                  "onUpdate:modelValue": (E) => x.paymentDescription = E,
                   label: "Payment Description",
                   "label-mark": "optional"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                y(g, {
-                  modelValue: c.paymentTagline,
-                  "onUpdate:modelValue": (w) => c.paymentTagline = w,
+                y(U, {
+                  modelValue: x.paymentTagline,
+                  "onUpdate:modelValue": (E) => x.paymentTagline = E,
                   label: "Payment Tagline",
                   "label-mark": "optional"
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ])
+                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                r(x) ? (b(), S(U, {
+                  key: 0,
+                  modelValue: x.receiptPaymentName,
+                  "onUpdate:modelValue": (E) => x.receiptPaymentName = E,
+                  label: "Receipt Payment Name",
+                  "label-info": "Name printed on the receipt. Defaults to TERMINAL_<GATEWAY>.",
+                  "label-mark": "optional"
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : Y("", !0)
+              ]),
+              r(x) ? (b(), G("div", so, [
+                T("div", uo, [
+                  y(U, {
+                    modelValue: n.value[x.id],
+                    "onUpdate:modelValue": (E) => n.value[x.id] = E,
+                    class: "flex-1",
+                    label: "Fallback Card Types",
+                    "label-info": "Cards offered when a transaction falls back to the reconcile dialog. Default VISA, MASTERCARD.",
+                    "label-mark": "optional",
+                    onKeyup: Ua((E) => c(x), ["enter"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"]),
+                  y(M, {
+                    icon: "add",
+                    onClick: (E) => c(x)
+                  }, null, 8, ["onClick"])
+                ]),
+                (x.fallbackCardTypes ?? []).length > 0 ? (b(), G("div", co, [
+                  (b(!0), G(ne, null, ye(x.fallbackCardTypes ?? [], (E) => (b(), S(B, {
+                    key: E,
+                    label: E,
+                    removable: !0,
+                    onChipClosed: () => s(x, E)
+                  }, null, 8, ["label", "onChipClosed"]))), 128))
+                ])) : Y("", !0)
+              ])) : Y("", !0)
             ]))), 128))
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        l.value.length === 0 ? (b(), R("div", io, " No payment methods configured for this terminal. ")) : Y("", !0),
-        l.value.length > 0 ? (b(), R("div", so, [
-          y(k, {
+        l.value.length === 0 ? (b(), G("div", po, " No payment methods configured for this terminal. ")) : Y("", !0),
+        l.value.length > 0 ? (b(), G("div", mo, [
+          y(M, {
             variant: "secondary",
             label: "Reset",
             icon: "restart_alt",
-            onclick: f
+            onclick: u
           }),
-          y(k, {
+          y(M, {
             variant: "primary",
             label: "Save",
             icon: "save",
-            onclick: p
+            onclick: m
           })
         ])) : Y("", !0)
       ]);
     };
   }
-}), co = /* @__PURE__ */ La(uo, [["__scopeId", "data-v-c250c7a0"]]), So = /* @__PURE__ */ H({
+}), vo = /* @__PURE__ */ $a(fo, [["__scopeId", "data-v-7bc2fdb8"]]), Eo = /* @__PURE__ */ X({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -3926,7 +3976,7 @@ const At = [
   setup(e) {
     const a = e, { tab: t } = bt({
       tab: "information"
-    }), { isLoading: l, startAsyncCall: o } = ht(!0), r = Ma(), n = qt(), p = T();
+    }), { isLoading: l, startAsyncCall: o } = ht(!0), r = Pa(), n = qt(), c = w();
     async function s(u) {
       o(async () => {
         try {
@@ -3941,92 +3991,92 @@ const At = [
               qrIntegrations: u.qrIntegrations ?? [],
               paymentCheckouts: u.paymentCheckouts ?? []
             }
-          ), p.value = await Ue.readById(a.terminalId), n.open({
+          ), c.value = await Ue.readById(a.terminalId), n.open({
             type: "success",
             message: "Terminal updated successfully"
           });
-        } catch (v) {
+        } catch (f) {
           n.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: nt(v)
+            message: nt(f)
           });
         }
       });
     }
-    const f = [
+    const v = [
       {
         label: "Information",
         value: "information",
         icon: "overview",
-        render: $a
+        render: ja
       },
       {
         label: "Setting Request",
         value: "settings",
         icon: "settings",
-        render: Ka,
+        render: Wa,
         onlyFor: ["TERMINAL"]
       },
       {
         label: "SoftPos Gateway",
         value: "softpos",
         icon: "payment",
-        render: an
+        render: nn
       },
       {
         label: "ECR Gateway",
         value: "ecr",
         icon: "point_of_sale",
-        render: el,
+        render: tl,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "QR Gateway",
         value: "qr",
         icon: "qr_code",
-        render: rl,
+        render: il,
         onlyFor: ["POS", "KIOSK"]
       },
       {
         label: "Payment Checkout",
         value: "payment-checkout",
         icon: "tune",
-        render: co,
+        render: vo,
         onlyFor: ["KIOSK", "POS", "TERMINAL"]
       }
     ];
     _t().currentCountry;
-    const d = $(() => {
+    const d = j(() => {
       var u;
-      return (u = f.find((v) => v.value === t.value)) == null ? void 0 : u.render;
+      return (u = v.find((f) => f.value === t.value)) == null ? void 0 : u.render;
     });
     async function m() {
       o(async () => {
-        p.value = await Ue.readById(a.terminalId);
+        c.value = await Ue.readById(a.terminalId);
       });
     }
-    const i = $(() => f.filter((u) => {
-      var v;
-      return !u.onlyFor || u.onlyFor.includes(((v = p.value) == null ? void 0 : v.deviceType) ?? "");
+    const i = j(() => v.filter((u) => {
+      var f;
+      return !u.onlyFor || u.onlyFor.includes(((f = c.value) == null ? void 0 : f.deviceType) ?? "");
     }));
-    return re(m), (u, v) => {
-      var k, c;
+    return re(m), (u, f) => {
+      var C, p;
       const g = _("FmTabs");
-      return b(), N(Pa, {
-        title: `${(k = p.value) == null ? void 0 : k.deviceType} (${(c = p.value) == null ? void 0 : c._id})`,
-        loading: V(l),
-        onBack: V(r).back
+      return b(), S(Aa, {
+        title: `${(C = c.value) == null ? void 0 : C.deviceType} (${(p = c.value) == null ? void 0 : p._id})`,
+        loading: P(l),
+        onBack: P(r).back
       }, {
         default: ae(() => [
           y(g, {
-            "model-value": V(t),
-            "onUpdate:modelValue": v[0] || (v[0] = (w) => Oe(t) ? t.value = w : null),
+            "model-value": P(t),
+            "onUpdate:modelValue": f[0] || (f[0] = (F) => Oe(t) ? t.value = F : null),
             class: "mb-6",
             items: i.value
           }, null, 8, ["model-value", "items"]),
-          V(t) ? (b(), N(vt(d.value), gt(yt({ key: 0 }, {
-            terminal: p.value,
+          P(t) ? (b(), S(vt(d.value), gt(yt({ key: 0 }, {
+            terminal: c.value,
             onUpdate: s
           })), null, 16)) : Y("", !0)
         ]),
@@ -4036,5 +4086,5 @@ const At = [
   }
 });
 export {
-  So as default
+  Eo as default
 };