@feedmepos/mf-payment 1.10.7 → 1.10.9-dev

package/dist/TerminalSetting-Bc6HJqCW.js

@@ -1,4521 +0,0 @@
-import { defineComponent as X, openBlock as y, createElementBlock as E, Fragment as re, createElementVNode as x, createTextVNode as Ue, toDisplayString as pe, ref as T, resolveComponent as h, createVNode as b, createCommentVNode as R, unref as A, computed as K, isRef as Ae, createBlock as F, resolveDynamicComponent as bt, normalizeProps as ht, mergeProps as _t, watch as ne, onBeforeUnmount as Da, toRef as ue, onMounted as ie, withCtx as ae, renderList as ge, toRefs as Oa, reactive as Pa, h as Ua, getCurrentInstance as Gt, nextTick as ca, onUnmounted as Aa, normalizeClass as Ht, withModifiers as Ma, withKeys as Ra } from "vue";
-import { u as je, p as Ba, e as Q } from "./index-BRCt0Wjb.js";
-import { useRouter as qa } from "vue-router";
-import { t as Me } from "./index-BR7n0dkV.js";
-import { _ as Ga } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as wt } from "./index-Jo4g2Fvl.js";
-import { useSnackbar as $t, useDialog as $a } from "@feedmepos/ui-library";
-import { u as rt } from "./error-K1CakhA9.js";
-import { useI18n as La, useCoreStore as xt } from "@feedmepos/mf-common";
-import { o as Ya } from "./index-DiYIJH8n.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-BPTPINow.js";
-import { g as Ha } from "./assets-B_Ilda1K.js";
-import { w as Ka } from "./Modal-DB8M9o1T.js";
-import { _ as Xa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Wa = /* @__PURE__ */ X({
-  __name: "Information",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    return (a, t) => (y(), E(re, null, [
-      t[0] || (t[0] = x("b", null, "Name", -1)),
-      Ue(": " + pe(e.terminal.name), 1),
-      t[1] || (t[1] = x("br", null, null, -1)),
-      t[2] || (t[2] = x("b", null, "Status", -1)),
-      Ue(": " + pe(e.terminal.status), 1),
-      t[3] || (t[3] = x("br", null, null, -1)),
-      t[4] || (t[4] = x("b", null, "Device ID", -1)),
-      Ue(": " + pe(e.terminal.deviceId ?? "-"), 1),
-      t[5] || (t[5] = x("br", null, null, -1)),
-      t[6] || (t[6] = x("b", null, "Device Type", -1)),
-      Ue(": " + pe(e.terminal.deviceType ?? "-"), 1),
-      t[7] || (t[7] = x("br", null, null, -1))
-    ], 64));
-  }
-}), za = { key: 0 }, Qa = { class: "mt-6 space-x-6" }, Ja = /* @__PURE__ */ X({
-  __name: "KioskMode",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { isLoading: a, startAsyncCall: t } = je(!1), l = $t(), o = T({
-      enable: !1,
-      password: []
-    }), r = e;
-    function n() {
-      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 c = { enable: o.value.enable };
-        c.enable && Object.assign(c, {
-          password: o.value.password.join("")
-        });
-        const s = await Me.kioskModeRequest(r.terminal._id, c);
-        if (s === "OK")
-          return l.open({ type: "info", message: "Kiosk mode applied successfully." });
-        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: v
-        });
-      });
-    }
-    return (c, s) => {
-      const v = h("FmSwitch"), f = h("FmPinField"), p = h("FmButton");
-      return y(), E(re, null, [
-        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(), E("div", za, [
-          s[2] || (s[2] = x("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          b(f, {
-            modelValue: o.value.password,
-            "onUpdate:modelValue": s[1] || (s[1] = (i) => o.value.password = i)
-          }, null, 8, ["modelValue"])
-        ])) : R("", !0),
-        x("div", Qa, [
-          b(p, {
-            variant: "primary",
-            label: "Send",
-            icon: "send",
-            loading: A(a),
-            onclick: n
-          }, null, 8, ["loading"])
-        ])
-      ], 64);
-    };
-  }
-}), Za = /* @__PURE__ */ X({
-  __name: "SettingRequest",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { settingTab: a } = wt({
-      settingTab: "kiosk_mode"
-    }), t = [
-      {
-        label: "Kiosk Mode",
-        value: "kiosk_mode",
-        render: Ja
-      }
-    ], l = e, o = K(() => t.find((r) => r.value === a.value));
-    return (r, n) => {
-      var s;
-      const c = h("FmTabs");
-      return y(), E(re, null, [
-        n[1] || (n[1] = x("p", { className: "mt-1 my-6 text-gray-600" }, [
-          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)),
-        b(c, {
-          "model-value": A(a),
-          "onUpdate:modelValue": n[0] || (n[0] = (v) => Ae(a) ? a.value = v : null),
-          class: "mb-6",
-          items: t
-        }, null, 8, ["model-value"]),
-        A(a) ? (y(), F(bt((s = o.value) == null ? void 0 : s.render), ht(_t({ key: 0 }, { terminal: l.terminal })), null, 16)) : R("", !0)
-      ], 64);
-    };
-  }
-}), en = 2e3, tn = 12e4, an = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function nn(e) {
-  const { isLoading: a, startLoading: t, stopLoading: l } = je(!1), { t: o } = La(), r = $t(), n = T(null), c = K(() => {
-    var $, Z;
-    const M = ($ = e.value.gateways) == null ? void 0 : $.find(
-      (j) => j.gateway === "Tyro"
-    );
-    return ((Z = M == null ? void 0 : M.config) == null ? void 0 : Z.uniqueId) || "";
-  }), s = K(() => !!c.value), v = K(() => {
-    var M;
-    return ((M = n.value) == null ? void 0 : M.status) === "ready";
-  }), f = K(() => {
-    var M, $;
-    return v.value && !!(($ = (M = n.value) == null ? void 0 : M.fields) != null && $.tyroLocationId) && !!e.value.deviceId && !s.value;
-  }), p = K(() => !v.value && !s.value), i = K(
-    () => o("payment.onboard-submission.tyro.syncDisabledHint")
-  ), u = K(() => s.value ? "Synced" : "Sync");
-  async function m() {
-    if (!e.value.referenceId) {
-      n.value = null;
-      return;
-    }
-    try {
-      const M = await Ya.getByRestaurant(
-        e.value.referenceId
-      );
-      n.value = M.find(
-        ($) => $.type === Ba.FdoOnboardType.enum.tyro
-      ) ?? null;
-    } catch (M) {
-      n.value = null, r.open({
-        type: "error",
-        message: rt(M)
-      });
-    }
-  }
-  const g = ja({
-    intervalMs: en,
-    timeoutMs: tn,
-    onTick: async ({ isCurrentRun: M, stop: $ }) => {
-      var me, ee;
-      const Z = await Me.readById(e.value._id);
-      if (!M())
-        return;
-      const j = (me = Z.gateways) == null ? void 0 : me.find((N) => N.gateway === "Tyro");
-      (j == null ? void 0 : j.gateway) === "Tyro" && ((ee = j == null ? void 0 : j.config) != null && ee.uniqueId) && ($({ invalidate: !1 }), l(), Object.assign(e.value, Z), r.open({
-        type: "success",
-        message: "Tyro reader created successfully"
-      }));
-    },
-    onTimeout: () => {
-      l(), r.open({
-        type: "error",
-        message: an
-      });
-    },
-    onError: (M) => {
-      l(), r.open({
-        type: "error",
-        message: rt(M)
-      });
-    }
-  }), k = g.isPolling;
-  function d() {
-    g.stop(), l();
-  }
-  function C() {
-    d(), t(), g.start();
-  }
-  async function B() {
-    if (!f.value) {
-      r.open({
-        type: "error",
-        message: "Tyro reader sync is not available"
-      });
-      return;
-    }
-    try {
-      t(), await Me.syncTyroReader(e.value._id), C();
-    } catch (M) {
-      d(), r.open({
-        type: "error",
-        message: rt(M)
-      });
-    }
-  }
-  return ne(
-    () => e.value.referenceId,
-    async () => {
-      await m();
-    },
-    { immediate: !0 }
-  ), Da(() => {
-    d();
-  }), {
-    isLoading: a,
-    isPollingTyroReader: k,
-    uniqueId: c,
-    canSyncTyroReader: f,
-    showTyroSyncPopover: p,
-    tyroSyncPopoverMessage: i,
-    tyroSyncButtonLabel: u,
-    syncTyroReader: B
-  };
-}
-const ln = {
-  key: 0,
-  class: "text-sm text-gray-500"
-}, on = { class: "flex mt-6 space-x-6" }, rn = { class: "flex-1" }, sn = /* @__PURE__ */ X({
-  __name: "SoftposGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = xt().currentCountry, l = [
-      {
-        label: "Fiuu Malaysia",
-        value: "cc.feedme.payment.rms",
-        region: Q.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0,
-        isOutdated: !0
-      },
-      {
-        label: "Fiuu Malaysia V2",
-        value: "cc.feedme.payment.fiuu_my",
-        region: Q.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Fiuu Singapore",
-        value: "cc.feedme.payment.fiuu_sg",
-        region: Q.F_COUNTRY.enum.SG,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Softspace Malaysia",
-        value: "cc.feedme.payment.softspace_my",
-        gateway: "Softspace",
-        region: Q.F_COUNTRY.enum.MY
-      },
-      {
-        label: "Digio Thailand",
-        value: "cc.feedme.payment.digio_th",
-        gateway: "Digio",
-        region: Q.F_COUNTRY.enum.TH
-      },
-      {
-        label: "Tyro Australia",
-        value: "cc.feedme.payment.tyro_au",
-        gateway: "Tyro",
-        region: Q.F_COUNTRY.enum.AU
-      }
-    ], o = ue(() => a.terminal), r = T(), n = T({
-      packageId: "",
-      uniqueId: "",
-      developerId: "",
-      isUat: !1
-    }), c = () => {
-      n.value.uniqueId = "", n.value.packageId = "", n.value.developerId = "", n.value.isUat = !1;
-    }, s = K(() => l.filter((S) => S.region === t.value)), v = K(() => s.value.find(
-      (S) => S.value === n.value.packageId
-    )), f = K(
-      () => {
-        var S;
-        return ((S = v.value) == null ? void 0 : S.gateway) === "Tyro";
-      }
-    ), {
-      isLoading: p,
-      isPollingTyroReader: i,
-      uniqueId: u,
-      canSyncTyroReader: m,
-      showTyroSyncPopover: g,
-      tyroSyncPopoverMessage: k,
-      tyroSyncButtonLabel: d,
-      syncTyroReader: C
-    } = nn(o), B = K(() => f.value ? "button" : "submit"), M = K(() => f.value ? d.value : "Save"), $ = K(() => f.value ? p.value : !1), Z = K(() => f.value ? !m.value || i.value : !1), j = () => {
-      if (!o.value.gateways || o.value.gateways.length === 0)
-        return c();
-      const S = o.value.gateways[0];
-      if (!S.config)
-        return c();
-      if (S.gateway === "Tyro") {
-        n.value = {
-          packageId: S.config.packageId,
-          uniqueId: S.config.uniqueId,
-          developerId: "",
-          isUat: !1
-        };
-        return;
-      }
-      switch (S.gateway) {
-        case "Fiuu":
-          n.value = {
-            packageId: S.config.packageId,
-            uniqueId: S.config.uniqueId,
-            developerId: "",
-            isUat: !1
-          };
-          break;
-        case "Softspace":
-        case "Digio":
-          const w = JSON.parse(S.config.uniqueId);
-          n.value = {
-            packageId: S.config.packageId,
-            uniqueId: w.uniqueId,
-            developerId: w.developerId,
-            isUat: w.isUat
-          };
-          return;
-      }
-    };
-    ne(o, j), ie(j);
-    async function me() {
-      const S = v.value;
-      if (!S)
-        return;
-      let w = n.value.uniqueId;
-      S.isLegacy || (w = JSON.stringify({
-        uniqueId: n.value.uniqueId,
-        developerId: n.value.developerId,
-        isUat: n.value.isUat
-      }));
-      const V = {
-        gateway: S.gateway,
-        config: {
-          packageId: S.value,
-          uniqueId: w
-        }
-      };
-      (!o.value.gateways || o.value.gateways.length > 1) && (o.value.gateways = []), o.value.gateways[0] = V, await a.onUpdate(o.value);
-    }
-    async function ee(S) {
-      var w;
-      (w = o.value.gateways) == null || w.splice(S, 1), a.onUpdate(o.value);
-    }
-    function N() {
-      f.value && C();
-    }
-    return (S, w) => {
-      const V = h("FmSelect"), U = h("FmTextField"), L = h("FmCheckbox"), W = h("FmButton"), Y = h("FmTooltip"), _e = h("FmForm");
-      return y(), F(_e, {
-        ref: r.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: me
-      }, {
-        default: ae(() => [
-          b(V, {
-            modelValue: n.value.packageId,
-            "onUpdate:modelValue": w[0] || (w[0] = (se) => n.value.packageId = se),
-            label: "Package ID",
-            items: s.value
-          }, null, 8, ["modelValue", "items"]),
-          v.value ? (y(), E(re, { key: 0 }, [
-            f.value ? (y(), F(U, {
-              key: 0,
-              "model-value": A(u),
-              label: "Unique ID (Reader ID)",
-              disabled: ""
-            }, null, 8, ["model-value"])) : v.value && v.value.isLegacy ? (y(), E(re, { key: 1 }, [
-              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(), E("span", ln, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : R("", !0)
-            ], 64)) : (y(), E(re, { key: 2 }, [
-              b(U, {
-                modelValue: n.value.developerId,
-                "onUpdate:modelValue": w[2] || (w[2] = (se) => n.value.developerId = se),
-                label: "Developer ID (MID)"
-              }, null, 8, ["modelValue"]),
-              b(U, {
-                modelValue: n.value.uniqueId,
-                "onUpdate:modelValue": w[3] || (w[3] = (se) => n.value.uniqueId = se),
-                label: "Unique ID (TID)"
-              }, null, 8, ["modelValue"]),
-              b(L, {
-                modelValue: n.value.isUat,
-                "onUpdate:modelValue": w[4] || (w[4] = (se) => n.value.isUat = se),
-                label: "Is UAT (Test)",
-                value: "1"
-              }, null, 8, ["modelValue"])
-            ], 64)),
-            x("div", on, [
-              o.value.gateways && o.value.gateways.length > 0 ? (y(), F(W, {
-                key: 0,
-                class: "flex-1",
-                variant: "secondary",
-                label: "Delete",
-                onclick: () => ee(0)
-              }, null, 8, ["onclick"])) : R("", !0),
-              f.value && A(g) && Z.value ? (y(), F(Y, {
-                key: 1,
-                class: "flex-1",
-                variant: "plain",
-                placement: "top",
-                content: A(k)
-              }, {
-                default: ae(() => [
-                  x("div", rn, [
-                    b(W, {
-                      type: B.value,
-                      class: "w-full",
-                      variant: "primary",
-                      loading: $.value,
-                      disabled: Z.value,
-                      label: M.value,
-                      onClick: N
-                    }, null, 8, ["type", "loading", "disabled", "label"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["content"])) : (y(), F(W, {
-                key: 2,
-                type: B.value,
-                class: "flex-1",
-                variant: "primary",
-                loading: $.value,
-                disabled: Z.value,
-                label: M.value,
-                onClick: N
-              }, null, 8, ["type", "loading", "disabled", "label"]))
-            ])
-          ], 64)) : R("", !0)
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), un = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, cn = { class: "flex mt-6 space-x-6" }, dn = /* @__PURE__ */ X({
-  __name: "TerminalGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { isLoading: a, startAsyncCall: t } = je(), l = e, o = ue(() => l.terminal), r = T(), n = T(), c = T(-1), s = T({
-      terminalId: ""
-    }), v = () => {
-      s.value.terminalId = "", c.value = -1;
-    }, f = () => {
-      if (t(async () => {
-        r.value = await Me.getRestaurantTerminals(l.terminal.referenceId);
-      }), !l.terminal.ecrs)
-        return v();
-      const u = l.terminal.ecrs.findIndex((g) => g && g.gateway && g.gateway === "FeedMe");
-      if (u === -1)
-        return v();
-      c.value = u;
-      const m = l.terminal.ecrs.at(u);
-      m.gateway === "FeedMe" && m.config && (s.value = {
-        terminalId: m.config.terminalId
-      });
-    };
-    ne(o, f), ie(f);
-    const p = K(() => (r.value ?? []).map((u) => ({
-      label: u.name ?? u._id,
-      value: u._id
-    })));
-    async function i(u) {
-      var m;
-      (m = l.terminal.ecrs) == null || m.splice(u, 1), l.onUpdate(l.terminal);
-    }
-    return (u, m) => {
-      const g = h("FmCircularProgress"), k = h("FmSelect"), d = h("FmButton"), C = h("FmForm");
-      return A(a) ? (y(), E("div", un, [
-        b(g, { size: "xxl" })
-      ])) : (y(), F(C, {
-        key: 1,
-        ref: n.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: m[1] || (m[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(() => [
-          b(k, {
-            modelValue: s.value.terminalId,
-            "onUpdate:modelValue": m[0] || (m[0] = (B) => s.value.terminalId = B),
-            label: "Terminal ID",
-            items: p.value,
-            rules: A(Tt)(A(It).string())
-          }, null, 8, ["modelValue", "items", "rules"]),
-          x("div", cn, [
-            c.value > -1 ? (y(), F(d, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => i(c.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(d, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-}), pn = { class: "flex mt-6 space-x-6" }, mn = /* @__PURE__ */ X({
-  __name: "GhlGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T({
-      merchantId: "",
-      terminalId: "",
-      privateKey: ""
-    }), n = () => {
-      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", o.value = -1;
-    }, c = () => {
-      if (!t.value.ecrs)
-        return n();
-      const v = t.value.ecrs.findIndex((p) => p && p.gateway && p.gateway === "Ghl");
-      if (v === -1)
-        return n();
-      o.value = v;
-      const f = t.value.ecrs.at(v);
-      f.gateway === "Ghl" && f.config && (r.value = {
-        merchantId: f.config.merchantId,
-        terminalId: f.config.terminalId,
-        privateKey: f.config.privateKey || ""
-      });
-    };
-    ne(t, c), ie(c);
-    async function s(v) {
-      var f;
-      (f = t.value.ecrs) == null || f.splice(v, 1), a.onUpdate(t.value);
-    }
-    return (v, f) => {
-      const p = h("FmTextField"), i = h("FmTextarea"), u = h("FmButton"), m = h("FmForm");
-      return y(), F(m, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: f[3] || (f[3] = () => {
-          o.value > -1 ? t.value.ecrs[o.value] = { gateway: "Ghl", config: r.value } : (t.value.ecrs || (t.value.ecrs = []), t.value.ecrs.push({ gateway: "Ghl", config: r.value })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(p, {
-            modelValue: r.value.merchantId,
-            "onUpdate:modelValue": f[0] || (f[0] = (g) => r.value.merchantId = g),
-            label: "Merchant ID"
-          }, null, 8, ["modelValue"]),
-          b(p, {
-            modelValue: r.value.terminalId,
-            "onUpdate:modelValue": f[1] || (f[1] = (g) => r.value.terminalId = g),
-            label: "Terminal ID"
-          }, null, 8, ["modelValue"]),
-          b(i, {
-            modelValue: r.value.privateKey,
-            "onUpdate:modelValue": f[2] || (f[2] = (g) => r.value.privateKey = g),
-            label: "Private Key",
-            "label-mark": "optional",
-            "label-info": "Default will use FeedMe Private Key"
-          }, null, 8, ["modelValue"]),
-          x("div", pn, [
-            o.value > -1 ? (y(), F(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => s(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), 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: "MaybankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Maybank");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Maybank" && u.config && (n.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Maybank",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Maybank",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", fn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", vn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", gn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), 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: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Maybank2");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Maybank2" && u.config && (n.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Maybank2",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Maybank2",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", bn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", hn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", _n, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), xn = { class: "flex items-end" }, Tn = { class: "flex flex-wrap gap-8 items-center mt-4" }, In = { class: "flex mt-6 space-x-6" }, Cn = /* @__PURE__ */ X({
-  __name: "Maybank3Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Maybank3");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Maybank3" && u.config && (n.value = {
-        config: u.config,
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[2] || (i[2] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Maybank3",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Maybank3",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", xn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Tn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", In, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Fn = { class: "flex items-end" }, Sn = { class: "flex flex-wrap gap-8 items-center mt-4" }, kn = { class: "flex mt-6 space-x-6" }, Nn = /* @__PURE__ */ X({
-  __name: "NetsGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Nets");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Nets" && u.config && (n.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Nets",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Nets",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_NETS'"
-          }, null, 8, ["modelValue"]),
-          x("div", Fn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Sn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", kn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Vn = { class: "flex items-end" }, En = { class: "flex flex-wrap gap-8 items-center mt-4" }, Dn = { class: "flex mt-6 space-x-6" }, On = /* @__PURE__ */ X({
-  __name: "KBankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Kbank");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Kbank" && u.config && (n.value = {
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[2] || (i[2] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Kbank",
-            config: {},
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Kbank",
-            config: {},
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", Vn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", En, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", Dn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Pn = { class: "flex mt-6 space-x-6" }, Un = /* @__PURE__ */ X({
-  __name: "Ghl2Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T({
-      ip: "",
-      receiptName: ""
-    }), n = () => {
-      r.value.ip = "", r.value.receiptName = "", o.value = -1;
-    }, c = () => {
-      if (!t.value.ecrIntegrations)
-        return n();
-      const v = t.value.ecrIntegrations, f = v.findIndex((i) => i && i.gateway && i.gateway === "Ghl2");
-      if (f === -1)
-        return n();
-      o.value = f;
-      const p = v.at(f);
-      p.gateway === "Ghl2" && p.config && (r.value = {
-        ip: p.config.ip ?? "",
-        receiptName: p.receiptName ?? ""
-      });
-    };
-    ne(t, c), ie(c);
-    async function s(v) {
-      var f;
-      (f = t.value.ecrIntegrations) == null || f.splice(v, 1), a.onUpdate(t.value);
-    }
-    return (v, f) => {
-      const p = h("FmTextField"), i = h("FmButton"), u = h("FmForm");
-      return y(), F(u, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: f[2] || (f[2] = () => {
-          t.value.ecrIntegrations || (t.value.ecrIntegrations = []), o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Ghl2",
-            config: { ip: r.value.ip },
-            receiptName: r.value.receiptName
-          } : t.value.ecrIntegrations.push({
-            gateway: "Ghl2",
-            config: { ip: r.value.ip },
-            receiptName: r.value.receiptName
-          }), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(p, {
-            modelValue: r.value.ip,
-            "onUpdate:modelValue": f[0] || (f[0] = (m) => r.value.ip = m),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(p, {
-            modelValue: r.value.receiptName,
-            "onUpdate:modelValue": f[1] || (f[1] = (m) => r.value.receiptName = m),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
-          }, null, 8, ["modelValue"]),
-          x("div", Pn, [
-            o.value > -1 ? (y(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => s(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), An = { class: "flex items-end" }, Mn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Rn = { class: "flex mt-6 space-x-6" }, Bn = /* @__PURE__ */ X({
-  __name: "Ghl3Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex(
-        (g) => g && g.gateway && g.gateway === "Ghl3"
-      );
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Ghl3" && u.config && (n.value = {
-        config: u.config,
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[2] || (i[2] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Ghl3",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Ghl3",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GHL'"
-          }, null, 8, ["modelValue"]),
-          x("div", An, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Mn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", Rn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), qn = { class: "flex items-end" }, Gn = { class: "flex flex-wrap gap-8 items-center mt-4" }, $n = { class: "flex mt-6 space-x-6" }, Ln = /* @__PURE__ */ X({
-  __name: "HlbbGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex(
-        (g) => g && g.gateway && g.gateway === "Hlbb"
-      );
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Hlbb" && u.config && (n.value = {
-        config: u.config,
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[2] || (i[2] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Hlbb",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Hlbb",
-            config: n.value.config,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", qn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Gn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", $n, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Yn = { class: "flex items-end" }, jn = { class: "flex flex-wrap gap-8 items-center mt-4" }, Hn = { class: "flex mt-6 space-x-6" }, Kn = /* @__PURE__ */ X({
-  __name: "GlobalPaymentsGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex(
-        (g) => g && g.gateway && g.gateway === "GlobalPayments"
-      );
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "GlobalPayments" && u.config && (n.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "GlobalPayments",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "GlobalPayments",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GP'"
-          }, null, 8, ["modelValue"]),
-          x("div", Yn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", jn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", Hn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Xn = { 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: "OmaGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex(
-        (g) => g && g.gateway && g.gateway === "Oma"
-      );
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Oma" && u.config && (n.value = {
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[2] || (i[2] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Oma",
-            config: {},
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Oma",
-            config: {},
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_OMA'"
-          }, null, 8, ["modelValue"]),
-          x("div", Xn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Wn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", zn, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Jn = { class: "flex items-end" }, Zn = { class: "flex flex-wrap gap-8 items-center mt-4" }, el = { class: "flex mt-6 space-x-6" }, tl = /* @__PURE__ */ X({
-  __name: "RevenueGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      receiptName: "",
-      ip: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.receiptName = "", n.value.ip = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex(
-        (g) => g && g.gateway && g.gateway === "Revenue"
-      );
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Revenue" && u.config && (n.value = {
-        receiptName: u.receiptName ?? "",
-        ip: u.config.ip ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var C, B;
-          const d = {
-            type: "tcp",
-            ip: n.value.ip
-          };
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Revenue",
-            config: d,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(B = (C = t.value.ecrIntegrations) == null ? void 0 : C[o.value]) == null ? void 0 : B.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Revenue",
-            config: d,
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "Terminal IP Address",
-            "label-info": "Terminal WiFi IP with optional port, e.g. 192.168.1.50:8080 (defaults to port 8080)",
-            rules: A(Tt)(A(It).string().min(1))
-          }, null, 8, ["modelValue", "rules"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
-          }, null, 8, ["modelValue"]),
-          x("div", Jn, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", Zn, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", el, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), al = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, nl = { class: "flex mt-6 space-x-6" }, ll = /* @__PURE__ */ X({
-  __name: "BeamGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { isLoading: a, startAsyncCall: t } = je(), l = e, o = ue(() => l.terminal), r = T(), n = T(), c = T(-1), s = T({
-      externalTerminalId: ""
-    }), v = () => {
-      s.value.externalTerminalId = "", c.value = -1;
-    }, f = () => {
-      if (t(async () => {
-        r.value = await da.getRestaurantExternalTerminals(
-          l.terminal.referenceId,
-          "BEAM"
-        );
-      }), !l.terminal.ecrs)
-        return v();
-      const u = l.terminal.ecrs.findIndex((g) => g && g.gateway && g.gateway === "Beam");
-      if (u === -1)
-        return v();
-      c.value = u;
-      const m = l.terminal.ecrs.at(u);
-      m.gateway === "Beam" && m.config && (s.value = {
-        externalTerminalId: m.config.externalTerminalId
-      });
-    };
-    ne(o, f), ie(f);
-    const p = K(() => (r.value ?? []).map((u) => ({
-      label: u.status === "READY" ? u.name : `${u.name} (unpaired)`,
-      value: u._id
-    })));
-    async function i(u) {
-      var m;
-      (m = l.terminal.ecrs) == null || m.splice(u, 1), l.onUpdate(l.terminal);
-    }
-    return (u, m) => {
-      const g = h("FmCircularProgress"), k = h("FmSelect"), d = h("FmButton"), C = h("FmForm");
-      return A(a) ? (y(), E("div", al, [
-        b(g, { size: "xxl" })
-      ])) : (y(), F(C, {
-        key: 1,
-        ref: n.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: m[1] || (m[1] = () => {
-          c.value > -1 ? o.value.ecrs[c.value] = { gateway: "Beam", config: s.value } : (o.value.ecrs || (o.value.ecrs = []), o.value.ecrs.push({ gateway: "Beam", config: s.value })), l.onUpdate(o.value);
-        })
-      }, {
-        default: ae(() => [
-          b(k, {
-            modelValue: s.value.externalTerminalId,
-            "onUpdate:modelValue": m[0] || (m[0] = (B) => s.value.externalTerminalId = B),
-            label: "External Terminal",
-            items: p.value,
-            rules: A(Tt)(A(It).string().min(1, "External terminal is required"))
-          }, null, 8, ["modelValue", "items", "rules"]),
-          x("div", nl, [
-            c.value > -1 ? (y(), F(d, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => i(c.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(d, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-}), ol = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, rl = { class: "flex mt-6 space-x-6" }, il = /* @__PURE__ */ X({
-  __name: "BriGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const { isLoading: a, startAsyncCall: t } = je(), l = e, o = ue(() => l.terminal), r = T(), n = T(), c = T(-1), s = T({
-      externalTerminalId: ""
-    }), v = () => {
-      s.value.externalTerminalId = "", c.value = -1;
-    }, f = () => {
-      if (t(async () => {
-        r.value = await da.getRestaurantExternalTerminals(
-          l.terminal.referenceId,
-          "BRI"
-        );
-      }), !l.terminal.ecrs)
-        return v();
-      const m = l.terminal.ecrs.findIndex((k) => k && k.gateway && k.gateway === "Bri");
-      if (m === -1)
-        return v();
-      c.value = m;
-      const g = l.terminal.ecrs.at(m);
-      g.gateway === "Bri" && g.config && (s.value = {
-        externalTerminalId: g.config.externalTerminalId
-      });
-    };
-    ne(o, f), ie(f);
-    const p = K(() => (r.value ?? []).filter((m) => m.status === "READY").map((m) => ({ label: m.name, value: m._id }))), i = K(() => {
-      if (p.value.length === 0)
-        return "Please pair one BRI terminal under External Terminals before applying here.";
-    });
-    async function u(m) {
-      var g;
-      (g = l.terminal.ecrs) == null || g.splice(m, 1), l.onUpdate(l.terminal);
-    }
-    return (m, g) => {
-      const k = h("FmCircularProgress"), d = h("FmSelect"), C = h("FmButton"), B = h("FmForm");
-      return A(a) ? (y(), E("div", ol, [
-        b(k, { size: "xxl" })
-      ])) : (y(), F(B, {
-        key: 1,
-        ref: n.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: g[1] || (g[1] = () => {
-          c.value > -1 ? o.value.ecrs[c.value] = { gateway: "Bri", config: s.value } : (o.value.ecrs || (o.value.ecrs = []), o.value.ecrs.push({ gateway: "Bri", config: s.value })), l.onUpdate(o.value);
-        })
-      }, {
-        default: ae(() => [
-          b(d, {
-            modelValue: s.value.externalTerminalId,
-            "onUpdate:modelValue": g[0] || (g[0] = (M) => s.value.externalTerminalId = M),
-            label: "External Terminal",
-            items: p.value,
-            "helper-text": i.value,
-            rules: A(Tt)(A(It).string().min(1, "External terminal is required"))
-          }, null, 8, ["modelValue", "items", "helper-text", "rules"]),
-          x("div", rl, [
-            c.value > -1 ? (y(), F(C, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => u(c.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(C, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-}), sl = { class: "flex items-end" }, ul = { class: "flex flex-wrap gap-8 items-center mt-4" }, cl = { class: "flex mt-6 space-x-6" }, dl = /* @__PURE__ */ X({
-  __name: "PbbGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T(), n = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), c = () => {
-      n.value.ip = "", n.value.receiptName = "", n.value.cardTypes = [], o.value = -1;
-    }, s = () => {
-      var m;
-      if (!t.value.ecrIntegrations)
-        return c();
-      const p = t.value.ecrIntegrations, i = p.findIndex((g) => g && g.gateway && g.gateway === "Pbb");
-      if (i === -1)
-        return c();
-      o.value = i;
-      const u = p.at(i);
-      u.gateway === "Pbb" && u.config && (n.value = {
-        ip: u.config.ip ?? "",
-        receiptName: u.receiptName ?? "",
-        cardTypes: ((m = u.dialogConfig) == null ? void 0 : m.cardTypes) ?? []
-      });
-    };
-    ne(t, s), ie(s);
-    async function v(p) {
-      var i;
-      (i = t.value.ecrIntegrations) == null || i.splice(p, 1), a.onUpdate(t.value);
-    }
-    async function f() {
-      n.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (p, i) => {
-      const u = h("FmTextField"), m = h("FmButton"), g = h("FmChip"), k = h("FmForm");
-      return y(), F(k, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[3] || (i[3] = () => {
-          var d, C;
-          o.value > -1 ? t.value.ecrIntegrations[o.value] = {
-            gateway: "Pbb",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              ...(C = (d = t.value.ecrIntegrations) == null ? void 0 : d[o.value]) == null ? void 0 : C.dialogConfig,
-              cardTypes: n.value.cardTypes
-            }
-          } : (t.value.ecrIntegrations || (t.value.ecrIntegrations = []), t.value.ecrIntegrations.push({
-            gateway: "Pbb",
-            config: { ip: n.value.ip },
-            receiptName: n.value.receiptName,
-            dialogConfig: {
-              cardTypes: n.value.cardTypes
-            }
-          })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(u, {
-            modelValue: n.value.ip,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value.ip = d),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          b(u, {
-            modelValue: n.value.receiptName,
-            "onUpdate:modelValue": i[1] || (i[1] = (d) => n.value.receiptName = d),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_PBB'"
-          }, null, 8, ["modelValue"]),
-          x("div", sl, [
-            b(u, {
-              modelValue: r.value,
-              "onUpdate:modelValue": i[2] || (i[2] = (d) => r.value = d),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            b(m, {
-              class: "ml-4",
-              icon: "add",
-              onClick: f
-            })
-          ]),
-          x("div", ul, [
-            (y(!0), E(re, null, ge(n.value.cardTypes, (d) => (y(), F(g, {
-              key: d,
-              label: d,
-              removable: !0,
-              onChipClosed: () => n.value.cardTypes.splice(n.value.cardTypes.indexOf(d), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          x("div", cl, [
-            o.value > -1 ? (y(), F(m, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => v(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(m, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), pl = { class: "flex items-center" }, ml = { class: "w-[260px] self-start" }, fl = { class: "flex-1" }, vl = /* @__PURE__ */ X({
-  __name: "EcrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    var c;
-    const a = e, t = [
-      {
-        label: "FeedMe Terminal",
-        value: "terminal",
-        render: dn
-      },
-      {
-        label: "GHL Terminal",
-        value: "ghl",
-        render: mn,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "GHL2 Terminal",
-        value: "ghl2",
-        render: Un,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "ITB Maybank Terminal",
-        value: "mb-itb",
-        render: yn,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "PMA Maybank Terminal",
-        value: "mb-pma",
-        render: wn,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Paysys Maybank Terminal",
-        value: "mb-paysys",
-        render: Cn,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Nets Terminal",
-        value: "nets",
-        render: Nn,
-        region: [Q.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "KBank Terminal",
-        value: "kbank",
-        render: On,
-        region: [Q.F_COUNTRY.enum.TH]
-      },
-      {
-        label: "GHL Terminal",
-        value: "ghl3",
-        render: Bn,
-        region: [Q.F_COUNTRY.enum.TH]
-      },
-      {
-        label: "Paysys HLBB Terminal",
-        value: "hlbb",
-        render: Ln,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "GPAP Terminal",
-        value: "globalpayments",
-        render: Kn,
-        region: [Q.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "OMA Terminal",
-        value: "oma",
-        render: Qn,
-        region: [Q.F_COUNTRY.enum.PK]
-      },
-      {
-        label: "Revenue PBB Terminal",
-        value: "revenue",
-        render: tl,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "PBB Terminal",
-        value: "pbb",
-        render: dl,
-        region: [Q.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Beam Terminal",
-        value: "beam",
-        render: ll,
-        region: [Q.F_COUNTRY.enum.TH]
-      },
-      {
-        label: "BRI Terminal",
-        value: "bri",
-        render: il,
-        region: [Q.F_COUNTRY.enum.ID]
-      }
-    ], l = K(() => t.find((s) => s.value === n.value)), o = xt().currentCountry, r = K(() => t.filter(
-      (s) => !s.region || s.region.includes(o.value ?? Q.F_COUNTRY.enum.MY)
-    )), { gatewayTab: n } = wt({
-      gatewayTab: (c = r.value[0]) == null ? void 0 : c.value
-    });
-    return (s, v) => {
-      var p;
-      const f = h("FmTabs");
-      return y(), E("div", pl, [
-        x("div", ml, [
-          b(f, {
-            "model-value": A(n),
-            "onUpdate:modelValue": v[0] || (v[0] = (i) => Ae(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"])
-        ]),
-        x("div", fl, [
-          A(n) ? (y(), F(bt((p = l.value) == null ? void 0 : p.render), ht(_t({ key: 0 }, {
-            terminal: a.terminal,
-            onUpdate: a.onUpdate
-          })), null, 16)) : R("", !0)
-        ])
-      ]);
-    };
-  }
-}), gl = { class: "flex mt-6 space-x-6" }, yl = /* @__PURE__ */ X({
-  __name: "PromptPayGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = ue(() => a.terminal), l = T(), o = T(-1), r = T({
-      account: "",
-      receiptName: ""
-    }), n = () => {
-      r.value.account = "", r.value.receiptName = "", o.value = -1;
-    }, c = () => {
-      if (!t.value.qrIntegrations)
-        return n();
-      const v = t.value.qrIntegrations, f = v.findIndex((i) => i && i.gateway && i.gateway === "PROMPTPAY");
-      if (f === -1)
-        return n();
-      o.value = f;
-      const p = v.at(f);
-      p.gateway === "PROMPTPAY" && p.config && (r.value = {
-        account: p.config.account ?? "",
-        receiptName: p.receiptName ?? ""
-      });
-    };
-    ne(t, c), ie(c);
-    async function s(v) {
-      var f;
-      (f = t.value.qrIntegrations) == null || f.splice(v, 1), a.onUpdate(t.value);
-    }
-    return (v, f) => {
-      const p = h("FmTextField"), i = h("FmButton"), u = h("FmForm");
-      return y(), F(u, {
-        ref: l.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: f[2] || (f[2] = () => {
-          o.value > -1 ? t.value.qrIntegrations[o.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (t.value.qrIntegrations || (t.value.qrIntegrations = []), t.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), a.onUpdate(t.value);
-        })
-      }, {
-        default: ae(() => [
-          b(p, {
-            modelValue: r.value.account,
-            "onUpdate:modelValue": f[0] || (f[0] = (m) => r.value.account = m),
-            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"]),
-          b(p, {
-            modelValue: r.value.receiptName,
-            "onUpdate:modelValue": f[1] || (f[1] = (m) => r.value.receiptName = m),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          x("div", gl, [
-            o.value > -1 ? (y(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => s(o.value)
-            }, null, 8, ["onclick"])) : R("", !0),
-            b(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), bl = { class: "flex items-center" }, hl = { class: "w-[260px] self-start" }, _l = { class: "flex-1" }, wl = /* @__PURE__ */ X({
-  __name: "QrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    var c;
-    const a = e, t = [
-      {
-        label: "PromptPay",
-        value: "promptpay",
-        render: yl,
-        region: [Q.F_COUNTRY.enum.TH]
-      }
-    ], l = K(() => t.find((s) => s.value === n.value)), o = xt().currentCountry, r = K(() => t.filter((s) => !s.region || s.region.includes(o.value ?? Q.F_COUNTRY.enum.MY))), { gatewayTab: n } = wt({
-      gatewayTab: (c = r.value[0]) == null ? void 0 : c.value
-    });
-    return (s, v) => {
-      var p;
-      const f = h("FmTabs");
-      return y(), E("div", bl, [
-        x("div", hl, [
-          b(f, {
-            "model-value": A(n),
-            "onUpdate:modelValue": v[0] || (v[0] = (i) => Ae(n) ? n.value = i : null),
-            class: "mb-6",
-            vertical: !0,
-            items: r.value
-          }, null, 8, ["model-value", "items"])
-        ]),
-        x("div", _l, [
-          A(n) ? (y(), F(bt((p = l.value) == null ? void 0 : p.render), ht(_t({ key: 0 }, {
-            terminal: a.terminal,
-            onUpdate: a.onUpdate
-          })), null, 16)) : R("", !0)
-        ])
-      ]);
-    };
-  }
-});
-var xl = Object.defineProperty, pt = Object.getOwnPropertySymbols, pa = Object.prototype.hasOwnProperty, ma = Object.prototype.propertyIsEnumerable, Kt = (e, a, t) => a in e ? xl(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)
-    for (var t of pt(a))
-      ma.call(a, t) && Kt(e, t, a[t]);
-  return e;
-}, fa = (e, a) => {
-  var t = {};
-  for (var l in e)
-    pa.call(e, l) && a.indexOf(l) < 0 && (t[l] = e[l]);
-  if (e != null && pt)
-    for (var l of pt(e))
-      a.indexOf(l) < 0 && ma.call(e, l) && (t[l] = e[l]);
-  return t;
-};
-const va = "[vue-draggable-plus]: ";
-function Tl(e) {
-  console.warn(va + e);
-}
-function Il(e) {
-  console.error(va + e);
-}
-function Xt(e, a, t) {
-  return t >= 0 && t < e.length && e.splice(t, 0, e.splice(a, 1)[0]), e;
-}
-function Cl(e) {
-  return e.replace(/-(\w)/g, (a, t) => t ? t.toUpperCase() : "");
-}
-function Fl(e) {
-  return Object.keys(e).reduce((a, t) => (typeof e[t] < "u" && (a[Cl(t)] = e[t]), a), {});
-}
-function Wt(e, a) {
-  return Array.isArray(e) && e.splice(a, 1), e;
-}
-function zt(e, a, t) {
-  return Array.isArray(e) && e.splice(a, 0, t), e;
-}
-function Sl(e) {
-  return typeof e > "u";
-}
-function kl(e) {
-  return typeof e == "string";
-}
-function Qt(e, a, t) {
-  const l = e.children[t];
-  e.insertBefore(a, l);
-}
-function Ft(e) {
-  e.parentNode && e.parentNode.removeChild(e);
-}
-function Nl(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 || Tl(`Element not found: ${e}`), l;
-}
-function Vl(e, a, t = null) {
-  return function(...l) {
-    return e.apply(t, l), a.apply(t, l);
-  };
-}
-function El(e, a) {
-  const t = Ge({}, e);
-  return Object.keys(a).forEach((l) => {
-    t[l] ? t[l] = Vl(e[l], a[l]) : t[l] = a[l];
-  }), t;
-}
-function Dl(e) {
-  return e instanceof HTMLElement;
-}
-function Jt(e, a) {
-  Object.keys(e).forEach((t) => {
-    a(t, e[t]);
-  });
-}
-function Ol(e) {
-  return e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && (e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97);
-}
-const Pl = Object.assign;
-/**!
- * Sortable 1.15.2
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */
-function Zt(e, a) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
-    a && (l = l.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), t.push.apply(t, l);
-  }
-  return t;
-}
-function Ce(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) {
-      Ul(e, l, t[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Zt(Object(t)).forEach(function(l) {
-      Object.defineProperty(e, l, Object.getOwnPropertyDescriptor(t, l));
-    });
-  }
-  return e;
-}
-function it(e) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? it = function(a) {
-    return typeof a;
-  } : it = function(a) {
-    return a && typeof Symbol == "function" && a.constructor === Symbol && a !== Symbol.prototype ? "symbol" : typeof a;
-  }, it(e);
-}
-function Ul(e, a, t) {
-  return a in e ? Object.defineProperty(e, a, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[a] = t, e;
-}
-function Se() {
-  return Se = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var t = arguments[a];
-      for (var l in t)
-        Object.prototype.hasOwnProperty.call(t, l) && (e[l] = t[l]);
-    }
-    return e;
-  }, Se.apply(this, arguments);
-}
-function Al(e, a) {
-  if (e == null)
-    return {};
-  var t = {}, l = Object.keys(e), o, r;
-  for (r = 0; r < l.length; r++)
-    o = l[r], !(a.indexOf(o) >= 0) && (t[o] = e[o]);
-  return t;
-}
-function Ml(e, a) {
-  if (e == null)
-    return {};
-  var t = Al(e, a), l, o;
-  if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < r.length; o++)
-      l = r[o], !(a.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(e, l) && (t[l] = e[l]);
-  }
-  return t;
-}
-var Rl = "1.15.2";
-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), ba = {
-  capture: !1,
-  passive: !1
-};
-function G(e, a, t) {
-  e.addEventListener(a, t, !ke && ba);
-}
-function q(e, a, t) {
-  e.removeEventListener(a, t, !ke && ba);
-}
-function mt(e, a) {
-  if (a) {
-    if (a[0] === ">" && (a = a.substring(1)), e)
-      try {
-        if (e.matches)
-          return e.matches(a);
-        if (e.msMatchesSelector)
-          return e.msMatchesSelector(a);
-        if (e.webkitMatchesSelector)
-          return e.webkitMatchesSelector(a);
-      } catch {
-        return !1;
-      }
-    return !1;
-  }
-}
-function Bl(e) {
-  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
-}
-function Te(e, a, t, l) {
-  if (e) {
-    t = t || document;
-    do {
-      if (a != null && (a[0] === ">" ? e.parentNode === t && mt(e, a) : mt(e, a)) || l && e === t)
-        return e;
-      if (e === t)
-        break;
-    } while (e = Bl(e));
-  }
-  return null;
-}
-var ta = /\s+/g;
-function ye(e, a, t) {
-  if (e && a)
-    if (e.classList)
-      e.classList[t ? "add" : "remove"](a);
-    else {
-      var l = (" " + e.className + " ").replace(ta, " ").replace(" " + a + " ", " ");
-      e.className = (l + (t ? " " + a : "")).replace(ta, " ");
-    }
-}
-function D(e, a, t) {
-  var l = e && e.style;
-  if (l) {
-    if (t === void 0)
-      return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (t = e.currentStyle), a === void 0 ? t : t[a];
-    !(a in l) && a.indexOf("webkit") === -1 && (a = "-webkit-" + a), l[a] = t + (typeof t == "string" ? "" : "px");
-  }
-}
-function Le(e, a) {
-  var t = "";
-  if (typeof e == "string")
-    t = e;
-  else
-    do {
-      var l = D(e, "transform");
-      l && l !== "none" && (t = l + " " + t);
-    } while (!a && (e = e.parentNode));
-  var o = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
-  return o && new o(t);
-}
-function ha(e, a, t) {
-  if (e) {
-    var l = e.getElementsByTagName(a), o = 0, r = l.length;
-    if (t)
-      for (; o < r; o++)
-        t(l[o], o);
-    return l;
-  }
-  return [];
-}
-function Ie() {
-  var e = document.scrollingElement;
-  return e || document.documentElement;
-}
-function oe(e, a, t, l, o) {
-  if (!(!e.getBoundingClientRect && e !== window)) {
-    var r, n, c, s, v, f, p;
-    if (e !== window && e.parentNode && e !== Ie() ? (r = e.getBoundingClientRect(), n = r.top, c = r.left, s = r.bottom, v = r.right, f = r.height, p = r.width) : (n = 0, c = 0, s = window.innerHeight, v = window.innerWidth, f = window.innerHeight, p = window.innerWidth), (a || t) && e !== window && (o = o || e.parentNode, !ke))
-      do
-        if (o && o.getBoundingClientRect && (D(o, "transform") !== "none" || t && D(o, "position") !== "static")) {
-          var i = o.getBoundingClientRect();
-          n -= i.top + parseInt(D(o, "border-top-width")), c -= i.left + parseInt(D(o, "border-left-width")), s = n + r.height, v = c + r.width;
-          break;
-        }
-      while (o = o.parentNode);
-    if (l && e !== window) {
-      var u = Le(o || e), m = u && u.a, g = u && u.d;
-      u && (n /= g, c /= m, p /= m, f /= g, s = n + f, v = c + p);
-    }
-    return {
-      top: n,
-      left: c,
-      bottom: s,
-      right: v,
-      width: p,
-      height: f
-    };
-  }
-}
-function aa(e, a, t) {
-  for (var l = Ee(e, !0), o = oe(e)[a]; l; ) {
-    var r = oe(l)[t], n = void 0;
-    if (n = o >= r, !n)
-      return l;
-    if (l === Ie())
-      break;
-    l = Ee(l, !1);
-  }
-  return !1;
-}
-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] !== O.ghost && (l || n[r] !== O.dragged) && Te(n[r], t.draggable, e, !1)) {
-      if (o === a)
-        return n[r];
-      o++;
-    }
-    r++;
-  }
-  return null;
-}
-function Lt(e, a) {
-  for (var t = e.lastElementChild; t && (t === O.ghost || D(t, "display") === "none" || a && !mt(t, a)); )
-    t = t.previousElementSibling;
-  return t || null;
-}
-function we(e, a) {
-  var t = 0;
-  if (!e || !e.parentNode)
-    return -1;
-  for (; e = e.previousElementSibling; )
-    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== O.clone && (!a || mt(e, a)) && t++;
-  return t;
-}
-function na(e) {
-  var a = 0, t = 0, l = Ie();
-  if (e)
-    do {
-      var o = Le(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 ql(e, a) {
-  for (var t in e)
-    if (e.hasOwnProperty(t)) {
-      for (var l in a)
-        if (a.hasOwnProperty(l) && a[l] === e[t][l])
-          return Number(t);
-    }
-  return -1;
-}
-function Ee(e, a) {
-  if (!e || !e.getBoundingClientRect)
-    return Ie();
-  var t = e, l = !1;
-  do
-    if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
-      var o = D(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 Ie();
-        if (l || a)
-          return t;
-        l = !0;
-      }
-    }
-  while (t = t.parentNode);
-  return Ie();
-}
-function Gl(e, a) {
-  if (e && a)
-    for (var t in a)
-      a.hasOwnProperty(t) && (e[t] = a[t]);
-  return e;
-}
-function St(e, a) {
-  return Math.round(e.top) === Math.round(a.top) && Math.round(e.left) === Math.round(a.left) && Math.round(e.height) === Math.round(a.height) && Math.round(e.width) === Math.round(a.width);
-}
-var ze;
-function _a(e, a) {
-  return function() {
-    if (!ze) {
-      var t = arguments, l = this;
-      t.length === 1 ? e.call(l, t[0]) : e.apply(l, t), ze = setTimeout(function() {
-        ze = void 0;
-      }, a);
-    }
-  };
-}
-function $l() {
-  clearTimeout(ze), ze = void 0;
-}
-function wa(e, a, t) {
-  e.scrollLeft += a, e.scrollTop += t;
-}
-function xa(e) {
-  var a = window.Polymer, t = window.jQuery || window.Zepto;
-  return a && a.dom ? a.dom(e).cloneNode(!0) : t ? t(e).clone(!0)[0] : e.cloneNode(!0);
-}
-function Ta(e, a, t) {
-  var l = {};
-  return Array.from(e.children).forEach(function(o) {
-    var r, n, c, s;
-    if (!(!Te(o, a.draggable, e, !1) || o.animated || o === t)) {
-      var v = oe(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 he = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Ll() {
-  var e = [], a;
-  return {
-    captureAnimationState: function() {
-      if (e = [], !!this.options.animation) {
-        var t = [].slice.call(this.el.children);
-        t.forEach(function(l) {
-          if (!(D(l, "display") === "none" || l === O.ghost)) {
-            e.push({
-              target: l,
-              rect: oe(l)
-            });
-            var o = Ce({}, e[e.length - 1].rect);
-            if (l.thisAnimationDuration) {
-              var r = Le(l, !0);
-              r && (o.top -= r.f, o.left -= r.e);
-            }
-            l.fromRect = o;
-          }
-        });
-      }
-    },
-    addAnimationState: function(t) {
-      e.push(t);
-    },
-    removeAnimationState: function(t) {
-      e.splice(ql(e, {
-        target: t
-      }), 1);
-    },
-    animateAll: function(t) {
-      var l = this;
-      if (!this.options.animation) {
-        clearTimeout(a), typeof t == "function" && t();
-        return;
-      }
-      var o = !1, r = 0;
-      e.forEach(function(n) {
-        var c = 0, s = n.target, v = s.fromRect, f = oe(s), p = s.prevFromRect, i = s.prevToRect, u = n.rect, m = Le(s, !0);
-        m && (f.top -= m.f, f.left -= m.e), s.toRect = f, s.thisAnimationDuration && St(p, f) && !St(v, f) && // Make sure animatingRect is on line between toRect & fromRect
-        (u.top - f.top) / (u.left - f.left) === (v.top - f.top) / (v.left - f.left) && (c = jl(u, p, i, l.options)), St(f, v) || (s.prevFromRect = v, s.prevToRect = f, c || (c = l.options.animation), l.animate(s, u, f, 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;
-        }, 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) {
-        D(t, "transition", ""), D(t, "transform", "");
-        var n = Le(this.el), c = n && n.a, s = n && n.d, v = (l.left - o.left) / (c || 1), f = (l.top - o.top) / (s || 1);
-        t.animatingX = !!v, t.animatingY = !!f, D(t, "transform", "translate3d(" + v + "px," + f + "px,0)"), this.forRepaintDummy = Yl(t), D(t, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), D(t, "transform", "translate3d(0,0,0)"), typeof t.animated == "number" && clearTimeout(t.animated), t.animated = setTimeout(function() {
-          D(t, "transition", ""), D(t, "transform", ""), t.animated = !1, t.animatingX = !1, t.animatingY = !1;
-        }, r);
-      }
-    }
-  };
-}
-function Yl(e) {
-  return e.offsetWidth;
-}
-function jl(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 Re = [], kt = {
-  initializeByDefault: !0
-}, tt = {
-  mount: function(e) {
-    for (var a in kt)
-      kt.hasOwnProperty(a) && !(a in e) && (e[a] = kt[a]);
-    Re.forEach(function(t) {
-      if (t.pluginName === e.pluginName)
-        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), Re.push(e);
-  },
-  pluginEvent: function(e, a, t) {
-    var l = this;
-    this.eventCanceled = !1, t.cancel = function() {
-      l.eventCanceled = !0;
-    };
-    var o = e + "Global";
-    Re.forEach(function(r) {
-      a[r.pluginName] && (a[r.pluginName][o] && a[r.pluginName][o](Ce({
-        sortable: a
-      }, t)), a.options[r.pluginName] && a[r.pluginName][e] && a[r.pluginName][e](Ce({
-        sortable: a
-      }, t)));
-    });
-  },
-  initializePlugins: function(e, a, t, l) {
-    Re.forEach(function(n) {
-      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[c] = s, Se(t, s.defaults);
-      }
-    });
-    for (var o in e.options)
-      if (e.options.hasOwnProperty(o)) {
-        var r = this.modifyOption(e, o, e.options[o]);
-        typeof r < "u" && (e.options[o] = r);
-      }
-  },
-  getEventProperties: function(e, a) {
-    var t = {};
-    return Re.forEach(function(l) {
-      typeof l.eventProperties == "function" && Se(t, l.eventProperties.call(a[l.pluginName], e));
-    }), t;
-  },
-  modifyOption: function(e, a, t) {
-    var l;
-    return Re.forEach(function(o) {
-      e[o.pluginName] && o.optionListeners && typeof o.optionListeners[a] == "function" && (l = o.optionListeners[a].call(e[o.pluginName], t));
-    }), l;
-  }
-};
-function Hl(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, f = e.oldDraggableIndex, p = e.newDraggableIndex, i = e.originalEvent, u = e.putSortable, m = e.extraEventProperties;
-  if (a = a || t && t[he], !!a) {
-    var g, k = a.options, d = "on" + l.charAt(0).toUpperCase() + l.substr(1);
-    window.CustomEvent && !ke && !et ? g = new CustomEvent(l, {
-      bubbles: !0,
-      cancelable: !0
-    }) : (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 = f, g.newDraggableIndex = p, g.originalEvent = i, g.pullMode = u ? u.lastPutMode : void 0;
-    var C = Ce(Ce({}, m), tt.getEventProperties(l, a));
-    for (var B in C)
-      g[B] = C[B];
-    t && t.dispatchEvent(g), k[d] && k[d].call(a, g);
-  }
-}
-var Kl = ["evt"], ve = function(e, a) {
-  var t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, l = t.evt, o = Ml(t, Kl);
-  tt.pluginEvent.bind(O)(e, a, Ce({
-    dragEl: _,
-    parentEl: te,
-    ghostEl: P,
-    rootEl: z,
-    nextEl: Pe,
-    lastDownEl: st,
-    cloneEl: J,
-    cloneHidden: Ve,
-    dragStarted: He,
-    putSortable: ce,
-    activeSortable: O.active,
-    originalEvent: l,
-    oldIndex: $e,
-    oldDraggableIndex: Qe,
-    newIndex: be,
-    newDraggableIndex: Ne,
-    hideGhostForTarget: Sa,
-    unhideGhostForTarget: ka,
-    cloneNowHidden: function() {
-      Ve = !0;
-    },
-    cloneNowShown: function() {
-      Ve = !1;
-    },
-    dispatchSortableEvent: function(r) {
-      fe({
-        sortable: a,
-        name: r,
-        originalEvent: l
-      });
-    }
-  }, o));
-};
-function fe(e) {
-  Hl(Ce({
-    putSortable: ce,
-    cloneEl: J,
-    targetEl: _,
-    rootEl: z,
-    oldIndex: $e,
-    oldDraggableIndex: Qe,
-    newIndex: be,
-    newDraggableIndex: Ne
-  }, e));
-}
-var _, te, P, z, Pe, st, J, Ve, $e, be, Qe, Ne, at, ce, qe = !1, ft = !1, vt = [], De, xe, Nt, Vt, la, oa, He, Be, Je, Ze = !1, nt = !1, ut, de, Et = [], At = !1, gt = [], Ct = typeof document < "u", lt = ga, ra = et || ke ? "cssFloat" : "float", Xl = Ct && !ya && !ga && "draggable" in document.createElement("div"), Ia = function() {
-  if (Ct) {
-    if (ke)
-      return !1;
-    var e = document.createElement("x");
-    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
-  }
-}(), Ca = function(e, a) {
-  var t = D(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 && D(o), c = r && D(r), s = n && parseInt(n.marginLeft) + parseInt(n.marginRight) + oe(o).width, v = c && parseInt(c.marginLeft) + parseInt(c.marginRight) + oe(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 f = n.float === "left" ? "left" : "right";
-    return r && (c.clear === "both" || c.clear === f) ? "vertical" : "horizontal";
-  }
-  return o && (n.display === "block" || n.display === "flex" || n.display === "table" || n.display === "grid" || s >= l && t[ra] === "none" || r && t[ra] === "none" && s + v > l) ? "vertical" : "horizontal";
-}, Wl = 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;
-}, zl = function(e, a) {
-  var t;
-  return vt.some(function(l) {
-    var o = l[he].options.emptyInsertThreshold;
-    if (!(!o || Lt(l))) {
-      var r = oe(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;
-}, Fa = function(e) {
-  function a(o, r) {
-    return function(n, c, s, v) {
-      var f = n.options.group.name && c.options.group.name && n.options.group.name === c.options.group.name;
-      if (o == null && (r || f))
-        return !0;
-      if (o == null || o === !1)
-        return !1;
-      if (r && o === "clone")
-        return o;
-      if (typeof o == "function")
-        return a(o(n, c, s, v), r)(n, c, s, v);
-      var p = (r ? n : c).options.group.name;
-      return o === !0 || typeof o == "string" && o === p || o.join && o.indexOf(p) > -1;
-    };
-  }
-  var t = {}, l = e.group;
-  (!l || it(l) != "object") && (l = {
-    name: l
-  }), t.name = l.name, t.checkPull = a(l.pull, !0), t.checkPut = a(l.put), t.revertClone = l.revertClone, e.group = t;
-}, Sa = function() {
-  !Ia && P && D(P, "display", "none");
-}, ka = function() {
-  !Ia && P && D(P, "display", "");
-};
-Ct && !ya && document.addEventListener("click", function(e) {
-  if (ft)
-    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), ft = !1, !1;
-}, !0);
-var Oe = function(e) {
-  if (_) {
-    e = e.touches ? e.touches[0] : e;
-    var a = zl(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);
-    }
-  }
-}, Ql = function(e) {
-  _ && _.parentNode[he]._isOutsideThisEl(e.target);
-};
-function O(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;
-  var t = {
-    group: null,
-    sort: !0,
-    disabled: !1,
-    store: null,
-    handle: null,
-    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
-    swapThreshold: 1,
-    // percentage; 0 <= x <= 1
-    invertSwap: !1,
-    // invert always
-    invertedSwapThreshold: null,
-    // will be set to same as swapThreshold if default
-    removeCloneOnHide: !0,
-    direction: function() {
-      return Ca(e, this.options);
-    },
-    ghostClass: "sortable-ghost",
-    chosenClass: "sortable-chosen",
-    dragClass: "sortable-drag",
-    ignore: "a, img",
-    filter: null,
-    preventOnFilter: !0,
-    animation: 0,
-    easing: null,
-    setData: function(r, n) {
-      r.setData("Text", n.textContent);
-    },
-    dropBubble: !1,
-    dragoverBubble: !1,
-    dataIdAttr: "data-id",
-    delay: 0,
-    delayOnTouchOnly: !1,
-    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
-    forceFallback: !1,
-    fallbackClass: "sortable-fallback",
-    fallbackOnBody: !1,
-    fallbackTolerance: 0,
-    fallbackOffset: {
-      x: 0,
-      y: 0
-    },
-    supportPointer: O.supportPointer !== !1 && "PointerEvent" in window && !We,
-    emptyInsertThreshold: 5
-  };
-  tt.initializePlugins(this, e, t);
-  for (var l in t)
-    !(l in a) && (a[l] = t[l]);
-  Fa(a);
-  for (var o in this)
-    o.charAt(0) === "_" && typeof this[o] == "function" && (this[o] = this[o].bind(this));
-  this.nativeDraggable = a.forceFallback ? !1 : Xl, this.nativeDraggable && (this.options.touchStartThreshold = 1), a.supportPointer ? G(e, "pointerdown", this._onTapStart) : (G(e, "mousedown", this._onTapStart), G(e, "touchstart", this._onTapStart)), this.nativeDraggable && (G(e, "dragover", this), G(e, "dragenter", this)), vt.push(this.el), a.store && a.store.get && this.sort(a.store.get(this) || []), Se(this, Ll());
-}
-O.prototype = /** @lends Sortable.prototype */
-{
-  constructor: O,
-  _isOutsideThisEl: function(e) {
-    !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, _) : 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 (oo(t), !_ && !(/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 ($e = we(c), Qe = we(c, l.draggable), typeof v == "function") {
-          if (v.call(this, e, c, this)) {
-            fe({
-              sortable: a,
-              rootEl: s,
-              name: "filter",
-              targetEl: c,
-              toEl: t,
-              fromEl: t
-            }), ve("filter", a, {
-              evt: e
-            }), o && e.cancelable && e.preventDefault();
-            return;
-          }
-        } else if (v && (v = v.split(",").some(function(f) {
-          if (f = Te(s, f.trim(), t, !1), f)
-            return fe({
-              sortable: a,
-              rootEl: f,
-              name: "filter",
-              targetEl: c,
-              fromEl: t,
-              toEl: t
-            }), ve("filter", a, {
-              evt: e
-            }), !0;
-        }), v)) {
-          o && e.cancelable && e.preventDefault();
-          return;
-        }
-        l.handle && !Te(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, c;
-    if (t && !_ && t.parentNode === o) {
-      var s = oe(t);
-      if (z = o, _ = t, te = _.parentNode, Pe = _.nextSibling, st = t, at = r.group, O.dragged = _, De = {
-        target: _,
-        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, _.style["will-change"] = "all", c = function() {
-        if (ve("delayEnded", l, {
-          evt: e
-        }), O.eventCanceled) {
-          l._onDrop();
-          return;
-        }
-        l._disableDelayedDragEvents(), !ea && l.nativeDraggable && (_.draggable = !0), l._triggerDragStart(e, a), fe({
-          sortable: l,
-          name: "choose",
-          originalEvent: e
-        }), ye(_, r.chosenClass, !0);
-      }, r.ignore.split(",").forEach(function(v) {
-        ha(_, 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, _.draggable = !0), ve("delayStart", this, {
-        evt: e
-      }), r.delay && (!r.delayOnTouchOnly || a) && (!this.nativeDraggable || !(et || ke))) {
-        if (O.eventCanceled) {
-          this._onDrop();
-          return;
-        }
-        G(n, "mouseup", l._disableDelayedDrag), G(n, "touchend", l._disableDelayedDrag), G(n, "touchcancel", l._disableDelayedDrag), G(n, "mousemove", l._delayedDragTouchMoveHandler), G(n, "touchmove", l._delayedDragTouchMoveHandler), r.supportPointer && G(n, "pointermove", l._delayedDragTouchMoveHandler), l._dragStartTimer = setTimeout(c, r.delay);
-      } else
-        c();
-    }
-  },
-  _delayedDragTouchMoveHandler: function(e) {
-    var a = e.touches ? e.touches[0] : e;
-    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() {
-    _ && Dt(_), 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(_, "dragend", this), G(z, "dragstart", this._onDragStart));
-    try {
-      document.selection ? ct(function() {
-        document.selection.empty();
-      }) : window.getSelection().removeAllRanges();
-    } catch {
-    }
-  },
-  _dragStarted: function(e, a) {
-    if (qe = !1, z && _) {
-      ve("dragStarted", this, {
-        evt: a
-      }), this.nativeDraggable && G(document, "dragover", Ql);
-      var t = this.options;
-      !e && ye(_, t.dragClass, !1), ye(_, t.ghostClass, !0), O.active = this, e && this._appendGhost(), fe({
-        sortable: this,
-        name: "start",
-        originalEvent: a
-      });
-    } else
-      this._nulling();
-  },
-  _emulateDragOver: function() {
-    if (xe) {
-      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 (_.parentNode[he]._isOutsideThisEl(e), a)
-        do {
-          if (a[he]) {
-            var t = void 0;
-            if (t = a[he]._onDragOver({
-              clientX: xe.clientX,
-              clientY: xe.clientY,
-              target: e,
-              rootEl: a
-            }), t && !this.options.dragoverBubble)
-              break;
-          }
-          e = a;
-        } while (a = a.parentNode);
-      ka();
-    }
-  },
-  _onTouchMove: function(e) {
-    if (De) {
-      var a = this.options, t = a.fallbackTolerance, l = a.fallbackOffset, o = e.touches ? e.touches[0] : e, r = P && Le(P, !0), n = P && r && r.a, c = P && r && r.d, s = lt && de && na(de), v = (o.clientX - De.clientX + l.x) / (n || 1) + (s ? s[0] - Et[0] : 0) / (n || 1), f = (o.clientY - De.clientY + l.y) / (c || 1) + (s ? s[1] - Et[1] : 0) / (c || 1);
-      if (!O.active && !qe) {
-        if (t && Math.max(Math.abs(o.clientX - this._lastX), Math.abs(o.clientY - this._lastY)) < t)
-          return;
-        this._onDragStart(e, !0);
-      }
-      if (P) {
-        r ? (r.e += v - (Nt || 0), r.f += f - (Vt || 0)) : r = {
-          a: 1,
-          b: 0,
-          c: 0,
-          d: 1,
-          e: v,
-          f
-        };
-        var p = "matrix(".concat(r.a, ",").concat(r.b, ",").concat(r.c, ",").concat(r.d, ",").concat(r.e, ",").concat(r.f, ")");
-        D(P, "webkitTransform", p), D(P, "mozTransform", p), D(P, "msTransform", p), D(P, "transform", p), Nt = v, Vt = f, xe = o;
-      }
-      e.cancelable && e.preventDefault();
-    }
-  },
-  _appendGhost: function() {
-    if (!P) {
-      var e = this.options.fallbackOnBody ? document.body : z, a = oe(_, !0, lt, !0, e), t = this.options;
-      if (lt) {
-        for (de = e; D(de, "position") === "static" && D(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(), Et = na(de);
-      }
-      P = _.cloneNode(!0), ye(P, t.ghostClass, !1), ye(P, t.fallbackClass, !0), ye(P, t.dragClass, !0), D(P, "transition", ""), D(P, "transform", ""), D(P, "box-sizing", "border-box"), D(P, "margin", 0), D(P, "top", a.top), D(P, "left", a.left), D(P, "width", a.width), D(P, "height", a.height), D(P, "opacity", "0.8"), D(P, "position", lt ? "absolute" : "fixed"), D(P, "zIndex", "100000"), D(P, "pointerEvents", "none"), O.ghost = P, e.appendChild(P), D(P, "transform-origin", la / parseInt(P.style.width) * 100 + "% " + oa / parseInt(P.style.height) * 100 + "%");
-    }
-  },
-  _onDragStart: function(e, a) {
-    var t = this, l = e.dataTransfer, o = t.options;
-    if (ve("dragStart", this, {
-      evt: e
-    }), O.eventCanceled) {
-      this._onDrop();
-      return;
-    }
-    ve("setupClone", this), O.eventCanceled || (J = xa(_), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), ye(J, this.options.chosenClass, !1), O.clone = J), t.cloneId = ct(function() {
-      ve("clone", t), !O.eventCanceled && (t.options.removeCloneOnHide || z.insertBefore(J, _), t._hideClone(), fe({
-        sortable: t,
-        name: "clone"
-      }));
-    }), !a && ye(_, 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, _)), G(document, "drop", t), D(_, "transform", "translateZ(0)")), qe = !0, t._dragStartId = ct(t._dragStarted.bind(t, a, e)), G(document, "selectstart", t), He = !0, We && D(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, c = n.group, s = O.active, v = at === c, f = n.sort, p = ce || s, i, u = this, m = !1;
-    if (At)
-      return;
-    function g(Y, _e) {
-      ve(Y, u, Ce({
-        evt: e,
-        isOwner: v,
-        axis: i ? "vertical" : "horizontal",
-        revert: r,
-        dragRect: l,
-        targetRect: o,
-        canSort: f,
-        fromSortable: p,
-        target: t,
-        completed: d,
-        onMove: function(se, I) {
-          return ot(z, a, _, l, se, oe(se), e, I);
-        },
-        changed: C
-      }, _e));
-    }
-    function k() {
-      g("dragOverAnimationCapture"), u.captureAnimationState(), u !== p && p.captureAnimationState();
-    }
-    function d(Y) {
-      return g("dragOverCompleted", {
-        insertion: Y
-      }), Y && (v ? s._hideClone() : s._showClone(u), u !== p && (ye(_, ce ? ce.options.ghostClass : s.options.ghostClass, !1), ye(_, n.ghostClass, !0)), ce !== u && u !== O.active ? ce = u : u === O.active && ce && (ce = null), p === u && (u._ignoreWhileAnimating = t), u.animateAll(function() {
-        g("dragOverAnimationComplete"), u._ignoreWhileAnimating = null;
-      }), u !== p && (p.animateAll(), p._ignoreWhileAnimating = null)), (t === _ && !_.animated || t === a && !t.animated) && (Be = null), !n.dragoverBubble && !e.rootEl && t !== document && (_.parentNode[he]._isOutsideThisEl(e.target), !Y && Oe(e)), !n.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
-    }
-    function C() {
-      be = we(_), Ne = we(_, n.draggable), fe({
-        sortable: u,
-        name: "change",
-        toEl: a,
-        newIndex: be,
-        newDraggableIndex: Ne,
-        originalEvent: e
-      });
-    }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), t = Te(t, n.draggable, a, !0), g("dragOver"), O.eventCanceled)
-      return m;
-    if (_.contains(e.target) || t.animated && t.animatingX && t.animatingY || u._ignoreWhileAnimating === t)
-      return d(!1);
-    if (ft = !1, s && !n.disabled && (v ? f || (r = te !== z) : ce === this || (this.lastPutMode = at.checkPull(this, s, _, e)) && c.checkPut(this, s, _, e))) {
-      if (i = this._getDirection(e, t) === "vertical", l = oe(_), g("dragOverValid"), O.eventCanceled)
-        return m;
-      if (r)
-        return te = z, k(), this._hideClone(), g("revert"), O.eventCanceled || (Pe ? z.insertBefore(_, Pe) : z.appendChild(_)), d(!0);
-      var B = Lt(a, n.draggable);
-      if (!B || to(e, i, this) && !B.animated) {
-        if (B === _)
-          return d(!1);
-        if (B && a === e.target && (t = B), t && (o = oe(t)), ot(z, a, _, l, t, o, e, !!t) !== !1)
-          return k(), B && B.nextSibling ? a.insertBefore(_, B.nextSibling) : a.appendChild(_), te = a, C(), d(!0);
-      } else if (B && eo(e, i, this)) {
-        var M = Ye(a, 0, n, !0);
-        if (M === _)
-          return d(!1);
-        if (t = M, o = oe(t), ot(z, a, _, l, t, o, e, !1) !== !1)
-          return k(), a.insertBefore(_, M), te = a, C(), d(!0);
-      } else if (t.parentNode === a) {
-        o = oe(t);
-        var $ = 0, Z, j = _.parentNode !== a, me = !Wl(_.animated && _.toRect || l, t.animated && t.toRect || o, i), ee = i ? "top" : "left", N = aa(t, "top", "top") || aa(_, "top", "top"), S = N ? N.scrollTop : void 0;
-        Be !== t && (Z = o[ee], Ze = !1, nt = !me && n.invertSwap || j), $ = ao(e, t, o, i, me ? 1 : n.swapThreshold, n.invertedSwapThreshold == null ? n.swapThreshold : n.invertedSwapThreshold, nt, Be === t);
-        var w;
-        if ($ !== 0) {
-          var V = we(_);
-          do
-            V -= $, w = te.children[V];
-          while (w && (D(w, "display") === "none" || w === P));
-        }
-        if ($ === 0 || w === t)
-          return d(!1);
-        Be = t, Je = $;
-        var U = t.nextElementSibling, L = !1;
-        L = $ === 1;
-        var W = ot(z, a, _, l, t, o, e, L);
-        if (W !== !1)
-          return (W === 1 || W === -1) && (L = W === 1), At = !0, setTimeout(Zl, 30), k(), L && !U ? a.appendChild(_) : t.parentNode.insertBefore(_, L ? U : t), N && wa(N, 0, S - N.scrollTop), te = _.parentNode, Z !== void 0 && !nt && (ut = Math.abs(Z - oe(t)[ee])), C(), d(!0);
-      }
-      if (a.contains(_))
-        return d(!1);
-    }
-    return !1;
-  },
-  _ignoreWhileAnimating: null,
-  _offMoveEvents: function() {
-    q(document, "mousemove", this._onTouchMove), q(document, "touchmove", this._onTouchMove), q(document, "pointermove", this._onTouchMove), q(document, "dragover", Oe), q(document, "mousemove", Oe), q(document, "touchmove", Oe);
-  },
-  _offUpEvents: function() {
-    var e = this.el.ownerDocument;
-    q(e, "mouseup", this._onDrop), q(e, "touchend", this._onDrop), q(e, "pointerup", this._onDrop), q(e, "touchcancel", this._onDrop), q(document, "selectstart", this);
-  },
-  _onDrop: function(e) {
-    var a = this.el, t = this.options;
-    if (be = we(_), Ne = we(_, t.draggable), ve("drop", this, {
-      evt: e
-    }), te = _ && _.parentNode, be = we(_), Ne = we(_, t.draggable), O.eventCanceled) {
-      this._nulling();
-      return;
-    }
-    qe = !1, nt = !1, Ze = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Mt(this.cloneId), Mt(this._dragStartId), this.nativeDraggable && (q(document, "drop", this), q(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), We && D(document.body, "user-select", ""), D(_, "transform", ""), e && (He && (e.cancelable && e.preventDefault(), !t.dropBubble && e.stopPropagation()), P && P.parentNode && P.parentNode.removeChild(P), (z === te || ce && ce.lastPutMode !== "clone") && J && J.parentNode && J.parentNode.removeChild(J), _ && (this.nativeDraggable && q(_, "dragend", this), Dt(_), _.style["will-change"] = "", He && !qe && ye(_, ce ? ce.options.ghostClass : this.options.ghostClass, !1), ye(_, this.options.chosenClass, !1), fe({
-      sortable: this,
-      name: "unchoose",
-      toEl: te,
-      newIndex: null,
-      newDraggableIndex: null,
-      originalEvent: e
-    }), z !== te ? (be >= 0 && (fe({
-      rootEl: te,
-      name: "add",
-      toEl: te,
-      fromEl: z,
-      originalEvent: e
-    }), fe({
-      sortable: this,
-      name: "remove",
-      toEl: te,
-      originalEvent: e
-    }), fe({
-      rootEl: te,
-      name: "sort",
-      toEl: te,
-      fromEl: z,
-      originalEvent: e
-    }), fe({
-      sortable: this,
-      name: "sort",
-      toEl: te,
-      originalEvent: e
-    })), ce && ce.save()) : be !== $e && be >= 0 && (fe({
-      sortable: this,
-      name: "update",
-      toEl: te,
-      originalEvent: e
-    }), fe({
-      sortable: this,
-      name: "sort",
-      toEl: te,
-      originalEvent: e
-    })), O.active && ((be == null || be === -1) && (be = $e, Ne = Qe), fe({
-      sortable: this,
-      name: "end",
-      toEl: te,
-      originalEvent: e
-    }), this.save()))), this._nulling();
-  },
-  _nulling: function() {
-    ve("nulling", this), z = _ = te = P = Pe = J = st = Ve = De = xe = He = be = Ne = $e = Qe = Be = Je = ce = at = O.dragged = O.ghost = O.clone = O.active = null, gt.forEach(function(e) {
-      e.checked = !0;
-    }), gt.length = Nt = Vt = 0;
-  },
-  handleEvent: function(e) {
-    switch (e.type) {
-      case "drop":
-      case "dragend":
-        this._onDrop(e);
-        break;
-      case "dragenter":
-      case "dragover":
-        _ && (this._onDragOver(e), Jl(e));
-        break;
-      case "selectstart":
-        e.preventDefault();
-        break;
-    }
-  },
-  /**
-   * Serializes the item into an array of string.
-   * @returns {String[]}
-   */
-  toArray: function() {
-    for (var e = [], a, t = this.el.children, l = 0, o = t.length, r = this.options; l < o; l++)
-      a = t[l], Te(a, r.draggable, this.el, !1) && e.push(a.getAttribute(r.dataIdAttr) || lo(a));
-    return e;
-  },
-  /**
-   * Sorts the elements according to the array.
-   * @param  {String[]}  order  order of the items
-   */
-  sort: function(e, a) {
-    var t = {}, l = this.el;
-    this.toArray().forEach(function(o, r) {
-      var n = l.children[r];
-      Te(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();
-  },
-  /**
-   * Save the current sorting
-   */
-  save: function() {
-    var e = this.options.store;
-    e && e.set && e.set(this);
-  },
-  /**
-   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-   * @param   {HTMLElement}  el
-   * @param   {String}       [selector]  default: `options.draggable`
-   * @returns {HTMLElement|null}
-   */
-  closest: function(e, a) {
-    return Te(e, a || this.options.draggable, this.el, !1);
-  },
-  /**
-   * Set/get option
-   * @param   {string} name
-   * @param   {*}      [value]
-   * @returns {*}
-   */
-  option: function(e, a) {
-    var t = this.options;
-    if (a === void 0)
-      return t[e];
-    var l = tt.modifyOption(this, e, a);
-    typeof l < "u" ? t[e] = l : t[e] = a, e === "group" && Fa(t);
-  },
-  /**
-   * Destroy
-   */
-  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) {
-      a.removeAttribute("draggable");
-    }), this._onDrop(), this._disableDelayedDragEvents(), vt.splice(vt.indexOf(this.el), 1), this.el = e = null;
-  },
-  _hideClone: function() {
-    if (!Ve) {
-      if (ve("hideClone", this), O.eventCanceled)
-        return;
-      D(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), Ve = !0;
-    }
-  },
-  _showClone: function(e) {
-    if (e.lastPutMode !== "clone") {
-      this._hideClone();
-      return;
-    }
-    if (Ve) {
-      if (ve("showClone", this), O.eventCanceled)
-        return;
-      _.parentNode == z && !this.options.group.revertClone ? z.insertBefore(J, _) : Pe ? z.insertBefore(J, Pe) : z.appendChild(J), this.options.group.revertClone && this.animate(_, J), D(J, "display", ""), Ve = !1;
-    }
-  }
-};
-function Jl(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], f = v.options.onMove, p;
-  return window.CustomEvent && !ke && !et ? 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 || oe(a), s.willInsertAfter = c, s.originalEvent = n, e.dispatchEvent(s), f && (p = f.call(v, s, n)), p;
-}
-function Dt(e) {
-  e.draggable = !1;
-}
-function Zl() {
-  At = !1;
-}
-function eo(e, a, t) {
-  var l = oe(Ye(t.el, 0, t.options, !0)), o = Ta(t.el, t.options, P), 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 to(e, a, t) {
-  var l = oe(Lt(t.el, t.options.draggable)), o = Ta(t.el, t.options, P), 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 ao(e, a, t, l, o, r, n, c) {
-  var s = l ? e.clientY : e.clientX, v = l ? t.height : t.width, f = l ? t.top : t.left, p = l ? t.bottom : t.right, i = !1;
-  if (!n) {
-    if (c && ut < v * o) {
-      if (!Ze && (Je === 1 ? s > f + v * r / 2 : s < p - v * r / 2) && (Ze = !0), Ze)
-        i = !0;
-      else if (Je === 1 ? s < f + ut : s > p - ut)
-        return -Je;
-    } else if (s > f + v * (1 - o) / 2 && s < p - v * (1 - o) / 2)
-      return no(a);
-  }
-  return i = i || n, i && (s < f + v * r / 2 || s > p - v * r / 2) ? s > f + v / 2 ? 1 : -1 : 0;
-}
-function no(e) {
-  return we(_) < we(e) ? 1 : -1;
-}
-function lo(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 oo(e) {
-  gt.length = 0;
-  for (var a = e.getElementsByTagName("input"), t = a.length; t--; ) {
-    var l = a[t];
-    l.checked && gt.push(l);
-  }
-}
-function ct(e) {
-  return setTimeout(e, 0);
-}
-function Mt(e) {
-  return clearTimeout(e);
-}
-Ct && G(document, "touchmove", function(e) {
-  (O.active || qe) && e.cancelable && e.preventDefault();
-});
-O.utils = {
-  on: G,
-  off: q,
-  css: D,
-  find: ha,
-  is: function(e, a) {
-    return !!Te(e, a, e, !1);
-  },
-  extend: Gl,
-  throttle: _a,
-  closest: Te,
-  toggleClass: ye,
-  clone: xa,
-  index: we,
-  nextTick: ct,
-  cancelNextTick: Mt,
-  detectDirection: Ca,
-  getChild: Ye
-};
-O.get = function(e) {
-  return e[he];
-};
-O.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 && (O.utils = Ce(Ce({}, O.utils), l.utils)), tt.mount(l);
-  });
-};
-O.create = function(e, a) {
-  return new O(e, a);
-};
-O.version = Rl;
-var le = [], Ke, Rt, Bt = !1, Ot, Pt, yt, Xe;
-function ro() {
-  function e() {
-    this.defaults = {
-      scroll: !0,
-      forceAutoScrollFallback: !1,
-      scrollSensitivity: 30,
-      scrollSpeed: 10,
-      bubbleScroll: !0
-    };
-    for (var a in this)
-      a.charAt(0) === "_" && typeof this[a] == "function" && (this[a] = this[a].bind(this));
-  }
-  return e.prototype = {
-    dragStarted: function(a) {
-      var t = a.originalEvent;
-      this.sortable.nativeDraggable ? G(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? G(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? G(document, "touchmove", this._handleFallbackAutoScroll) : G(document, "mousemove", this._handleFallbackAutoScroll);
-    },
-    dragOverCompleted: function(a) {
-      var t = a.originalEvent;
-      !this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
-    },
-    drop: function() {
-      this.sortable.nativeDraggable ? q(document, "dragover", this._handleAutoScroll) : (q(document, "pointermove", this._handleFallbackAutoScroll), q(document, "touchmove", this._handleFallbackAutoScroll), q(document, "mousemove", this._handleFallbackAutoScroll)), ia(), dt(), $l();
-    },
-    nulling: function() {
-      yt = Rt = Ke = Bt = Xe = Ot = Pt = null, le.length = 0;
-    },
-    _handleFallbackAutoScroll: function(a) {
-      this._handleAutoScroll(a, !0);
-    },
-    _handleAutoScroll: function(a, t) {
-      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 (yt = a, t || this.options.forceAutoScrollFallback || et || ke || We) {
-        Ut(a, this.options, n, t);
-        var c = Ee(n, !0);
-        Bt && (!Xe || o !== Ot || r !== Pt) && (Xe && ia(), Xe = setInterval(function() {
-          var s = Ee(document.elementFromPoint(o, r), !0);
-          s !== c && (c = s, dt()), Ut(a, l.options, s, t);
-        }, 10), Ot = o, Pt = r);
-      } else {
-        if (!this.options.bubbleScroll || Ee(n, !0) === Ie()) {
-          dt();
-          return;
-        }
-        Ut(a, this.options, Ee(n, !1), !1);
-      }
-    }
-  }, Se(e, {
-    pluginName: "scroll",
-    initializeByDefault: !0
-  });
-}
-function dt() {
-  le.forEach(function(e) {
-    clearInterval(e.pid);
-  }), le = [];
-}
-function ia() {
-  clearInterval(Xe);
-}
-var Ut = _a(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, c = a.scrollSpeed, s = Ie(), v = !1, f;
-    Rt !== t && (Rt = t, dt(), Ke = a.scroll, f = a.scrollFn, Ke === !0 && (Ke = Ee(t, !0)));
-    var p = 0, i = Ke;
-    do {
-      var u = i, m = oe(u), g = m.top, k = m.bottom, d = m.left, C = m.right, B = m.width, M = m.height, $ = void 0, Z = void 0, j = u.scrollWidth, me = u.scrollHeight, ee = D(u), N = u.scrollLeft, S = u.scrollTop;
-      u === s ? ($ = B < j && (ee.overflowX === "auto" || ee.overflowX === "scroll" || ee.overflowX === "visible"), Z = M < me && (ee.overflowY === "auto" || ee.overflowY === "scroll" || ee.overflowY === "visible")) : ($ = B < j && (ee.overflowX === "auto" || ee.overflowX === "scroll"), Z = M < me && (ee.overflowY === "auto" || ee.overflowY === "scroll"));
-      var w = $ && (Math.abs(C - o) <= n && N + B < j) - (Math.abs(d - o) <= n && !!N), V = Z && (Math.abs(k - r) <= n && S + M < me) - (Math.abs(g - r) <= n && !!S);
-      if (!le[p])
-        for (var U = 0; U <= p; U++)
-          le[U] || (le[U] = {});
-      (le[p].vx != w || le[p].vy != V || le[p].el !== u) && (le[p].el = u, le[p].vx = w, le[p].vy = V, clearInterval(le[p].pid), (w != 0 || V != 0) && (v = !0, le[p].pid = setInterval((function() {
-        l && this.layer === 0 && O.active._onTouchMove(yt);
-        var L = le[this.layer].vy ? le[this.layer].vy * c : 0, W = le[this.layer].vx ? le[this.layer].vx * c : 0;
-        typeof f == "function" && f.call(O.dragged.parentNode[he], W, L, e, yt, le[this.layer].el) !== "continue" || wa(le[this.layer].el, W, L);
-      }).bind({
-        layer: p
-      }), 24))), p++;
-    } while (a.bubbleScroll && i !== s && (i = Ee(i, !1)));
-    Bt = v;
-  }
-}, 30), Na = function(e) {
-  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 v = a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a, f = document.elementFromPoint(v.clientX, v.clientY);
-    c(), s && !s.el.contains(f) && (r("spill"), this.onSpill({
-      dragEl: l,
-      putSortable: t
-    }));
-  }
-};
-function Yt() {
-}
-Yt.prototype = {
-  startIndex: null,
-  dragStart: function(e) {
-    var a = e.oldDraggableIndex;
-    this.startIndex = a;
-  },
-  onSpill: function(e) {
-    var a = e.dragEl, t = e.putSortable;
-    this.sortable.captureAnimationState(), t && t.captureAnimationState();
-    var l = Ye(this.sortable.el, this.startIndex, this.options);
-    l ? this.sortable.el.insertBefore(a, l) : this.sortable.el.appendChild(a), this.sortable.animateAll(), t && t.animateAll();
-  },
-  drop: Na
-};
-Se(Yt, {
-  pluginName: "revertOnSpill"
-});
-function jt() {
-}
-jt.prototype = {
-  onSpill: function(e) {
-    var a = e.dragEl, t = e.putSortable, l = t || this.sortable;
-    l.captureAnimationState(), a.parentNode && a.parentNode.removeChild(a), l.animateAll();
-  },
-  drop: Na
-};
-Se(jt, {
-  pluginName: "removeOnSpill"
-});
-O.mount(new ro());
-O.mount(jt, Yt);
-function io(e) {
-  return e == null ? e : JSON.parse(JSON.stringify(e));
-}
-function so(e) {
-  Gt() && Aa(e);
-}
-function uo(e) {
-  Gt() ? ie(e) : ca(e);
-}
-let Va = null, Ea = null;
-function sa(e = null, a = null) {
-  Va = e, Ea = a;
-}
-function co() {
-  return {
-    data: Va,
-    clonedData: Ea
-  };
-}
-const ua = Symbol("cloneElement");
-function po(...e) {
-  var a, t;
-  const l = (a = Gt()) == null ? void 0 : a.proxy;
-  let o = null;
-  const r = e[0];
-  let [, n, c] = e;
-  Array.isArray(A(n)) || (c = n, n = null);
-  let s = null;
-  const {
-    immediate: v = !0,
-    clone: f = io,
-    forceFallback: p,
-    fallbackOnBody: i,
-    customUpdate: u
-  } = (t = A(c)) != null ? t : {};
-  function m(N) {
-    var S;
-    const { from: w, oldIndex: V, item: U } = N, L = Array.from(w.childNodes);
-    o = p && !i ? L.slice(0, -1) : L;
-    const W = A((S = A(n)) == null ? void 0 : S[V]), Y = f(W);
-    sa(W, Y), U[ua] = Y;
-  }
-  function g(N) {
-    const S = N.item[ua];
-    if (!Sl(S)) {
-      if (Ft(N.item), Ae(n)) {
-        const w = [...A(n)];
-        n.value = zt(w, N.newDraggableIndex, S);
-        return;
-      }
-      zt(A(n), N.newDraggableIndex, S);
-    }
-  }
-  function k(N) {
-    const { from: S, item: w, oldIndex: V, oldDraggableIndex: U, pullMode: L, clone: W } = N;
-    if (Qt(S, w, V), L === "clone") {
-      Ft(W);
-      return;
-    }
-    if (Ae(n)) {
-      const Y = [...A(n)];
-      n.value = Wt(Y, U);
-      return;
-    }
-    Wt(A(n), U);
-  }
-  function d(N) {
-    if (u) {
-      u(N);
-      return;
-    }
-    const { from: S, item: w, oldIndex: V, oldDraggableIndex: U, newDraggableIndex: L } = N;
-    if (Ft(w), Qt(S, w, V), Ae(n)) {
-      const W = [...A(n)];
-      n.value = Xt(
-        W,
-        U,
-        L
-      );
-      return;
-    }
-    Xt(A(n), U, L);
-  }
-  function C(N) {
-    const { newIndex: S, oldIndex: w, from: V, to: U } = N;
-    let L = null;
-    const W = S === w && V === U;
-    try {
-      if (W) {
-        let Y = null;
-        o == null || o.some((_e, se) => {
-          if (Y && (o == null ? void 0 : o.length) !== U.childNodes.length)
-            return V.insertBefore(Y, _e.nextSibling), !0;
-          const I = U.childNodes[se];
-          Y = U == null ? void 0 : U.replaceChild(_e, I);
-        });
-      }
-    } catch (Y) {
-      L = Y;
-    } finally {
-      o = null;
-    }
-    ca(() => {
-      if (sa(), L)
-        throw L;
-    });
-  }
-  const B = {
-    onUpdate: d,
-    onStart: m,
-    onAdd: g,
-    onRemove: k,
-    onEnd: C
-  };
-  function M(N) {
-    const S = A(r);
-    return N || (N = kl(S) ? Nl(S, l == null ? void 0 : l.$el) : S), N && !Dl(N) && (N = N.$el), N || Il("Root element not found"), N;
-  }
-  function $() {
-    var N;
-    const S = (N = A(c)) != null ? N : {}, { immediate: w, clone: V } = S, U = fa(S, ["immediate", "clone"]);
-    return Jt(U, (L, W) => {
-      Ol(L) && (U[L] = (Y, ..._e) => {
-        const se = co();
-        return Pl(Y, se), W(Y, ..._e);
-      });
-    }), El(
-      n === null ? {} : B,
-      U
-    );
-  }
-  const Z = (N) => {
-    N = M(N), s && j.destroy(), s = new O(N, $());
-  };
-  ne(
-    () => c,
-    () => {
-      s && Jt($(), (N, S) => {
-        s == null || s.option(N, S);
-      });
-    },
-    { deep: !0 }
-  );
-  const j = {
-    option: (N, S) => s == null ? void 0 : s.option(N, S),
-    destroy: () => {
-      s == null || s.destroy(), s = null;
-    },
-    save: () => s == null ? void 0 : s.save(),
-    toArray: () => s == null ? void 0 : s.toArray(),
-    closest: (...N) => s == null ? void 0 : s.closest(...N)
-  }, me = () => j == null ? void 0 : j.option("disabled", !0), ee = () => j == null ? void 0 : j.option("disabled", !1);
-  return uo(() => {
-    v && Z();
-  }), so(j.destroy), Ge({ start: Z, pause: me, resume: ee }, j);
-}
-const qt = [
-  "update",
-  "start",
-  "add",
-  "remove",
-  "choose",
-  "unchoose",
-  "end",
-  "sort",
-  "filter",
-  "clone",
-  "move",
-  "change"
-], mo = [
-  "clone",
-  "animation",
-  "ghostClass",
-  "group",
-  "sort",
-  "disabled",
-  "store",
-  "handle",
-  "draggable",
-  "swapThreshold",
-  "invertSwap",
-  "invertedSwapThreshold",
-  "removeCloneOnHide",
-  "direction",
-  "chosenClass",
-  "dragClass",
-  "ignore",
-  "filter",
-  "preventOnFilter",
-  "easing",
-  "setData",
-  "dropBubble",
-  "dragoverBubble",
-  "dataIdAttr",
-  "delay",
-  "delayOnTouchOnly",
-  "touchStartThreshold",
-  "forceFallback",
-  "fallbackClass",
-  "fallbackOnBody",
-  "fallbackTolerance",
-  "fallbackOffset",
-  "supportPointer",
-  "emptyInsertThreshold",
-  "scroll",
-  "forceAutoScrollFallback",
-  "scrollSensitivity",
-  "scrollSpeed",
-  "bubbleScroll",
-  "modelValue",
-  "tag",
-  "target",
-  "customUpdate",
-  ...qt.map((e) => `on${e.replace(/^\S/, (a) => a.toUpperCase())}`)
-], fo = X({
-  name: "VueDraggable",
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: mo,
-  emits: ["update:modelValue", ...qt],
-  setup(e, { slots: a, emit: t, expose: l, attrs: o }) {
-    const r = qt.reduce((f, p) => {
-      const i = `on${p.replace(/^\S/, (u) => u.toUpperCase())}`;
-      return f[i] = (...u) => t(p, ...u), f;
-    }, {}), n = K(() => {
-      const f = Oa(e), { modelValue: p } = f, i = fa(f, ["modelValue"]), u = Object.entries(i).reduce((m, [g, k]) => {
-        const d = A(k);
-        return d !== void 0 && (m[g] = d), m;
-      }, {});
-      return Ge(Ge({}, r), Fl(Ge(Ge({}, o), u)));
-    }), c = K({
-      get: () => e.modelValue,
-      set: (f) => t("update:modelValue", f)
-    }), s = T(), v = Pa(
-      po(e.target || s, c, n)
-    );
-    return l(v), () => {
-      var f;
-      return Ua(e.tag || "div", { ref: s }, (f = a == null ? void 0 : a.default) == null ? void 0 : f.call(a, v));
-    };
-  }
-}), vo = { class: "flex flex-col gap-6" }, go = {
-  key: 0,
-  class: "text-sm text-gray-500 flex items-center gap-1.5 -mb-2"
-}, yo = { class: "flex items-center justify-between" }, bo = ["onClick"], ho = ["src"], _o = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, wo = { class: "font-medium" }, xo = {
-  key: 0,
-  class: "flex gap-8 my-6"
-}, To = { class: "flex-1 min-w-0 flex flex-col gap-6" }, Io = { class: "grid grid-cols-2 gap-6" }, Co = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, Fo = { class: "flex items-end gap-3" }, So = {
-  key: 0,
-  class: "flex flex-wrap gap-2"
-}, ko = { class: "w-[300px] flex-shrink-0 flex flex-col gap-4" }, No = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, Vo = { class: "flex gap-1.5" }, Eo = ["onClick"], Do = { class: "bg-gray-50 rounded-lg flex items-center justify-center py-10 px-6 min-h-[160px]" }, Oo = {
-  key: 0,
-  class: "bg-white rounded-lg shadow-sm px-5 py-2.5 max-w-full"
-}, Po = { class: "text-sm font-semibold text-indigo-500 text-center break-words block" }, Uo = {
-  key: 0,
-  class: "text-xs text-gray-400 text-center break-words block mt-0.5"
-}, Ao = {
-  key: 1,
-  class: "bg-white rounded-2xl shadow-sm px-5 py-4 flex flex-col items-start gap-2 min-w-[140px] max-w-[200px]"
-}, Mo = ["src"], Ro = { class: "text-sm font-medium text-gray-800 text-left break-words" }, Bo = {
-  key: 2,
-  class: "text-xs text-gray-400 text-left break-words"
-}, qo = {
-  key: 2,
-  class: "bg-white rounded-2xl shadow-md px-6 py-5 flex flex-col items-center gap-2 min-w-[140px] max-w-[200px]"
-}, Go = ["src"], $o = { class: "text-base font-bold text-orange-500 text-center break-words" }, Lo = {
-  key: 2,
-  class: "text-xs text-gray-400 text-center break-words"
-}, Yo = {
-  key: 1,
-  class: "flex flex-col gap-2"
-}, jo = { class: "bg-gray-50 border rounded-lg flex flex-col items-center gap-3 py-6 px-4" }, Ho = ["src"], Ko = {
-  key: 1,
-  class: "text-xs font-medium text-gray-400"
-}, Xo = { class: "border-4 border-red-500 rounded-lg p-3 flex items-center justify-center bg-white" }, Wo = { class: "text-center text-sm font-bold text-gray-900" }, zo = {
-  key: 2,
-  class: "text-center text-xs text-gray-500"
-}, Qo = {
-  key: 1,
-  class: "text-gray-500"
-}, Jo = {
-  key: 2,
-  class: "mt-2 flex gap-3"
-}, Zo = /* @__PURE__ */ X({
-  __name: "PaymentCheckout",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, t = () => (a.terminal.paymentCheckouts ?? []).map((w) => ({ ...w })).sort((w, V) => (w.sortOrder ?? 0) - (V.sortOrder ?? 0)), l = T(t());
-    ne(
-      () => a.terminal.paymentCheckouts,
-      () => {
-        l.value = t(), d.value = /* @__PURE__ */ new Set();
-      }
-    );
-    function o() {
-      l.value.forEach((w, V) => {
-        w.sortOrder = V;
-      });
-    }
-    const r = (w) => w.type === "ecr" || w.type === "ecr_qr", n = /* @__PURE__ */ new Set(["qr", "ecr_qr"]), c = (w) => n.has(w.type), s = {
-      card: "credit_card",
-      ecr: "credit_card"
-    }, v = (w) => s[w.type] ?? null, f = [
-      { value: "pos_v7", label: "POS V7" },
-      { value: "pos_v8", label: "POS V8" }
-    ], p = [
-      { value: "kiosk_v2", label: "KIOSK V2" }
-    ], i = a.terminal.deviceType === "KIOSK" ? p : f, u = i[0].value, m = T({}), g = (w) => m.value[w.id] ?? u;
-    function k(w, V) {
-      m.value = { ...m.value, [w.id]: V };
-    }
-    const d = T(/* @__PURE__ */ new Set()), C = (w) => d.value.has(w.id);
-    function B(w) {
-      const V = new Set(d.value);
-      V.has(w.id) ? V.delete(w.id) : V.add(w.id), d.value = V;
-    }
-    const M = T({});
-    function $(w) {
-      const V = (M.value[w.id] ?? "").trim().toUpperCase();
-      if (!V) return;
-      const U = w.fallbackCardTypes ?? [];
-      U.includes(V) || (w.fallbackCardTypes = [...U, V]), M.value[w.id] = "";
-    }
-    function Z(w, V) {
-      const U = (w.fallbackCardTypes ?? []).filter((L) => L !== V);
-      w.fallbackCardTypes = U.length > 0 ? U : null;
-    }
-    const j = {
-      card: "Card",
-      ecr: "ECR",
-      ecr_qr: "ECR QR",
-      qr: "QR",
-      scanpay: "Scan Pay"
-    }, me = (w) => w.action ? `${w.gateway} (${w.action})` : w.gateway;
-    async function ee() {
-      await a.onUpdate(a.terminal, l.value);
-    }
-    const N = $a();
-    function S() {
-      Ka(
-        N,
-        "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, []);
-        }
-      );
-    }
-    return (w, V) => {
-      const U = h("FmIcon"), L = h("FmTooltip"), W = h("FmSwitch"), Y = h("FmTextField"), _e = h("FmButton"), se = h("FmChip");
-      return y(), E("div", vo, [
-        l.value.length > 0 ? (y(), E("p", go, [
-          V[2] || (V[2] = Ue(" Drag the ", -1)),
-          b(U, {
-            class: "text-gray-400 mx-0.5",
-            name: "drag_indicator"
-          }),
-          V[3] || (V[3] = Ue(" handle to reorder payment checkouts ", -1))
-        ])) : R("", !0),
-        b(A(fo), {
-          modelValue: l.value,
-          "onUpdate:modelValue": V[1] || (V[1] = (I) => l.value = I),
-          handle: ".checkout-drag-handle",
-          class: "flex flex-col gap-6",
-          "drag-class": "dragging-card",
-          "ghost-class": "sortable-ghost-card",
-          onEnd: o
-        }, {
-          default: ae(() => [
-            (y(!0), E(re, null, ge(l.value, (I) => (y(), E("div", {
-              key: I.id,
-              class: Ht(["border rounded-lg px-6 flex flex-col gap-4", C(I) ? "py-6" : "py-3"])
-            }, [
-              x("div", yo, [
-                x("div", {
-                  class: "flex items-center gap-3 flex-1 cursor-pointer select-none",
-                  onClick: (H) => B(I)
-                }, [
-                  b(U, {
-                    class: "checkout-drag-handle cursor-grab text-gray-400",
-                    name: "drag_indicator",
-                    onClick: V[0] || (V[0] = Ma(() => {
-                    }, ["stop"]))
-                  }),
-                  b(U, {
-                    class: "text-gray-400",
-                    name: C(I) ? "expand_less" : "expand_more"
-                  }, null, 8, ["name"]),
-                  b(L, {
-                    variant: "plain",
-                    placement: "top",
-                    content: I.gateway,
-                    "hide-arrow": !0
-                  }, {
-                    default: ae(() => [
-                      x("img", {
-                        class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-                        src: A(Ha)(I.gateway.toUpperCase())
-                      }, null, 8, ho)
-                    ]),
-                    _: 2
-                  }, 1032, ["content"]),
-                  x("span", _o, pe(j[I.type] ?? I.type), 1),
-                  x("span", wo, pe(me(I)), 1)
-                ], 8, bo),
-                b(W, {
-                  modelValue: I.enabled,
-                  "onUpdate:modelValue": (H) => I.enabled = H,
-                  label: "Enabled"
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ]),
-              C(I) ? (y(), E("div", xo, [
-                x("div", To, [
-                  x("div", Io, [
-                    b(Y, {
-                      modelValue: I.displayName,
-                      "onUpdate:modelValue": (H) => I.displayName = H,
-                      label: "Display Name"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    b(Y, {
-                      modelValue: I.subtitle,
-                      "onUpdate:modelValue": (H) => I.subtitle = H,
-                      label: "Subtitle",
-                      "label-mark": "optional"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    b(Y, {
-                      modelValue: I.icon,
-                      "onUpdate:modelValue": (H) => I.icon = H,
-                      label: "Icon URL",
-                      "label-mark": "optional"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    b(Y, {
-                      modelValue: I.paymentDescription,
-                      "onUpdate:modelValue": (H) => I.paymentDescription = H,
-                      label: "Payment Description",
-                      "label-mark": "optional"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    b(Y, {
-                      modelValue: I.paymentTagline,
-                      "onUpdate:modelValue": (H) => I.paymentTagline = H,
-                      label: "Payment Tagline",
-                      "label-mark": "optional"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                    b(Y, {
-                      modelValue: I.receiptPaymentName,
-                      "onUpdate:modelValue": (H) => I.receiptPaymentName = H,
-                      label: "Receipt Payment Name",
-                      "label-info": "Name printed on the receipt. Leave blank to use the default for this payment method.",
-                      "label-mark": "optional"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                  ]),
-                  r(I) ? (y(), E("div", Co, [
-                    x("div", Fo, [
-                      b(Y, {
-                        modelValue: M.value[I.id],
-                        "onUpdate:modelValue": (H) => M.value[I.id] = H,
-                        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: Ra((H) => $(I), ["enter"])
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"]),
-                      b(_e, {
-                        icon: "add",
-                        onClick: (H) => $(I)
-                      }, null, 8, ["onClick"])
-                    ]),
-                    (I.fallbackCardTypes ?? []).length > 0 ? (y(), E("div", So, [
-                      (y(!0), E(re, null, ge(I.fallbackCardTypes ?? [], (H) => (y(), F(se, {
-                        key: H,
-                        label: H,
-                        removable: !0,
-                        onChipClosed: () => Z(I, H)
-                      }, null, 8, ["label", "onChipClosed"]))), 128))
-                    ])) : R("", !0)
-                  ])) : R("", !0)
-                ]),
-                x("div", ko, [
-                  A(i).length > 1 ? (y(), E("div", No, [
-                    V[4] || (V[4] = x("span", { class: "text-xs font-medium text-gray-500" }, "Preview on", -1)),
-                    x("div", Vo, [
-                      (y(!0), E(re, null, ge(A(i), (H) => (y(), E("button", {
-                        key: H.value,
-                        type: "button",
-                        class: Ht([
-                          "rounded-md px-2.5 py-1 text-xs font-medium transition-colors mb-2",
-                          g(I) === H.value ? "bg-orange-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"
-                        ]),
-                        onClick: (tr) => k(I, H.value)
-                      }, pe(H.label), 11, Eo))), 128))
-                    ])
-                  ])) : R("", !0),
-                  x("div", Do, [
-                    g(I) === "pos_v7" ? (y(), E("div", Oo, [
-                      x("span", Po, pe(I.displayName || "Payment Method"), 1),
-                      I.subtitle ? (y(), E("span", Uo, pe(I.subtitle), 1)) : R("", !0)
-                    ])) : g(I) === "pos_v8" ? (y(), E("div", Ao, [
-                      I.icon ? (y(), E("img", {
-                        key: 0,
-                        src: I.icon,
-                        class: "w-9 h-9 object-contain"
-                      }, null, 8, Mo)) : v(I) ? (y(), F(U, {
-                        key: 1,
-                        class: "text-gray-700 text-2xl",
-                        name: v(I)
-                      }, null, 8, ["name"])) : R("", !0),
-                      x("span", Ro, pe(I.displayName || "Payment Method"), 1),
-                      I.subtitle ? (y(), E("span", Bo, pe(I.subtitle), 1)) : R("", !0)
-                    ])) : (y(), E("div", qo, [
-                      I.icon ? (y(), E("img", {
-                        key: 0,
-                        src: I.icon,
-                        class: "w-9 h-9 object-contain"
-                      }, null, 8, Go)) : v(I) ? (y(), F(U, {
-                        key: 1,
-                        class: "text-orange-500 text-3xl",
-                        name: v(I)
-                      }, null, 8, ["name"])) : R("", !0),
-                      x("span", $o, pe(I.displayName || "Payment Method"), 1),
-                      I.subtitle ? (y(), E("span", Lo, pe(I.subtitle), 1)) : R("", !0)
-                    ]))
-                  ]),
-                  c(I) ? (y(), E("div", Yo, [
-                    V[5] || (V[5] = x("span", { class: "mt-2 text-xs font-medium text-gray-500" }, "Payment QR Screen", -1)),
-                    x("div", jo, [
-                      I.icon ? (y(), E("img", {
-                        key: 0,
-                        src: I.icon,
-                        class: "h-6 object-contain"
-                      }, null, 8, Ho)) : (y(), E("span", Ko, pe(I.gateway), 1)),
-                      x("div", Xo, [
-                        b(U, {
-                          name: "qr_code_2",
-                          class: "text-6xl text-gray-800"
-                        })
-                      ]),
-                      x("p", Wo, pe(I.paymentDescription || "Payment description"), 1),
-                      I.paymentTagline ? (y(), E("p", zo, pe(I.paymentTagline), 1)) : R("", !0)
-                    ])
-                  ])) : R("", !0)
-                ])
-              ])) : R("", !0)
-            ], 2))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        l.value.length === 0 ? (y(), E("div", Qo, " No payment methods configured for this terminal. ")) : R("", !0),
-        l.value.length > 0 ? (y(), E("div", Jo, [
-          b(_e, {
-            variant: "secondary",
-            label: "Reset",
-            icon: "restart_alt",
-            onclick: S
-          }),
-          b(_e, {
-            variant: "primary",
-            label: "Save",
-            icon: "save",
-            onclick: ee
-          })
-        ])) : R("", !0)
-      ]);
-    };
-  }
-}), er = /* @__PURE__ */ Xa(Zo, [["__scopeId", "data-v-936ac426"]]), br = /* @__PURE__ */ X({
-  __name: "TerminalSetting",
-  props: {
-    terminalId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(e) {
-    const a = e, { tab: t } = wt({
-      tab: "information"
-    }), { isLoading: l, startAsyncCall: o } = je(!0), r = qa(), n = $t(), c = T();
-    async function s(u, m) {
-      o(async () => {
-        try {
-          await Me.updateById(a.terminalId, {
-            name: u.name,
-            status: u.status,
-            ecrs: u.ecrs ?? [],
-            gateways: u.gateways ?? [],
-            ecrIntegrations: u.ecrIntegrations ?? [],
-            qrIntegrations: u.qrIntegrations ?? [],
-            ...m ? { paymentCheckouts: m } : {}
-          }), c.value = await Me.readById(a.terminalId), n.open({
-            type: "success",
-            message: "Terminal updated successfully"
-          });
-        } catch (g) {
-          n.open({
-            type: "error",
-            title: "Error occurs when update terminal",
-            message: rt(g)
-          });
-        }
-      });
-    }
-    const v = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: Wa
-      },
-      {
-        label: "Setting Request",
-        value: "settings",
-        icon: "settings",
-        render: Za,
-        onlyFor: ["TERMINAL"]
-      },
-      {
-        label: "SoftPos Gateway",
-        value: "softpos",
-        icon: "payment",
-        render: sn
-      },
-      {
-        label: "ECR Gateway",
-        value: "ecr",
-        icon: "point_of_sale",
-        render: vl,
-        onlyFor: ["POS", "KIOSK"]
-      },
-      {
-        label: "QR Gateway",
-        value: "qr",
-        icon: "qr_code",
-        render: wl,
-        onlyFor: ["POS", "KIOSK"]
-      },
-      {
-        label: "Payment Checkout",
-        value: "payment-checkout",
-        icon: "tune",
-        render: er,
-        onlyFor: ["KIOSK", "POS"]
-      }
-    ];
-    xt().currentCountry;
-    const f = K(() => {
-      var u;
-      return (u = v.find((m) => m.value === t.value)) == null ? void 0 : u.render;
-    });
-    async function p() {
-      o(async () => {
-        c.value = await Me.readById(a.terminalId);
-      });
-    }
-    const i = K(() => v.filter(
-      (u) => {
-        var m;
-        return !u.onlyFor || u.onlyFor.includes(((m = c.value) == null ? void 0 : m.deviceType) ?? "");
-      }
-    ));
-    return ie(p), (u, m) => {
-      var k, d;
-      const g = h("FmTabs");
-      return y(), F(Ga, {
-        title: `${(k = c.value) == null ? void 0 : k.deviceType} (${(d = c.value) == null ? void 0 : d._id})`,
-        loading: A(l),
-        onBack: A(r).back
-      }, {
-        default: ae(() => [
-          b(g, {
-            "model-value": A(t),
-            "onUpdate:modelValue": m[0] || (m[0] = (C) => Ae(t) ? t.value = C : null),
-            class: "mb-6",
-            items: i.value
-          }, null, 8, ["model-value", "items"]),
-          A(t) ? (y(), F(bt(f.value), ht(_t({ key: 0 }, {
-            terminal: c.value,
-            onUpdate: s
-          })), null, 16)) : R("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  br as default
-};