@feedmepos/mf-payment 1.9.12-dev → 1.9.13-dev

package/dist/{TerminalSetting-hMLR2p-0.js → TerminalSetting-CpDVVqna.js}

@@ -1,17 +1,17 @@
-import { defineComponent as X, openBlock as y, createElementBlock as O, Fragment as re, createElementVNode as x, createTextVNode as Ue, toDisplayString as pe, ref as T, resolveComponent as _, createVNode as h, createCommentVNode as R, unref as M, computed as K, isRef as Me, createBlock as S, resolveDynamicComponent as ht, normalizeProps as bt, mergeProps as _t, watch as oe, onBeforeUnmount as Da, toRef as ce, onMounted as ie, withCtx as ae, renderList as be, toRefs as Oa, reactive as Pa, h as Ua, getCurrentInstance as Gt, nextTick as ca, onUnmounted as Ma, normalizeClass as Ht, withModifiers as Aa, withKeys as Ra } from "vue";
-import { u as je, p as Ba, e as J } from "./index-DaezWdx_.js";
+import { defineComponent as X, openBlock as y, createElementBlock as O, Fragment as re, createElementVNode as x, createTextVNode as Ue, toDisplayString as pe, ref as T, resolveComponent as _, createVNode as b, createCommentVNode as R, unref as M, computed as K, isRef as Me, createBlock as S, resolveDynamicComponent as bt, normalizeProps as ht, mergeProps as _t, watch as oe, onBeforeUnmount as Da, toRef as ce, onMounted as ie, withCtx as ae, renderList as he, toRefs as Oa, reactive as Pa, h as Ua, getCurrentInstance as Gt, nextTick as ca, onUnmounted as Ma, normalizeClass as Ht, withModifiers as Aa, withKeys as Ra } from "vue";
+import { u as je, p as Ba, e as J } from "./index-CHb_FpXY.js";
 import { useRouter as qa } from "vue-router";
-import { t as Ae } from "./index-j2yatR42.js";
+import { t as Ae } from "./index-afhcVzt-.js";
 import { _ as Ga } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as wt } from "./index-BrvdMIgA.js";
+import { u as wt } from "./index-DVY0KmHF.js";
 import { useSnackbar as Lt, useDialog as La } from "@feedmepos/ui-library";
 import { u as rt } from "./error-K1CakhA9.js";
 import { useI18n as Ya, useCoreStore as xt } from "@feedmepos/mf-common";
-import { o as $a } from "./index-CNlqiiLw.js";
+import { o as $a } from "./index-BANsbSLN.js";
 import { c as ja } from "./index-MdV54cWO.js";
 import { z as Tt, a as It } from "./validator-CTlVogBQ.js";
-import { e as da } from "./index-CGEfX9IT.js";
-import { g as Ha } from "./assets-DWbWwPAa.js";
+import { e as da } from "./index-Bahs0LXz.js";
+import { g as Ha } from "./assets-B3BMwzbu.js";
 import { w as Ka } from "./Modal-DB8M9o1T.js";
 import { _ as Xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Wa = /* @__PURE__ */ X({
@@ -73,20 +73,20 @@ const Wa = /* @__PURE__ */ X({
     return (c, s) => {
       const v = _("FmSwitch"), d = _("FmPinField"), m = _("FmButton");
       return y(), O(re, null, [
-        h(v, {
+        b(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 ? (y(), O("div", za, [
           s[2] || (s[2] = x("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          h(d, {
+          b(d, {
             modelValue: o.value.password,
             "onUpdate:modelValue": s[1] || (s[1] = (i) => o.value.password = i)
           }, null, 8, ["modelValue"])
         ])) : R("", !0),
         x("div", Qa, [
-          h(m, {
+          b(m, {
             variant: "primary",
             label: "Send",
             icon: "send",
@@ -123,13 +123,13 @@ const Wa = /* @__PURE__ */ X({
           x("b", null, "Note: "),
           Ue(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
         ], -1)),
-        h(c, {
+        b(c, {
           "model-value": M(a),
           "onUpdate:modelValue": n[0] || (n[0] = (v) => Me(a) ? a.value = v : null),
           class: "mb-6",
           items: t
         }, null, 8, ["model-value"]),
-        M(a) ? (y(), S(ht((s = o.value) == null ? void 0 : s.render), bt(_t({ key: 0 }, { terminal: l.terminal })), null, 16)) : R("", !0)
+        M(a) ? (y(), S(bt((s = o.value) == null ? void 0 : s.render), ht(_t({ key: 0 }, { terminal: l.terminal })), null, 16)) : R("", !0)
       ], 64);
     };
   }
@@ -389,7 +389,7 @@ const ln = {
         onValidationSuccess: me
       }, {
         default: ae(() => [
-          h(E, {
+          b(E, {
             modelValue: n.value.packageId,
             "onUpdate:modelValue": w[0] || (w[0] = (se) => n.value.packageId = se),
             label: "Package ID",
@@ -402,24 +402,24 @@ const ln = {
               label: "Unique ID (Reader ID)",
               disabled: ""
             }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (y(), O(re, { key: 1 }, [
-              h(U, {
+              b(U, {
                 modelValue: n.value.uniqueId,
                 "onUpdate:modelValue": w[1] || (w[1] = (se) => n.value.uniqueId = se),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
               v.value.isOutdated ? (y(), O("span", ln, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : R("", !0)
             ], 64)) : (y(), O(re, { key: 2 }, [
-              h(U, {
+              b(U, {
                 modelValue: n.value.developerId,
                 "onUpdate:modelValue": w[2] || (w[2] = (se) => n.value.developerId = se),
                 label: "Developer ID (MID)"
               }, null, 8, ["modelValue"]),
-              h(U, {
+              b(U, {
                 modelValue: n.value.uniqueId,
                 "onUpdate:modelValue": w[3] || (w[3] = (se) => n.value.uniqueId = se),
                 label: "Unique ID (TID)"
               }, null, 8, ["modelValue"]),
-              h(Y, {
+              b(Y, {
                 modelValue: n.value.isUat,
                 "onUpdate:modelValue": w[4] || (w[4] = (se) => n.value.isUat = se),
                 label: "Is UAT (Test)",
@@ -443,7 +443,7 @@ const ln = {
               }, {
                 default: ae(() => [
                   x("div", rn, [
-                    h(W, {
+                    b(W, {
                       type: B.value,
                       class: "w-full",
                       variant: "primary",
@@ -518,7 +518,7 @@ const ln = {
     return (u, f) => {
       const g = _("FmCircularProgress"), k = _("FmSelect"), p = _("FmButton"), C = _("FmForm");
       return M(a) ? (y(), O("div", un, [
-        h(g, { size: "xxl" })
+        b(g, { size: "xxl" })
       ])) : (y(), S(C, {
         key: 1,
         ref: n.value,
@@ -528,7 +528,7 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(k, {
+          b(k, {
             modelValue: s.value.terminalId,
             "onUpdate:modelValue": f[0] || (f[0] = (B) => s.value.terminalId = B),
             label: "Terminal ID",
@@ -543,7 +543,7 @@ const ln = {
               label: "Delete",
               onclick: () => i(c.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(p, {
+            b(p, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -603,17 +603,17 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(m, {
+          b(m, {
             modelValue: r.value.merchantId,
             "onUpdate:modelValue": d[0] || (d[0] = (g) => r.value.merchantId = g),
             label: "Merchant ID"
           }, null, 8, ["modelValue"]),
-          h(m, {
+          b(m, {
             modelValue: r.value.terminalId,
             "onUpdate:modelValue": d[1] || (d[1] = (g) => r.value.terminalId = g),
             label: "Terminal ID"
           }, null, 8, ["modelValue"]),
-          h(i, {
+          b(i, {
             modelValue: r.value.privateKey,
             "onUpdate:modelValue": d[2] || (d[2] = (g) => r.value.privateKey = g),
             label: "Private Key",
@@ -628,7 +628,7 @@ const ln = {
               label: "Delete",
               onclick: () => s(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(u, {
+            b(u, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -708,32 +708,32 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.ip,
             "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", fn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", vn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -748,7 +748,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -760,7 +760,7 @@ const ln = {
       }, 512);
     };
   }
-}), 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({
+}), bn = { class: "flex items-end" }, hn = { class: "flex flex-wrap gap-8 items-center mt-4" }, _n = { class: "flex mt-6 space-x-6" }, wn = /* @__PURE__ */ X({
   __name: "Maybank2Gateway",
   props: {
     terminal: {
@@ -828,32 +828,32 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.ip,
             "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
-          x("div", hn, [
-            h(u, {
+          x("div", bn, [
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
-          x("div", bn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+          x("div", hn, [
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -868,7 +868,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -948,27 +948,27 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", xn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Tn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -983,7 +983,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1063,32 +1063,32 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.ip,
             "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", Fn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Sn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1103,7 +1103,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1181,27 +1181,27 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", En, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Vn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1216,7 +1216,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1282,12 +1282,12 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(m, {
+          b(m, {
             modelValue: r.value.ip,
             "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value.ip = f),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          h(m, {
+          b(m, {
             modelValue: r.value.receiptName,
             "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value.receiptName = f),
             label: "Receipt Payment Name",
@@ -1301,7 +1301,7 @@ const ln = {
               label: "Delete",
               onclick: () => s(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(i, {
+            b(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1383,27 +1383,27 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", Mn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", An, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1418,7 +1418,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1500,27 +1500,27 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", qn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Gn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1535,7 +1535,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1617,32 +1617,32 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.ip,
             "onUpdate:modelValue": i[0] || (i[0] = (p) => n.value.ip = p),
             label: "IP Address"
           }, null, 8, ["modelValue"]),
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", $n, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", jn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1657,7 +1657,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1737,27 +1737,27 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", Xn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Wn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1772,7 +1772,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1858,34 +1858,34 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(u, {
+          b(u, {
             modelValue: n.value.ip,
             "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: M(Tt)(M(It).string().min(1))
           }, null, 8, ["modelValue", "rules"]),
-          h(u, {
+          b(u, {
             modelValue: n.value.receiptName,
             "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"]),
           x("div", Jn, [
-            h(u, {
+            b(u, {
               modelValue: r.value,
               "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"]),
-            h(f, {
+            b(f, {
               class: "ml-4",
               icon: "add",
               onClick: d
             })
           ]),
           x("div", Zn, [
-            (y(!0), O(re, null, be(n.value.cardTypes, (p) => (y(), S(g, {
+            (y(!0), O(re, null, he(n.value.cardTypes, (p) => (y(), S(g, {
               key: p,
               label: p,
               removable: !0,
@@ -1900,7 +1900,7 @@ const ln = {
               label: "Delete",
               onclick: () => v(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(f, {
+            b(f, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -1961,7 +1961,7 @@ const ln = {
     return (u, f) => {
       const g = _("FmCircularProgress"), k = _("FmSelect"), p = _("FmButton"), C = _("FmForm");
       return M(a) ? (y(), O("div", al, [
-        h(g, { size: "xxl" })
+        b(g, { size: "xxl" })
       ])) : (y(), S(C, {
         key: 1,
         ref: n.value,
@@ -1971,7 +1971,7 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(k, {
+          b(k, {
             modelValue: s.value.externalTerminalId,
             "onUpdate:modelValue": f[0] || (f[0] = (B) => s.value.externalTerminalId = B),
             label: "External Terminal",
@@ -1986,7 +1986,7 @@ const ln = {
               label: "Delete",
               onclick: () => i(c.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(p, {
+            b(p, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2047,7 +2047,7 @@ const ln = {
     return (f, g) => {
       const k = _("FmCircularProgress"), p = _("FmSelect"), C = _("FmButton"), B = _("FmForm");
       return M(a) ? (y(), O("div", ol, [
-        h(k, { size: "xxl" })
+        b(k, { size: "xxl" })
       ])) : (y(), S(B, {
         key: 1,
         ref: n.value,
@@ -2057,7 +2057,7 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(p, {
+          b(p, {
             modelValue: s.value.externalTerminalId,
             "onUpdate:modelValue": g[0] || (g[0] = (A) => s.value.externalTerminalId = A),
             label: "External Terminal",
@@ -2073,7 +2073,7 @@ const ln = {
               label: "Delete",
               onclick: () => u(c.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(C, {
+            b(C, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2199,7 +2199,7 @@ const ln = {
       const d = _("FmTabs");
       return y(), O("div", sl, [
         x("div", ul, [
-          h(d, {
+          b(d, {
             "model-value": M(n),
             "onUpdate:modelValue": v[0] || (v[0] = (i) => Me(n) ? n.value = i : null),
             class: "mb-6",
@@ -2209,7 +2209,7 @@ const ln = {
           }, null, 8, ["model-value", "items", "show-more-at"])
         ]),
         x("div", cl, [
-          M(n) ? (y(), S(ht((m = l.value) == null ? void 0 : m.render), bt(_t({ key: 0 }, {
+          M(n) ? (y(), S(bt((m = l.value) == null ? void 0 : m.render), ht(_t({ key: 0 }, {
             terminal: a.terminal,
             onUpdate: a.onUpdate
           })), null, 16)) : R("", !0)
@@ -2263,13 +2263,13 @@ const ln = {
         })
       }, {
         default: ae(() => [
-          h(m, {
+          b(m, {
             modelValue: r.value.account,
             "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"]),
-          h(m, {
+          b(m, {
             modelValue: r.value.receiptName,
             "onUpdate:modelValue": d[1] || (d[1] = (f) => r.value.receiptName = f),
             label: "Receipt Payment Name",
@@ -2283,7 +2283,7 @@ const ln = {
               label: "Delete",
               onclick: () => s(o.value)
             }, null, 8, ["onclick"])) : R("", !0),
-            h(i, {
+            b(i, {
               type: "submit",
               class: "flex-1",
               variant: "primary",
@@ -2324,7 +2324,7 @@ const ln = {
       const d = _("FmTabs");
       return y(), O("div", fl, [
         x("div", vl, [
-          h(d, {
+          b(d, {
             "model-value": M(n),
             "onUpdate:modelValue": v[0] || (v[0] = (i) => Me(n) ? n.value = i : null),
             class: "mb-6",
@@ -2333,7 +2333,7 @@ const ln = {
           }, null, 8, ["model-value", "items"])
         ]),
         x("div", gl, [
-          M(n) ? (y(), S(ht((m = l.value) == null ? void 0 : m.render), bt(_t({ key: 0 }, {
+          M(n) ? (y(), S(bt((m = l.value) == null ? void 0 : m.render), ht(_t({ key: 0 }, {
             terminal: a.terminal,
             onUpdate: a.onUpdate
           })), null, 16)) : R("", !0)
@@ -2342,7 +2342,7 @@ const ln = {
     };
   }
 });
-var hl = Object.defineProperty, pt = Object.getOwnPropertySymbols, pa = Object.prototype.hasOwnProperty, ma = Object.prototype.propertyIsEnumerable, Kt = (e, a, t) => a in e ? hl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, Ge = (e, a) => {
+var bl = Object.defineProperty, pt = Object.getOwnPropertySymbols, pa = Object.prototype.hasOwnProperty, ma = Object.prototype.propertyIsEnumerable, Kt = (e, a, t) => a in e ? bl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, Ge = (e, a) => {
   for (var t in a || (a = {}))
     pa.call(a, t) && Kt(e, t, a[t]);
   if (pt)
@@ -2359,7 +2359,7 @@ var hl = Object.defineProperty, pt = Object.getOwnPropertySymbols, pa = Object.p
   return t;
 };
 const va = "[vue-draggable-plus]: ";
-function bl(e) {
+function hl(e) {
   console.warn(va + e);
 }
 function _l(e) {
@@ -2396,7 +2396,7 @@ function Ft(e) {
 function Cl(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 || bl(`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 || hl(`Element not found: ${e}`), l;
 }
 function Fl(e, a, t = null) {
   return function(...l) {
@@ -2498,15 +2498,15 @@ function Fe(e) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(e);
 }
-var ke = Fe(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), et = Fe(/Edge/i), ea = Fe(/firefox/i), We = Fe(/safari/i) && !Fe(/chrome/i) && !Fe(/android/i), ga = Fe(/iP(ad|od|hone)/i), ya = Fe(/chrome/i) && Fe(/android/i), ha = {
+var ke = Fe(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), et = Fe(/Edge/i), ea = Fe(/firefox/i), We = Fe(/safari/i) && !Fe(/chrome/i) && !Fe(/android/i), ga = Fe(/iP(ad|od|hone)/i), ya = Fe(/chrome/i) && Fe(/android/i), ba = {
   capture: !1,
   passive: !1
 };
 function G(e, a, t) {
-  e.addEventListener(a, t, !ke && ha);
+  e.addEventListener(a, t, !ke && ba);
 }
 function q(e, a, t) {
-  e.removeEventListener(a, t, !ke && ha);
+  e.removeEventListener(a, t, !ke && ba);
 }
 function mt(e, a) {
   if (a) {
@@ -2569,7 +2569,7 @@ function Ye(e, a) {
   var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
   return o && new o(t);
 }
-function ba(e, a, t) {
+function ha(e, a, t) {
   if (e) {
     var l = e.getElementsByTagName(a), o = 0, r = l.length;
     if (t)
@@ -2719,7 +2719,7 @@ function Ta(e, a, t) {
     }
   }), l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
-var he = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+var be = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
 function Bl() {
   var e = [], a;
   return {
@@ -2838,7 +2838,7 @@ var Re = [], kt = {
 };
 function Ll(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[he], !!a) {
+  if (a = a || t && t[be], !!a) {
     var g, k = a.options, p = "on" + l.charAt(0).toUpperCase() + l.substr(1);
     window.CustomEvent && !ke && !et ? g = new CustomEvent(l, {
       bubbles: !0,
@@ -2853,7 +2853,7 @@ function Ll(e) {
 var Yl = ["evt"], ve = function(e, a) {
   var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, l = t.evt, o = Ol(t, Yl);
   tt.pluginEvent.bind(D)(e, a, Ce({
-    dragEl: b,
+    dragEl: h,
     parentEl: te,
     ghostEl: P,
     rootEl: z,
@@ -2890,7 +2890,7 @@ function fe(e) {
   Ll(Ce({
     putSortable: ue,
     cloneEl: Q,
-    targetEl: b,
+    targetEl: h,
     rootEl: z,
     oldIndex: Le,
     oldDraggableIndex: Qe,
@@ -2898,7 +2898,7 @@ function fe(e) {
     newDraggableIndex: Ne
   }, e));
 }
-var b, te, P, z, Pe, st, Q, Ee, Le, ye, Qe, Ne, at, ue, qe = !1, ft = !1, vt = [], De, xe, Nt, Et, la, oa, He, Be, Je, Ze = !1, nt = !1, ut, de, Vt = [], Mt = !1, gt = [], Ct = typeof document < "u", lt = ga, ra = et || ke ? "cssFloat" : "float", $l = Ct && !ya && !ga && "draggable" in document.createElement("div"), Ia = function() {
+var h, te, P, z, Pe, st, Q, Ee, Le, ye, Qe, Ne, at, ue, qe = !1, ft = !1, vt = [], De, xe, Nt, Et, la, oa, He, Be, Je, Ze = !1, nt = !1, ut, de, Vt = [], Mt = !1, gt = [], Ct = typeof document < "u", lt = ga, ra = et || ke ? "cssFloat" : "float", $l = Ct && !ya && !ga && "draggable" in document.createElement("div"), Ia = function() {
   if (Ct) {
     if (ke)
       return !1;
@@ -2922,7 +2922,7 @@ var b, te, P, z, Pe, st, Q, Ee, Le, ye, Qe, Ne, at, ue, qe = !1, ft = !1, vt = [
 }, Hl = function(e, a) {
   var t;
   return vt.some(function(l) {
-    var o = l[he].options.emptyInsertThreshold;
+    var o = l[be].options.emptyInsertThreshold;
     if (!(!o || Yt(l))) {
       var r = le(l), n = e >= r.left - o && e <= r.right + o, c = a >= r.top - o && a <= r.bottom + o;
       if (n && c)
@@ -2959,23 +2959,23 @@ Ct && !ya && document.addEventListener("click", function(e) {
     return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), ft = !1, !1;
 }, !0);
 var Oe = function(e) {
-  if (b) {
+  if (h) {
     e = e.touches ? e.touches[0] : e;
     var a = Hl(e.clientX, e.clientY);
     if (a) {
       var t = {};
       for (var l in e)
         e.hasOwnProperty(l) && (t[l] = e[l]);
-      t.target = t.rootEl = a, t.preventDefault = void 0, t.stopPropagation = void 0, a[he]._onDragOver(t);
+      t.target = t.rootEl = a, t.preventDefault = void 0, t.stopPropagation = void 0, a[be]._onDragOver(t);
     }
   }
 }, Kl = function(e) {
-  b && b.parentNode[he]._isOutsideThisEl(e.target);
+  h && h.parentNode[be]._isOutsideThisEl(e.target);
 };
 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 = Se({}, a), e[he] = this;
+  this.el = e, this.options = a = Se({}, a), e[be] = this;
   var t = {
     group: null,
     sort: !0,
@@ -3036,12 +3036,12 @@ D.prototype = /** @lends Sortable.prototype */
     !this.el.contains(e) && e !== this.el && (Be = null);
   },
   _getDirection: function(e, a) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, a, b) : this.options.direction;
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, a, h) : this.options.direction;
   },
   _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, c = (n || e).target, s = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || c, v = l.filter;
-      if (to(t), !b && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || l.disabled) && !s.isContentEditable && !(!this.nativeDraggable && We && c && c.tagName.toUpperCase() === "SELECT") && (c = Te(c, l.draggable, t, !1), !(c && c.animated) && st !== c)) {
+      if (to(t), !h && !(/mousedown|pointerdown/.test(r) && e.button !== 0 || l.disabled) && !s.isContentEditable && !(!this.nativeDraggable && We && c && c.tagName.toUpperCase() === "SELECT") && (c = Te(c, l.draggable, t, !1), !(c && c.animated) && st !== c)) {
         if (Le = we(c), Qe = we(c, l.draggable), typeof v == "function") {
           if (v.call(this, e, c, this)) {
             fe({
@@ -3078,27 +3078,27 @@ D.prototype = /** @lends Sortable.prototype */
   },
   _prepareDragStart: function(e, a, t) {
     var l = this, o = l.el, r = l.options, n = o.ownerDocument, c;
-    if (t && !b && t.parentNode === o) {
+    if (t && !h && t.parentNode === o) {
       var s = le(t);
-      if (z = o, b = t, te = b.parentNode, Pe = b.nextSibling, st = t, at = r.group, D.dragged = b, De = {
-        target: b,
+      if (z = o, h = t, te = h.parentNode, Pe = h.nextSibling, st = t, at = r.group, D.dragged = h, De = {
+        target: h,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
-      }, la = De.clientX - s.left, oa = De.clientY - s.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, b.style["will-change"] = "all", c = function() {
+      }, la = De.clientX - s.left, oa = De.clientY - s.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, h.style["will-change"] = "all", c = function() {
         if (ve("delayEnded", l, {
           evt: e
         }), D.eventCanceled) {
           l._onDrop();
           return;
         }
-        l._disableDelayedDragEvents(), !ea && l.nativeDraggable && (b.draggable = !0), l._triggerDragStart(e, a), fe({
+        l._disableDelayedDragEvents(), !ea && l.nativeDraggable && (h.draggable = !0), l._triggerDragStart(e, a), fe({
           sortable: l,
           name: "choose",
           originalEvent: e
-        }), ge(b, r.chosenClass, !0);
+        }), ge(h, r.chosenClass, !0);
       }, r.ignore.split(",").forEach(function(v) {
-        ba(b, v.trim(), Dt);
-      }), G(n, "dragover", Oe), G(n, "mousemove", Oe), G(n, "touchmove", Oe), G(n, "mouseup", l._onDrop), G(n, "touchend", l._onDrop), G(n, "touchcancel", l._onDrop), ea && this.nativeDraggable && (this.options.touchStartThreshold = 4, b.draggable = !0), ve("delayStart", this, {
+        ha(h, v.trim(), Dt);
+      }), G(n, "dragover", Oe), G(n, "mousemove", Oe), G(n, "touchmove", Oe), G(n, "mouseup", l._onDrop), G(n, "touchend", l._onDrop), G(n, "touchcancel", l._onDrop), ea && this.nativeDraggable && (this.options.touchStartThreshold = 4, h.draggable = !0), ve("delayStart", this, {
         evt: e
       }), r.delay && (!r.delayOnTouchOnly || a) && (!this.nativeDraggable || !(et || ke))) {
         if (D.eventCanceled) {
@@ -3115,14 +3115,14 @@ D.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(a.clientX - this._lastX), Math.abs(a.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    b && Dt(b), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    h && Dt(h), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
     q(e, "mouseup", this._disableDelayedDrag), q(e, "touchend", this._disableDelayedDrag), q(e, "touchcancel", this._disableDelayedDrag), q(e, "mousemove", this._delayedDragTouchMoveHandler), q(e, "touchmove", this._delayedDragTouchMoveHandler), q(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
-    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? G(document, "pointermove", this._onTouchMove) : a ? G(document, "touchmove", this._onTouchMove) : G(document, "mousemove", this._onTouchMove) : (G(b, "dragend", this), G(z, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? G(document, "pointermove", this._onTouchMove) : a ? G(document, "touchmove", this._onTouchMove) : G(document, "mousemove", this._onTouchMove) : (G(h, "dragend", this), G(z, "dragstart", this._onDragStart));
     try {
       document.selection ? ct(function() {
         document.selection.empty();
@@ -3131,12 +3131,12 @@ D.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, a) {
-    if (qe = !1, z && b) {
+    if (qe = !1, z && h) {
       ve("dragStarted", this, {
         evt: a
       }), this.nativeDraggable && G(document, "dragover", Kl);
       var t = this.options;
-      !e && ge(b, t.dragClass, !1), ge(b, t.ghostClass, !0), D.active = this, e && this._appendGhost(), fe({
+      !e && ge(h, t.dragClass, !1), ge(h, t.ghostClass, !0), D.active = this, e && this._appendGhost(), fe({
         sortable: this,
         name: "start",
         originalEvent: a
@@ -3149,11 +3149,11 @@ D.prototype = /** @lends Sortable.prototype */
       this._lastX = xe.clientX, this._lastY = xe.clientY, Sa();
       for (var e = document.elementFromPoint(xe.clientX, xe.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(xe.clientX, xe.clientY), e !== a); )
         a = e;
-      if (b.parentNode[he]._isOutsideThisEl(e), a)
+      if (h.parentNode[be]._isOutsideThisEl(e), a)
         do {
-          if (a[he]) {
+          if (a[be]) {
             var t = void 0;
-            if (t = a[he]._onDragOver({
+            if (t = a[be]._onDragOver({
               clientX: xe.clientX,
               clientY: xe.clientY,
               target: e,
@@ -3191,13 +3191,13 @@ D.prototype = /** @lends Sortable.prototype */
   },
   _appendGhost: function() {
     if (!P) {
-      var e = this.options.fallbackOnBody ? document.body : z, a = le(b, !0, lt, !0, e), t = this.options;
+      var e = this.options.fallbackOnBody ? document.body : z, a = le(h, !0, lt, !0, e), t = this.options;
       if (lt) {
         for (de = e; V(de, "position") === "static" && V(de, "transform") === "none" && de !== document; )
           de = de.parentNode;
         de !== document.body && de !== document.documentElement ? (de === document && (de = Ie()), a.top += de.scrollTop, a.left += de.scrollLeft) : de = Ie(), Vt = na(de);
       }
-      P = b.cloneNode(!0), ge(P, t.ghostClass, !1), ge(P, t.fallbackClass, !0), ge(P, t.dragClass, !0), V(P, "transition", ""), V(P, "transform", ""), V(P, "box-sizing", "border-box"), V(P, "margin", 0), V(P, "top", a.top), V(P, "left", a.left), V(P, "width", a.width), V(P, "height", a.height), V(P, "opacity", "0.8"), V(P, "position", lt ? "absolute" : "fixed"), V(P, "zIndex", "100000"), V(P, "pointerEvents", "none"), D.ghost = P, e.appendChild(P), V(P, "transform-origin", la / parseInt(P.style.width) * 100 + "% " + oa / parseInt(P.style.height) * 100 + "%");
+      P = h.cloneNode(!0), ge(P, t.ghostClass, !1), ge(P, t.fallbackClass, !0), ge(P, t.dragClass, !0), V(P, "transition", ""), V(P, "transform", ""), V(P, "box-sizing", "border-box"), V(P, "margin", 0), V(P, "top", a.top), V(P, "left", a.left), V(P, "width", a.width), V(P, "height", a.height), V(P, "opacity", "0.8"), V(P, "position", lt ? "absolute" : "fixed"), V(P, "zIndex", "100000"), V(P, "pointerEvents", "none"), D.ghost = P, e.appendChild(P), V(P, "transform-origin", la / parseInt(P.style.width) * 100 + "% " + oa / parseInt(P.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, a) {
@@ -3208,12 +3208,12 @@ D.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       return;
     }
-    ve("setupClone", this), D.eventCanceled || (Q = xa(b), Q.removeAttribute("id"), Q.draggable = !1, Q.style["will-change"] = "", this._hideClone(), ge(Q, this.options.chosenClass, !1), D.clone = Q), t.cloneId = ct(function() {
-      ve("clone", t), !D.eventCanceled && (t.options.removeCloneOnHide || z.insertBefore(Q, b), t._hideClone(), fe({
+    ve("setupClone", this), D.eventCanceled || (Q = xa(h), Q.removeAttribute("id"), Q.draggable = !1, Q.style["will-change"] = "", this._hideClone(), ge(Q, this.options.chosenClass, !1), D.clone = Q), t.cloneId = ct(function() {
+      ve("clone", t), !D.eventCanceled && (t.options.removeCloneOnHide || z.insertBefore(Q, h), t._hideClone(), fe({
         sortable: t,
         name: "clone"
       }));
-    }), !a && ge(b, o.dragClass, !0), a ? (ft = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (q(document, "mouseup", t._onDrop), q(document, "touchend", t._onDrop), q(document, "touchcancel", t._onDrop), l && (l.effectAllowed = "move", o.setData && o.setData.call(t, l, b)), G(document, "drop", t), V(b, "transform", "translateZ(0)")), qe = !0, t._dragStartId = ct(t._dragStarted.bind(t, a, e)), G(document, "selectstart", t), He = !0, We && V(document.body, "user-select", "none");
+    }), !a && ge(h, o.dragClass, !0), a ? (ft = !0, t._loopId = setInterval(t._emulateDragOver, 50)) : (q(document, "mouseup", t._onDrop), q(document, "touchend", t._onDrop), q(document, "touchcancel", t._onDrop), l && (l.effectAllowed = "move", o.setData && o.setData.call(t, l, h)), G(document, "drop", t), V(h, "transform", "translateZ(0)")), qe = !0, t._dragStartId = ct(t._dragStarted.bind(t, a, e)), G(document, "selectstart", t), He = !0, We && V(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
@@ -3233,7 +3233,7 @@ D.prototype = /** @lends Sortable.prototype */
         target: t,
         completed: p,
         onMove: function(se, I) {
-          return ot(z, a, b, l, se, le(se), e, I);
+          return ot(z, a, h, l, se, le(se), e, I);
         },
         changed: C
       }, _e));
@@ -3244,12 +3244,12 @@ D.prototype = /** @lends Sortable.prototype */
     function p($) {
       return g("dragOverCompleted", {
         insertion: $
-      }), $ && (v ? s._hideClone() : s._showClone(u), u !== m && (ge(b, ue ? ue.options.ghostClass : s.options.ghostClass, !1), ge(b, n.ghostClass, !0)), ue !== u && u !== D.active ? ue = u : u === D.active && ue && (ue = null), m === u && (u._ignoreWhileAnimating = t), u.animateAll(function() {
+      }), $ && (v ? s._hideClone() : s._showClone(u), u !== m && (ge(h, ue ? ue.options.ghostClass : s.options.ghostClass, !1), ge(h, n.ghostClass, !0)), ue !== u && u !== D.active ? ue = u : u === D.active && ue && (ue = null), m === u && (u._ignoreWhileAnimating = t), u.animateAll(function() {
         g("dragOverAnimationComplete"), u._ignoreWhileAnimating = null;
-      }), u !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (t === b && !b.animated || t === a && !t.animated) && (Be = null), !n.dragoverBubble && !e.rootEl && t !== document && (b.parentNode[he]._isOutsideThisEl(e.target), !$ && Oe(e)), !n.dragoverBubble && e.stopPropagation && e.stopPropagation(), f = !0;
+      }), u !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (t === h && !h.animated || t === a && !t.animated) && (Be = null), !n.dragoverBubble && !e.rootEl && t !== document && (h.parentNode[be]._isOutsideThisEl(e.target), !$ && Oe(e)), !n.dragoverBubble && e.stopPropagation && e.stopPropagation(), f = !0;
     }
     function C() {
-      ye = we(b), Ne = we(b, n.draggable), fe({
+      ye = we(h), Ne = we(h, n.draggable), fe({
         sortable: u,
         name: "change",
         toEl: a,
@@ -3260,32 +3260,32 @@ D.prototype = /** @lends Sortable.prototype */
     }
     if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = Te(t, n.draggable, a, !0), g("dragOver"), D.eventCanceled)
       return f;
-    if (b.contains(e.target) || t.animated && t.animatingX && t.animatingY || u._ignoreWhileAnimating === t)
+    if (h.contains(e.target) || t.animated && t.animatingX && t.animatingY || u._ignoreWhileAnimating === t)
       return p(!1);
-    if (ft = !1, s && !n.disabled && (v ? d || (r = te !== z) : ue === this || (this.lastPutMode = at.checkPull(this, s, b, e)) && c.checkPut(this, s, b, e))) {
-      if (i = this._getDirection(e, t) === "vertical", l = le(b), g("dragOverValid"), D.eventCanceled)
+    if (ft = !1, s && !n.disabled && (v ? d || (r = te !== z) : ue === this || (this.lastPutMode = at.checkPull(this, s, h, e)) && c.checkPut(this, s, h, e))) {
+      if (i = this._getDirection(e, t) === "vertical", l = le(h), g("dragOverValid"), D.eventCanceled)
         return f;
       if (r)
-        return te = z, k(), this._hideClone(), g("revert"), D.eventCanceled || (Pe ? z.insertBefore(b, Pe) : z.appendChild(b)), p(!0);
+        return te = z, k(), this._hideClone(), g("revert"), D.eventCanceled || (Pe ? z.insertBefore(h, Pe) : z.appendChild(h)), p(!0);
       var B = Yt(a, n.draggable);
       if (!B || Ql(e, i, this) && !B.animated) {
-        if (B === b)
+        if (B === h)
           return p(!1);
-        if (B && a === e.target && (t = B), t && (o = le(t)), ot(z, a, b, l, t, o, e, !!t) !== !1)
-          return k(), B && B.nextSibling ? a.insertBefore(b, B.nextSibling) : a.appendChild(b), te = a, C(), p(!0);
+        if (B && a === e.target && (t = B), t && (o = le(t)), ot(z, a, h, l, t, o, e, !!t) !== !1)
+          return k(), B && B.nextSibling ? a.insertBefore(h, B.nextSibling) : a.appendChild(h), te = a, C(), p(!0);
       } else if (B && zl(e, i, this)) {
         var A = $e(a, 0, n, !0);
-        if (A === b)
+        if (A === h)
           return p(!1);
-        if (t = A, o = le(t), ot(z, a, b, l, t, o, e, !1) !== !1)
-          return k(), a.insertBefore(b, A), te = a, C(), p(!0);
+        if (t = A, o = le(t), ot(z, a, h, l, t, o, e, !1) !== !1)
+          return k(), a.insertBefore(h, A), te = a, C(), p(!0);
       } else if (t.parentNode === a) {
         o = le(t);
-        var L = 0, Z, j = b.parentNode !== a, me = !jl(b.animated && b.toRect || l, t.animated && t.toRect || o, i), ee = i ? "top" : "left", N = aa(t, "top", "top") || aa(b, "top", "top"), F = N ? N.scrollTop : void 0;
+        var L = 0, Z, j = h.parentNode !== a, me = !jl(h.animated && h.toRect || l, t.animated && t.toRect || o, i), ee = i ? "top" : "left", N = aa(t, "top", "top") || aa(h, "top", "top"), F = N ? N.scrollTop : void 0;
         Be !== t && (Z = o[ee], Ze = !1, nt = !me && n.invertSwap || j), L = Jl(e, t, o, i, me ? 1 : n.swapThreshold, n.invertedSwapThreshold == null ? n.swapThreshold : n.invertedSwapThreshold, nt, Be === t);
         var w;
         if (L !== 0) {
-          var E = we(b);
+          var E = we(h);
           do
             E -= L, w = te.children[E];
           while (w && (V(w, "display") === "none" || w === P));
@@ -3295,11 +3295,11 @@ D.prototype = /** @lends Sortable.prototype */
         Be = t, Je = L;
         var U = t.nextElementSibling, Y = !1;
         Y = L === 1;
-        var W = ot(z, a, b, l, t, o, e, Y);
+        var W = ot(z, a, h, l, t, o, e, Y);
         if (W !== !1)
-          return (W === 1 || W === -1) && (Y = W === 1), Mt = !0, setTimeout(Wl, 30), k(), Y && !U ? a.appendChild(b) : t.parentNode.insertBefore(b, Y ? U : t), N && wa(N, 0, F - N.scrollTop), te = b.parentNode, Z !== void 0 && !nt && (ut = Math.abs(Z - le(t)[ee])), C(), p(!0);
+          return (W === 1 || W === -1) && (Y = W === 1), Mt = !0, setTimeout(Wl, 30), k(), Y && !U ? a.appendChild(h) : t.parentNode.insertBefore(h, Y ? U : t), N && wa(N, 0, F - N.scrollTop), te = h.parentNode, Z !== void 0 && !nt && (ut = Math.abs(Z - le(t)[ee])), C(), p(!0);
       }
-      if (a.contains(b))
+      if (a.contains(h))
         return p(!1);
     }
     return !1;
@@ -3314,13 +3314,13 @@ D.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var a = this.el, t = this.options;
-    if (ye = we(b), Ne = we(b, t.draggable), ve("drop", this, {
+    if (ye = we(h), Ne = we(h, t.draggable), ve("drop", this, {
       evt: e
-    }), te = b && b.parentNode, ye = we(b), Ne = we(b, t.draggable), D.eventCanceled) {
+    }), te = h && h.parentNode, ye = we(h), Ne = we(h, t.draggable), D.eventCanceled) {
       this._nulling();
       return;
     }
-    qe = !1, nt = !1, Ze = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), At(this.cloneId), At(this._dragStartId), this.nativeDraggable && (q(document, "drop", this), q(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), We && V(document.body, "user-select", ""), V(b, "transform", ""), e && (He && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (z === te || ue && ue.lastPutMode !== "clone") && Q && Q.parentNode && Q.parentNode.removeChild(Q), b && (this.nativeDraggable && q(b, "dragend", this), Dt(b), b.style["will-change"] = "", He && !qe && ge(b, ue ? ue.options.ghostClass : this.options.ghostClass, !1), ge(b, this.options.chosenClass, !1), fe({
+    qe = !1, nt = !1, Ze = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), At(this.cloneId), At(this._dragStartId), this.nativeDraggable && (q(document, "drop", this), q(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), We && V(document.body, "user-select", ""), V(h, "transform", ""), e && (He && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (z === te || ue && ue.lastPutMode !== "clone") && Q && Q.parentNode && Q.parentNode.removeChild(Q), h && (this.nativeDraggable && q(h, "dragend", this), Dt(h), h.style["will-change"] = "", He && !qe && ge(h, ue ? ue.options.ghostClass : this.options.ghostClass, !1), ge(h, this.options.chosenClass, !1), fe({
       sortable: this,
       name: "unchoose",
       toEl: te,
@@ -3367,7 +3367,7 @@ D.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    ve("nulling", this), z = b = te = P = Pe = Q = st = Ee = De = xe = He = ye = Ne = Le = Qe = Be = Je = ue = at = D.dragged = D.ghost = D.clone = D.active = null, gt.forEach(function(e) {
+    ve("nulling", this), z = h = te = P = Pe = Q = st = Ee = De = xe = He = ye = Ne = Le = Qe = Be = Je = ue = at = D.dragged = D.ghost = D.clone = D.active = null, gt.forEach(function(e) {
       e.checked = !0;
     }), gt.length = Nt = Et = 0;
   },
@@ -3379,7 +3379,7 @@ D.prototype = /** @lends Sortable.prototype */
         break;
       case "dragenter":
       case "dragover":
-        b && (this._onDragOver(e), Xl(e));
+        h && (this._onDragOver(e), Xl(e));
         break;
       case "selectstart":
         e.preventDefault();
@@ -3443,7 +3443,7 @@ D.prototype = /** @lends Sortable.prototype */
   destroy: function() {
     ve("destroy", this);
     var e = this.el;
-    e[he] = null, q(e, "mousedown", this._onTapStart), q(e, "touchstart", this._onTapStart), q(e, "pointerdown", this._onTapStart), this.nativeDraggable && (q(e, "dragover", this), q(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
+    e[be] = null, q(e, "mousedown", this._onTapStart), q(e, "touchstart", this._onTapStart), q(e, "pointerdown", this._onTapStart), this.nativeDraggable && (q(e, "dragover", this), q(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
       a.removeAttribute("draggable");
     }), this._onDrop(), this._disableDelayedDragEvents(), vt.splice(vt.indexOf(this.el), 1), this.el = e = null;
   },
@@ -3462,7 +3462,7 @@ D.prototype = /** @lends Sortable.prototype */
     if (Ee) {
       if (ve("showClone", this), D.eventCanceled)
         return;
-      b.parentNode == z && !this.options.group.revertClone ? z.insertBefore(Q, b) : Pe ? z.insertBefore(Q, Pe) : z.appendChild(Q), this.options.group.revertClone && this.animate(b, Q), V(Q, "display", ""), Ee = !1;
+      h.parentNode == z && !this.options.group.revertClone ? z.insertBefore(Q, h) : Pe ? z.insertBefore(Q, Pe) : z.appendChild(Q), this.options.group.revertClone && this.animate(h, Q), V(Q, "display", ""), Ee = !1;
     }
   }
 };
@@ -3470,7 +3470,7 @@ function Xl(e) {
   e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
 }
 function ot(e, a, t, l, o, r, n, c) {
-  var s, v = e[he], d = v.options.onMove, m;
+  var s, v = e[be], d = v.options.onMove, m;
   return window.CustomEvent && !ke && !et ? s = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
@@ -3504,7 +3504,7 @@ function Jl(e, a, t, l, o, r, n, c) {
   return i = i || n, i && (s < d + v * r / 2 || s > m - v * r / 2) ? s > d + v / 2 ? 1 : -1 : 0;
 }
 function Zl(e) {
-  return we(b) < we(e) ? 1 : -1;
+  return we(h) < we(e) ? 1 : -1;
 }
 function eo(e) {
   for (var a = e.tagName + e.className + e.src + e.href + e.textContent, t = a.length, l = 0; t--; )
@@ -3531,7 +3531,7 @@ D.utils = {
   on: G,
   off: q,
   css: V,
-  find: ba,
+  find: ha,
   is: function(e, a) {
     return !!Te(e, a, e, !1);
   },
@@ -3547,7 +3547,7 @@ D.utils = {
   getChild: $e
 };
 D.get = function(e) {
-  return e[he];
+  return e[be];
 };
 D.mount = function() {
   for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
@@ -3638,7 +3638,7 @@ var Ut = _a(function(e, a, t, l) {
       (ne[m].vx != w || ne[m].vy != E || ne[m].el !== u) && (ne[m].el = u, ne[m].vx = w, ne[m].vy = E, clearInterval(ne[m].pid), (w != 0 || E != 0) && (v = !0, ne[m].pid = setInterval((function() {
         l && this.layer === 0 && D.active._onTouchMove(yt);
         var Y = ne[this.layer].vy ? ne[this.layer].vy * c : 0, W = ne[this.layer].vx ? ne[this.layer].vx * c : 0;
-        typeof d == "function" && d.call(D.dragged.parentNode[he], W, Y, e, yt, ne[this.layer].el) !== "continue" || wa(ne[this.layer].el, W, Y);
+        typeof d == "function" && d.call(D.dragged.parentNode[be], W, Y, e, yt, ne[this.layer].el) !== "continue" || wa(ne[this.layer].el, W, Y);
       }).bind({
         layer: m
       }), 24))), m++;
@@ -3936,10 +3936,10 @@ const qt = [
 }), co = { class: "flex flex-col gap-6" }, po = {
   key: 0,
   class: "text-sm text-gray-500 flex items-center gap-1.5 -mb-2"
-}, mo = { class: "flex items-center justify-between" }, fo = ["onClick"], vo = ["src"], go = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, yo = { class: "font-medium" }, ho = {
+}, mo = { class: "flex items-center justify-between" }, fo = ["onClick"], vo = ["src"], go = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, yo = { class: "font-medium" }, bo = {
   key: 0,
   class: "flex gap-8 my-6"
-}, bo = { class: "flex-1 min-w-0 flex flex-col gap-6" }, _o = { class: "grid grid-cols-2 gap-6" }, wo = {
+}, ho = { class: "flex-1 min-w-0 flex flex-col gap-6" }, _o = { class: "grid grid-cols-2 gap-6" }, wo = {
   key: 0,
   class: "flex flex-col gap-2"
 }, xo = { class: "flex items-end gap-3" }, To = {
@@ -4042,10 +4042,7 @@ const qt = [
       scanpay: "Scan Pay"
     }, me = (w) => w.action ? `${w.gateway} (${w.action})` : w.gateway;
     async function ee() {
-      await a.onUpdate({
-        ...a.terminal,
-        paymentCheckouts: l.value
-      });
+      await a.onUpdate(a.terminal, l.value);
     }
     const N = La();
     function F() {
@@ -4054,10 +4051,7 @@ const qt = [
         "Reset Payment Checkout",
         "This will clear all customizations (display name, subtitle, icon, payment description, payment tagline, receipt payment name, sort order, enabled state) for every payment method on this terminal and restore the defaults. This action cannot be undone.",
         async () => {
-          await a.onUpdate({
-            ...a.terminal,
-            paymentCheckouts: []
-          });
+          await a.onUpdate(a.terminal, []);
         }
       );
     }
@@ -4066,13 +4060,13 @@ const qt = [
       return y(), O("div", co, [
         l.value.length > 0 ? (y(), O("p", po, [
           E[2] || (E[2] = Ue(" Drag the ", -1)),
-          h(U, {
+          b(U, {
             class: "text-gray-400 mx-0.5",
             name: "drag_indicator"
           }),
           E[3] || (E[3] = Ue(" handle to reorder payment checkouts ", -1))
         ])) : R("", !0),
-        h(M(uo), {
+        b(M(uo), {
           modelValue: l.value,
           "onUpdate:modelValue": E[1] || (E[1] = (I) => l.value = I),
           handle: ".checkout-drag-handle",
@@ -4082,7 +4076,7 @@ const qt = [
           onEnd: o
         }, {
           default: ae(() => [
-            (y(!0), O(re, null, be(l.value, (I) => (y(), O("div", {
+            (y(!0), O(re, null, he(l.value, (I) => (y(), O("div", {
               key: I.id,
               class: Ht(["border rounded-lg px-6 flex flex-col gap-4", C(I) ? "py-6" : "py-3"])
             }, [
@@ -4091,17 +4085,17 @@ const qt = [
                   class: "flex items-center gap-3 flex-1 cursor-pointer select-none",
                   onClick: (H) => B(I)
                 }, [
-                  h(U, {
+                  b(U, {
                     class: "checkout-drag-handle cursor-grab text-gray-400",
                     name: "drag_indicator",
                     onClick: E[0] || (E[0] = Aa(() => {
                     }, ["stop"]))
                   }),
-                  h(U, {
+                  b(U, {
                     class: "text-gray-400",
                     name: C(I) ? "expand_less" : "expand_more"
                   }, null, 8, ["name"]),
-                  h(Y, {
+                  b(Y, {
                     variant: "plain",
                     placement: "top",
                     content: I.gateway,
@@ -4118,45 +4112,45 @@ const qt = [
                   x("span", go, pe(j[I.type] ?? I.type), 1),
                   x("span", yo, pe(me(I)), 1)
                 ], 8, fo),
-                h(W, {
+                b(W, {
                   modelValue: I.enabled,
                   "onUpdate:modelValue": (H) => I.enabled = H,
                   label: "Enabled"
                 }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
-              C(I) ? (y(), O("div", ho, [
-                x("div", bo, [
+              C(I) ? (y(), O("div", bo, [
+                x("div", ho, [
                   x("div", _o, [
-                    h($, {
+                    b($, {
                       modelValue: I.displayName,
                       "onUpdate:modelValue": (H) => I.displayName = H,
                       label: "Display Name"
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    h($, {
+                    b($, {
                       modelValue: I.subtitle,
                       "onUpdate:modelValue": (H) => I.subtitle = H,
                       label: "Subtitle",
                       "label-mark": "optional"
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    h($, {
+                    b($, {
                       modelValue: I.icon,
                       "onUpdate:modelValue": (H) => I.icon = H,
                       label: "Icon URL",
                       "label-mark": "optional"
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    h($, {
+                    b($, {
                       modelValue: I.paymentDescription,
                       "onUpdate:modelValue": (H) => I.paymentDescription = H,
                       label: "Payment Description",
                       "label-mark": "optional"
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    h($, {
+                    b($, {
                       modelValue: I.paymentTagline,
                       "onUpdate:modelValue": (H) => I.paymentTagline = H,
                       label: "Payment Tagline",
                       "label-mark": "optional"
                     }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    h($, {
+                    b($, {
                       modelValue: I.receiptPaymentName,
                       "onUpdate:modelValue": (H) => I.receiptPaymentName = H,
                       label: "Receipt Payment Name",
@@ -4166,7 +4160,7 @@ const qt = [
                   ]),
                   r(I) ? (y(), O("div", wo, [
                     x("div", xo, [
-                      h($, {
+                      b($, {
                         modelValue: A.value[I.id],
                         "onUpdate:modelValue": (H) => A.value[I.id] = H,
                         class: "flex-1",
@@ -4175,13 +4169,13 @@ const qt = [
                         "label-mark": "optional",
                         onKeyup: Ra((H) => L(I), ["enter"])
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"]),
-                      h(_e, {
+                      b(_e, {
                         icon: "add",
                         onClick: (H) => L(I)
                       }, null, 8, ["onClick"])
                     ]),
                     (I.fallbackCardTypes ?? []).length > 0 ? (y(), O("div", To, [
-                      (y(!0), O(re, null, be(I.fallbackCardTypes ?? [], (H) => (y(), S(se, {
+                      (y(!0), O(re, null, he(I.fallbackCardTypes ?? [], (H) => (y(), S(se, {
                         key: H,
                         label: H,
                         removable: !0,
@@ -4194,7 +4188,7 @@ const qt = [
                   M(i).length > 1 ? (y(), O("div", Co, [
                     E[4] || (E[4] = x("span", { class: "text-xs font-medium text-gray-500" }, "Preview on", -1)),
                     x("div", Fo, [
-                      (y(!0), O(re, null, be(M(i), (H) => (y(), O("button", {
+                      (y(!0), O(re, null, he(M(i), (H) => (y(), O("button", {
                         key: H.value,
                         type: "button",
                         class: Ht([
@@ -4244,7 +4238,7 @@ const qt = [
                         class: "h-6 object-contain"
                       }, null, 8, Lo)) : (y(), O("span", Yo, pe(I.gateway), 1)),
                       x("div", $o, [
-                        h(U, {
+                        b(U, {
                           name: "qr_code_2",
                           class: "text-6xl text-gray-800"
                         })
@@ -4261,13 +4255,13 @@ const qt = [
         }, 8, ["modelValue"]),
         l.value.length === 0 ? (y(), O("div", Ko, " No payment methods configured for this terminal. ")) : R("", !0),
         l.value.length > 0 ? (y(), O("div", Xo, [
-          h(_e, {
+          b(_e, {
             variant: "secondary",
             label: "Reset",
             icon: "restart_alt",
             onclick: F
           }),
-          h(_e, {
+          b(_e, {
             variant: "primary",
             label: "Save",
             icon: "save",
@@ -4277,7 +4271,7 @@ const qt = [
       ]);
     };
   }
-}), zo = /* @__PURE__ */ Xa(Wo, [["__scopeId", "data-v-2df8fcc6"]]), fr = /* @__PURE__ */ X({
+}), zo = /* @__PURE__ */ Xa(Wo, [["__scopeId", "data-v-936ac426"]]), fr = /* @__PURE__ */ X({
   __name: "TerminalSetting",
   props: {
     terminalId: {
@@ -4289,7 +4283,7 @@ const qt = [
     const a = e, { tab: t } = wt({
       tab: "information"
     }), { isLoading: l, startAsyncCall: o } = je(!0), r = qa(), n = Lt(), c = T();
-    async function s(u) {
+    async function s(u, f) {
       o(async () => {
         try {
           await Ae.updateById(a.terminalId, {
@@ -4299,16 +4293,16 @@ const qt = [
             gateways: u.gateways ?? [],
             ecrIntegrations: u.ecrIntegrations ?? [],
             qrIntegrations: u.qrIntegrations ?? [],
-            paymentCheckouts: u.paymentCheckouts ?? []
+            ...f ? { paymentCheckouts: f } : {}
           }), c.value = await Ae.readById(a.terminalId), n.open({
             type: "success",
             message: "Terminal updated successfully"
           });
-        } catch (f) {
+        } catch (g) {
           n.open({
             type: "error",
             title: "Error occurs when update terminal",
-            message: rt(f)
+            message: rt(g)
           });
         }
       });
@@ -4380,13 +4374,13 @@ const qt = [
         onBack: M(r).back
       }, {
         default: ae(() => [
-          h(g, {
+          b(g, {
             "model-value": M(t),
             "onUpdate:modelValue": f[0] || (f[0] = (C) => Me(t) ? t.value = C : null),
             class: "mb-6",
             items: i.value
           }, null, 8, ["model-value", "items"]),
-          M(t) ? (y(), S(ht(d.value), bt(_t({ key: 0 }, {
+          M(t) ? (y(), S(bt(d.value), ht(_t({ key: 0 }, {
             terminal: c.value,
             onUpdate: s
           })), null, 16)) : R("", !0)