@feedmepos/mf-payment 1.7.11-dev → 1.7.12-dev

package/dist/TerminalSetting-B79qs4mL.js

@@ -1,2406 +0,0 @@
-import { defineComponent as S, openBlock as f, createElementBlock as C, Fragment as P, createElementVNode as _, createTextVNode as H, toDisplayString as j, ref as T, resolveComponent as g, createVNode as m, createCommentVNode as k, unref as M, computed as U, isRef as Z, createBlock as F, resolveDynamicComponent as ee, normalizeProps as ae, mergeProps as te, watch as q, onBeforeUnmount as ve, toRef as A, onMounted as G, withCtx as O, renderList as B } from "vue";
-import { u as le, p as ye, e as h } from "./index-Bnlv9uae.js";
-import { useRouter as fe } from "vue-router";
-import { t as K } from "./index-C1BlMUKC.js";
-import { _ as ge } from "./Layout.vue_vue_type_script_setup_true_lang-BKIvkgA_.js";
-import { u as ne } from "./index-BqgiQOtT.js";
-import { useSnackbar as se, useDialog as be } from "@feedmepos/ui-library";
-import { u as X } from "./error-K1CakhA9.js";
-import { useI18n as _e, useCoreStore as oe } from "@feedmepos/mf-common";
-import { o as Te } from "./index-zND3az_w.js";
-import { c as Ie } from "./index-MdV54cWO.js";
-import { z as ue, a as ce } from "./validator-CTlVogBQ.js";
-import { g as Fe } from "./assets-_mNJ5BSj.js";
-import { w as we } from "./Modal-DB8M9o1T.js";
-const xe = /* @__PURE__ */ S({
-  __name: "Information",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(I) {
-    return (d, a) => (f(), C(P, null, [
-      a[0] || (a[0] = _("b", null, "Name", -1)),
-      H(": " + j(I.terminal.name), 1),
-      a[1] || (a[1] = _("br", null, null, -1)),
-      a[2] || (a[2] = _("b", null, "Status", -1)),
-      H(": " + j(I.terminal.status), 1),
-      a[3] || (a[3] = _("br", null, null, -1)),
-      a[4] || (a[4] = _("b", null, "Device ID", -1)),
-      H(": " + j(I.terminal.deviceId ?? "-"), 1),
-      a[5] || (a[5] = _("br", null, null, -1)),
-      a[6] || (a[6] = _("b", null, "Device Type", -1)),
-      H(": " + j(I.terminal.deviceType ?? "-"), 1),
-      a[7] || (a[7] = _("br", null, null, -1))
-    ], 64));
-  }
-}), Ce = { key: 0 }, Ne = { class: "mt-6 space-x-6" }, ke = /* @__PURE__ */ S({
-  __name: "KioskMode",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(I) {
-    const { isLoading: d, startAsyncCall: a } = le(!1), b = se(), l = T({
-      enable: !1,
-      password: []
-    }), r = I;
-    function e() {
-      return l.value.enable && l.value.password.filter((v) => !!v).length !== 6 ? b.open({
-        type: "error",
-        message: "Unlock PIN is required when setting up kiosk mode for terminal."
-      }) : a(async () => {
-        const v = { enable: l.value.enable };
-        v.enable && Object.assign(v, {
-          password: l.value.password.join("")
-        });
-        const p = await K.kioskModeRequest(r.terminal._id, v);
-        if (p === "OK")
-          return b.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let y = p;
-        return p === "client_not_connected" && (y = "Terminal not connected to the websocket server."), p.startsWith("terminal: ") && (y = p.replaceAll("terminal: ", "")), b.open({
-          type: "error",
-          message: y
-        });
-      });
-    }
-    return (v, p) => {
-      const y = g("FmSwitch"), c = g("FmPinField"), s = g("FmButton");
-      return f(), C(P, null, [
-        m(y, {
-          modelValue: l.value.enable,
-          "onUpdate:modelValue": p[0] || (p[0] = (t) => l.value.enable = t),
-          label: "Enable Kiosk Mode?"
-        }, null, 8, ["modelValue"]),
-        l.value.enable ? (f(), C("div", Ce, [
-          p[2] || (p[2] = _("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          m(c, {
-            modelValue: l.value.password,
-            "onUpdate:modelValue": p[1] || (p[1] = (t) => l.value.password = t)
-          }, null, 8, ["modelValue"])
-        ])) : k("", !0),
-        _("div", Ne, [
-          m(s, {
-            variant: "primary",
-            label: "Send",
-            icon: "send",
-            loading: M(d),
-            onclick: e
-          }, null, 8, ["loading"])
-        ])
-      ], 64);
-    };
-  }
-}), Ve = /* @__PURE__ */ S({
-  __name: "SettingRequest",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(I) {
-    const { settingTab: d } = ne({
-      settingTab: "kiosk_mode"
-    }), a = [
-      {
-        label: "Kiosk Mode",
-        value: "kiosk_mode",
-        render: ke
-      }
-    ], b = I, l = U(() => a.find((r) => r.value === d.value));
-    return (r, e) => {
-      var p;
-      const v = g("FmTabs");
-      return f(), C(P, null, [
-        e[1] || (e[1] = _("p", { className: "mt-1 my-6 text-gray-600" }, [
-          _("b", null, "Note: "),
-          H(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
-        ], -1)),
-        m(v, {
-          "model-value": M(d),
-          "onUpdate:modelValue": e[0] || (e[0] = (y) => Z(d) ? d.value = y : null),
-          class: "mb-6",
-          items: a
-        }, null, 8, ["model-value"]),
-        M(d) ? (f(), F(ee((p = l.value) == null ? void 0 : p.render), ae(te({ key: 0 }, { terminal: b.terminal })), null, 16)) : k("", !0)
-      ], 64);
-    };
-  }
-}), Ue = 2e3, Se = 12e4, he = "Timed out waiting for the Tyro reader to sync. Please try again.";
-function Re(I) {
-  const { isLoading: d, startLoading: a, stopLoading: b } = le(!1), { t: l } = _e(), r = se(), e = T(null), v = U(() => {
-    var $, E;
-    const V = ($ = I.value.gateways) == null ? void 0 : $.find(
-      (D) => D.gateway === "Tyro"
-    );
-    return ((E = V == null ? void 0 : V.config) == null ? void 0 : E.uniqueId) || "";
-  }), p = U(() => !!v.value), y = U(() => {
-    var V;
-    return ((V = e.value) == null ? void 0 : V.status) === "ready";
-  }), c = U(() => {
-    var V, $;
-    return y.value && !!(($ = (V = e.value) == null ? void 0 : V.fields) != null && $.tyroLocationId) && !!I.value.deviceId && !p.value;
-  }), s = U(() => !y.value && !p.value), t = U(
-    () => l("payment.onboard-submission.tyro.syncDisabledHint")
-  ), n = U(() => p.value ? "Synced" : "Sync");
-  async function i() {
-    if (!I.value.referenceId) {
-      e.value = null;
-      return;
-    }
-    try {
-      const V = await Te.getByRestaurant(
-        I.value.referenceId
-      );
-      e.value = V.find(
-        ($) => $.type === ye.FdoOnboardType.enum.tyro
-      ) ?? null;
-    } catch (V) {
-      e.value = null, r.open({
-        type: "error",
-        message: X(V)
-      });
-    }
-  }
-  const u = Ie({
-    intervalMs: Ue,
-    timeoutMs: Se,
-    onTick: async ({ isCurrentRun: V, stop: $ }) => {
-      var z, Q;
-      const E = await K.readById(I.value._id);
-      if (!V())
-        return;
-      const D = (z = E.gateways) == null ? void 0 : z.find((J) => J.gateway === "Tyro");
-      (D == null ? void 0 : D.gateway) === "Tyro" && ((Q = D == null ? void 0 : D.config) != null && Q.uniqueId) && ($({ invalidate: !1 }), b(), Object.assign(I.value, E), r.open({
-        type: "success",
-        message: "Tyro reader created successfully"
-      }));
-    },
-    onTimeout: () => {
-      b(), r.open({
-        type: "error",
-        message: he
-      });
-    },
-    onError: (V) => {
-      b(), r.open({
-        type: "error",
-        message: X(V)
-      });
-    }
-  }), w = u.isPolling;
-  function o() {
-    u.stop(), b();
-  }
-  function x() {
-    o(), a(), u.start();
-  }
-  async function L() {
-    if (!c.value) {
-      r.open({
-        type: "error",
-        message: "Tyro reader sync is not available"
-      });
-      return;
-    }
-    try {
-      a(), await K.syncTyroReader(I.value._id), x();
-    } catch (V) {
-      o(), r.open({
-        type: "error",
-        message: X(V)
-      });
-    }
-  }
-  return q(
-    () => I.value.referenceId,
-    async () => {
-      await i();
-    },
-    { immediate: !0 }
-  ), ve(() => {
-    o();
-  }), {
-    isLoading: d,
-    isPollingTyroReader: w,
-    uniqueId: v,
-    canSyncTyroReader: c,
-    showTyroSyncPopover: s,
-    tyroSyncPopoverMessage: t,
-    tyroSyncButtonLabel: n,
-    syncTyroReader: L
-  };
-}
-const Me = {
-  key: 0,
-  class: "text-sm text-gray-500"
-}, Oe = { class: "flex mt-6 space-x-6" }, Pe = { class: "flex-1" }, qe = /* @__PURE__ */ S({
-  __name: "SoftposGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = oe().currentCountry, b = [
-      {
-        label: "Fiuu Malaysia",
-        value: "cc.feedme.payment.rms",
-        region: h.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0,
-        isOutdated: !0
-      },
-      {
-        label: "Fiuu Malaysia V2",
-        value: "cc.feedme.payment.fiuu_my",
-        region: h.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Fiuu Singapore",
-        value: "cc.feedme.payment.fiuu_sg",
-        region: h.F_COUNTRY.enum.SG,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Softspace Malaysia",
-        value: "cc.feedme.payment.softspace_my",
-        gateway: "Softspace",
-        region: h.F_COUNTRY.enum.MY
-      },
-      {
-        label: "Digio Thailand",
-        value: "cc.feedme.payment.digio_th",
-        gateway: "Digio",
-        region: h.F_COUNTRY.enum.TH
-      },
-      {
-        label: "Tyro Australia",
-        value: "cc.feedme.payment.tyro_au",
-        gateway: "Tyro",
-        region: h.F_COUNTRY.enum.AU
-      }
-    ], l = A(() => d.terminal), r = T(), e = T({
-      packageId: "",
-      uniqueId: "",
-      developerId: "",
-      isUat: !1
-    }), v = () => {
-      e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "", e.value.isUat = !1;
-    }, p = U(() => b.filter((N) => N.region === a.value)), y = U(() => p.value.find(
-      (N) => N.value === e.value.packageId
-    )), c = U(
-      () => {
-        var N;
-        return ((N = y.value) == null ? void 0 : N.gateway) === "Tyro";
-      }
-    ), {
-      isLoading: s,
-      isPollingTyroReader: t,
-      uniqueId: n,
-      canSyncTyroReader: i,
-      showTyroSyncPopover: u,
-      tyroSyncPopoverMessage: w,
-      tyroSyncButtonLabel: o,
-      syncTyroReader: x
-    } = Re(l), L = U(() => c.value ? "button" : "submit"), V = U(() => c.value ? o.value : "Save"), $ = U(() => c.value ? s.value : !1), E = U(() => c.value ? !i.value || t.value : !1), D = () => {
-      if (!l.value.gateways || l.value.gateways.length === 0)
-        return v();
-      const N = l.value.gateways[0];
-      if (!N.config)
-        return v();
-      if (N.gateway === "Tyro") {
-        e.value = {
-          packageId: N.config.packageId,
-          uniqueId: N.config.uniqueId,
-          developerId: "",
-          isUat: !1
-        };
-        return;
-      }
-      switch (N.gateway) {
-        case "Fiuu":
-          e.value = {
-            packageId: N.config.packageId,
-            uniqueId: N.config.uniqueId,
-            developerId: "",
-            isUat: !1
-          };
-          break;
-        case "Softspace":
-        case "Digio":
-          const R = JSON.parse(N.config.uniqueId);
-          e.value = {
-            packageId: N.config.packageId,
-            uniqueId: R.uniqueId,
-            developerId: R.developerId,
-            isUat: R.isUat
-          };
-          return;
-      }
-    };
-    q(l, D), G(D);
-    async function z() {
-      const N = y.value;
-      if (!N)
-        return;
-      let R = e.value.uniqueId;
-      N.isLegacy || (R = JSON.stringify({
-        uniqueId: e.value.uniqueId,
-        developerId: e.value.developerId,
-        isUat: e.value.isUat
-      }));
-      const re = {
-        gateway: N.gateway,
-        config: {
-          packageId: N.value,
-          uniqueId: R
-        }
-      };
-      (!l.value.gateways || l.value.gateways.length > 1) && (l.value.gateways = []), l.value.gateways[0] = re, await d.onUpdate(l.value);
-    }
-    async function Q(N) {
-      var R;
-      (R = l.value.gateways) == null || R.splice(N, 1), d.onUpdate(l.value);
-    }
-    function J() {
-      c.value && x();
-    }
-    return (N, R) => {
-      const re = g("FmSelect"), W = g("FmTextField"), de = g("FmCheckbox"), ie = g("FmButton"), pe = g("FmTooltip"), me = g("FmForm");
-      return f(), F(me, {
-        ref: r.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: z
-      }, {
-        default: O(() => [
-          m(re, {
-            modelValue: e.value.packageId,
-            "onUpdate:modelValue": R[0] || (R[0] = (Y) => e.value.packageId = Y),
-            label: "Package ID",
-            items: p.value
-          }, null, 8, ["modelValue", "items"]),
-          y.value ? (f(), C(P, { key: 0 }, [
-            c.value ? (f(), F(W, {
-              key: 0,
-              "model-value": M(n),
-              label: "Unique ID (Reader ID)",
-              disabled: ""
-            }, null, 8, ["model-value"])) : y.value && y.value.isLegacy ? (f(), C(P, { key: 1 }, [
-              m(W, {
-                modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": R[1] || (R[1] = (Y) => e.value.uniqueId = Y),
-                label: "Unique ID (TID)"
-              }, null, 8, ["modelValue"]),
-              y.value.isOutdated ? (f(), C("span", Me, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : k("", !0)
-            ], 64)) : (f(), C(P, { key: 2 }, [
-              m(W, {
-                modelValue: e.value.developerId,
-                "onUpdate:modelValue": R[2] || (R[2] = (Y) => e.value.developerId = Y),
-                label: "Developer ID (MID)"
-              }, null, 8, ["modelValue"]),
-              m(W, {
-                modelValue: e.value.uniqueId,
-                "onUpdate:modelValue": R[3] || (R[3] = (Y) => e.value.uniqueId = Y),
-                label: "Unique ID (TID)"
-              }, null, 8, ["modelValue"]),
-              m(de, {
-                modelValue: e.value.isUat,
-                "onUpdate:modelValue": R[4] || (R[4] = (Y) => e.value.isUat = Y),
-                label: "Is UAT (Test)",
-                value: "1"
-              }, null, 8, ["modelValue"])
-            ], 64)),
-            _("div", Oe, [
-              l.value.gateways && l.value.gateways.length > 0 ? (f(), F(ie, {
-                key: 0,
-                class: "flex-1",
-                variant: "secondary",
-                label: "Delete",
-                onclick: () => Q(0)
-              }, null, 8, ["onclick"])) : k("", !0),
-              c.value && M(u) && E.value ? (f(), F(pe, {
-                key: 1,
-                class: "flex-1",
-                variant: "plain",
-                placement: "top",
-                content: M(w)
-              }, {
-                default: O(() => [
-                  _("div", Pe, [
-                    m(ie, {
-                      type: L.value,
-                      class: "w-full",
-                      variant: "primary",
-                      loading: $.value,
-                      disabled: E.value,
-                      label: V.value,
-                      onClick: J
-                    }, null, 8, ["type", "loading", "disabled", "label"])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["content"])) : (f(), F(ie, {
-                key: 2,
-                type: L.value,
-                class: "flex-1",
-                variant: "primary",
-                loading: $.value,
-                disabled: E.value,
-                label: V.value,
-                onClick: J
-              }, null, 8, ["type", "loading", "disabled", "label"]))
-            ])
-          ], 64)) : k("", !0)
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ge = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, Ae = { class: "flex mt-6 space-x-6" }, $e = /* @__PURE__ */ S({
-  __name: "TerminalGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const { isLoading: d, startAsyncCall: a } = le(), b = I, l = A(() => b.terminal), r = T(), e = T(), v = T(-1), p = T({
-      terminalId: ""
-    }), y = () => {
-      p.value.terminalId = "", v.value = -1;
-    }, c = () => {
-      if (a(async () => {
-        r.value = await K.getRestaurantTerminals(b.terminal.referenceId);
-      }), !b.terminal.ecrs)
-        return y();
-      const n = b.terminal.ecrs.findIndex((u) => u && u.gateway && u.gateway === "FeedMe");
-      if (n === -1)
-        return y();
-      v.value = n;
-      const i = b.terminal.ecrs.at(n);
-      i.gateway === "FeedMe" && i.config && (p.value = {
-        terminalId: i.config.terminalId
-      });
-    };
-    q(l, c), G(c);
-    const s = U(() => (r.value ?? []).map((n) => ({
-      label: n.name ?? n._id,
-      value: n._id
-    })));
-    async function t(n) {
-      var i;
-      (i = b.terminal.ecrs) == null || i.splice(n, 1), b.onUpdate(b.terminal);
-    }
-    return (n, i) => {
-      const u = g("FmCircularProgress"), w = g("FmSelect"), o = g("FmButton"), x = g("FmForm");
-      return M(d) ? (f(), C("div", Ge, [
-        m(u, { size: "xxl" })
-      ])) : (f(), F(x, {
-        key: 1,
-        ref: e.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: i[1] || (i[1] = () => {
-          v.value > -1 ? l.value.ecrs[v.value] = { gateway: "FeedMe", config: p.value } : (l.value.ecrs || (l.value.ecrs = []), l.value.ecrs.push({ gateway: "FeedMe", config: p.value })), b.onUpdate(l.value);
-        })
-      }, {
-        default: O(() => [
-          m(w, {
-            modelValue: p.value.terminalId,
-            "onUpdate:modelValue": i[0] || (i[0] = (L) => p.value.terminalId = L),
-            label: "Terminal ID",
-            items: s.value,
-            rules: M(ue)(M(ce).string())
-          }, null, 8, ["modelValue", "items", "rules"]),
-          _("div", Ae, [
-            v.value > -1 ? (f(), F(o, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => t(v.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(o, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-}), De = { class: "flex mt-6 space-x-6" }, Be = /* @__PURE__ */ S({
-  __name: "GhlGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T({
-      merchantId: "",
-      terminalId: "",
-      privateKey: ""
-    }), e = () => {
-      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", l.value = -1;
-    }, v = () => {
-      if (!a.value.ecrs)
-        return e();
-      const y = a.value.ecrs.findIndex((s) => s && s.gateway && s.gateway === "Ghl");
-      if (y === -1)
-        return e();
-      l.value = y;
-      const c = a.value.ecrs.at(y);
-      c.gateway === "Ghl" && c.config && (r.value = {
-        merchantId: c.config.merchantId,
-        terminalId: c.config.terminalId,
-        privateKey: c.config.privateKey || ""
-      });
-    };
-    q(a, v), G(v);
-    async function p(y) {
-      var c;
-      (c = a.value.ecrs) == null || c.splice(y, 1), d.onUpdate(a.value);
-    }
-    return (y, c) => {
-      const s = g("FmTextField"), t = g("FmTextarea"), n = g("FmButton"), i = g("FmForm");
-      return f(), F(i, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: c[3] || (c[3] = () => {
-          l.value > -1 ? a.value.ecrs[l.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(s, {
-            modelValue: r.value.merchantId,
-            "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value.merchantId = u),
-            label: "Merchant ID"
-          }, null, 8, ["modelValue"]),
-          m(s, {
-            modelValue: r.value.terminalId,
-            "onUpdate:modelValue": c[1] || (c[1] = (u) => r.value.terminalId = u),
-            label: "Terminal ID"
-          }, null, 8, ["modelValue"]),
-          m(t, {
-            modelValue: r.value.privateKey,
-            "onUpdate:modelValue": c[2] || (c[2] = (u) => r.value.privateKey = u),
-            label: "Private Key",
-            "label-mark": "optional",
-            "label-info": "Default will use FeedMe Private Key"
-          }, null, 8, ["modelValue"]),
-          _("div", De, [
-            l.value > -1 ? (f(), F(n, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => p(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(n, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Le = { class: "flex items-end" }, Ee = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ye = { class: "flex mt-6 space-x-6" }, Ke = /* @__PURE__ */ S({
-  __name: "MaybankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank");
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Maybank",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Maybank",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", Le, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", Ee, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Ye, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), je = { class: "flex items-end" }, He = { class: "flex flex-wrap gap-8 items-center mt-4" }, ze = { class: "flex mt-6 space-x-6" }, Qe = /* @__PURE__ */ S({
-  __name: "Maybank2Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank2");
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank2" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Maybank2",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Maybank2",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", je, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", He, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", ze, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Je = { class: "flex items-end" }, We = { class: "flex flex-wrap gap-8 items-center mt-4" }, Xe = { class: "flex mt-6 space-x-6" }, Ze = /* @__PURE__ */ S({
-  __name: "Maybank3Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Maybank3");
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Maybank3" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Maybank3",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Maybank3",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", Je, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", We, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Xe, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ea = { class: "flex items-end" }, aa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ta = { class: "flex mt-6 space-x-6" }, la = /* @__PURE__ */ S({
-  __name: "NetsGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Nets");
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Nets" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Nets",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Nets",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_NETS'"
-          }, null, 8, ["modelValue"]),
-          _("div", ea, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", aa, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", ta, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), na = { class: "flex items-end" }, oa = { class: "flex flex-wrap gap-8 items-center mt-4" }, ra = { class: "flex mt-6 space-x-6" }, ia = /* @__PURE__ */ S({
-  __name: "KBankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex((u) => u && u.gateway && u.gateway === "Kbank");
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Kbank" && n.config && (e.value = {
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Kbank",
-            config: {},
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Kbank",
-            config: {},
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_KBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", na, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", oa, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", ra, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), sa = { class: "flex mt-6 space-x-6" }, ua = /* @__PURE__ */ S({
-  __name: "Ghl2Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T({
-      ip: "",
-      receiptName: ""
-    }), e = () => {
-      r.value.ip = "", r.value.receiptName = "", l.value = -1;
-    }, v = () => {
-      if (!a.value.ecrIntegrations)
-        return e();
-      const y = a.value.ecrIntegrations, c = y.findIndex((t) => t && t.gateway && t.gateway === "Ghl2");
-      if (c === -1)
-        return e();
-      l.value = c;
-      const s = y.at(c);
-      s.gateway === "Ghl2" && s.config && (r.value = {
-        ip: s.config.ip ?? "",
-        receiptName: s.receiptName ?? ""
-      });
-    };
-    q(a, v), G(v);
-    async function p(y) {
-      var c;
-      (c = a.value.ecrIntegrations) == null || c.splice(y, 1), d.onUpdate(a.value);
-    }
-    return (y, c) => {
-      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
-      return f(), F(n, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: c[2] || (c[2] = () => {
-          a.value.ecrIntegrations || (a.value.ecrIntegrations = []), l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Ghl2",
-            config: { ip: r.value.ip },
-            receiptName: r.value.receiptName
-          } : a.value.ecrIntegrations.push({
-            gateway: "Ghl2",
-            config: { ip: r.value.ip },
-            receiptName: r.value.receiptName
-          }), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(s, {
-            modelValue: r.value.ip,
-            "onUpdate:modelValue": c[0] || (c[0] = (i) => r.value.ip = i),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          m(s, {
-            modelValue: r.value.receiptName,
-            "onUpdate:modelValue": c[1] || (c[1] = (i) => r.value.receiptName = i),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GHL_2'"
-          }, null, 8, ["modelValue"]),
-          _("div", sa, [
-            l.value > -1 ? (f(), F(t, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => p(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(t, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ca = { class: "flex items-end" }, da = { class: "flex flex-wrap gap-8 items-center mt-4" }, pa = { class: "flex mt-6 space-x-6" }, ma = /* @__PURE__ */ S({
-  __name: "Ghl3Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
-        (u) => u && u.gateway && u.gateway === "Ghl3"
-      );
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Ghl3" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Ghl3",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Ghl3",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GHL'"
-          }, null, 8, ["modelValue"]),
-          _("div", ca, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", da, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", pa, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), va = { class: "flex items-end" }, ya = { class: "flex flex-wrap gap-8 items-center mt-4" }, fa = { class: "flex mt-6 space-x-6" }, ga = /* @__PURE__ */ S({
-  __name: "HlbbGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
-        (u) => u && u.gateway && u.gateway === "Hlbb"
-      );
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Hlbb" && n.config && (e.value = {
-        config: n.config,
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Hlbb",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Hlbb",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", va, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", ya, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", fa, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ba = { class: "flex items-end" }, _a = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ta = { class: "flex mt-6 space-x-6" }, Ia = /* @__PURE__ */ S({
-  __name: "GlobalPaymentsGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
-        (u) => u && u.gateway && u.gateway === "GlobalPayments"
-      );
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "GlobalPayments" && n.config && (e.value = {
-        ip: n.config.ip ?? "",
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "GlobalPayments",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "GlobalPayments",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_GP'"
-          }, null, 8, ["modelValue"]),
-          _("div", ba, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", _a, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Ta, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Fa = { class: "flex items-end" }, wa = { class: "flex flex-wrap gap-8 items-center mt-4" }, xa = { class: "flex mt-6 space-x-6" }, Ca = /* @__PURE__ */ S({
-  __name: "OmaGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
-        (u) => u && u.gateway && u.gateway === "Oma"
-      );
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Oma" && n.config && (e.value = {
-        receiptName: n.receiptName ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, x;
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Oma",
-            config: {},
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(x = (o = a.value.ecrIntegrations) == null ? void 0 : o[l.value]) == null ? void 0 : x.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Oma",
-            config: {},
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_OMA'"
-          }, null, 8, ["modelValue"]),
-          _("div", Fa, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", wa, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", xa, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Na = { class: "flex items-end" }, ka = { class: "flex flex-wrap gap-8 items-center mt-4" }, Va = { class: "flex mt-6 space-x-6" }, Ua = /* @__PURE__ */ S({
-  __name: "RevenueGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T(), e = T({
-      receiptName: "",
-      ip: "",
-      cardTypes: []
-    }), v = () => {
-      e.value.receiptName = "", e.value.ip = "", e.value.cardTypes = [], l.value = -1;
-    }, p = () => {
-      var i;
-      if (!a.value.ecrIntegrations)
-        return v();
-      const s = a.value.ecrIntegrations, t = s.findIndex(
-        (u) => u && u.gateway && u.gateway === "Revenue"
-      );
-      if (t === -1)
-        return v();
-      l.value = t;
-      const n = s.at(t);
-      n.gateway === "Revenue" && n.config && (e.value = {
-        receiptName: n.receiptName ?? "",
-        ip: n.config.ip ?? "",
-        cardTypes: ((i = n.dialogConfig) == null ? void 0 : i.cardTypes) ?? []
-      });
-    };
-    q(a, p), G(p);
-    async function y(s) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(s, 1), d.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (s, t) => {
-      const n = g("FmTextField"), i = g("FmButton"), u = g("FmChip"), w = g("FmForm");
-      return f(), F(w, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var x, L;
-          const o = {
-            type: "tcp",
-            ip: e.value.ip
-          };
-          l.value > -1 ? a.value.ecrIntegrations[l.value] = {
-            gateway: "Revenue",
-            config: o,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(L = (x = a.value.ecrIntegrations) == null ? void 0 : x[l.value]) == null ? void 0 : L.dialogConfig,
-              cardTypes: e.value.cardTypes
-            }
-          } : (a.value.ecrIntegrations || (a.value.ecrIntegrations = []), a.value.ecrIntegrations.push({
-            gateway: "Revenue",
-            config: o,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              cardTypes: e.value.cardTypes
-            }
-          })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(n, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "Terminal IP Address",
-            "label-info": "Terminal WiFi IP with optional port, e.g. 192.168.1.50:8080 (defaults to port 8080)",
-            rules: M(ue)(M(ce).string().min(1))
-          }, null, 8, ["modelValue", "rules"]),
-          m(n, {
-            modelValue: e.value.receiptName,
-            "onUpdate:modelValue": t[1] || (t[1] = (o) => e.value.receiptName = o),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_REVENUE'"
-          }, null, 8, ["modelValue"]),
-          _("div", Na, [
-            m(n, {
-              modelValue: r.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-              label: "Fallback Card Types",
-              "label-info": "List of cards when fallback to reconcile dialog. Default VISA, MASTER"
-            }, null, 8, ["modelValue"]),
-            m(i, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", ka, [
-            (f(!0), C(P, null, B(e.value.cardTypes, (o) => (f(), F(u, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Va, [
-            l.value > -1 ? (f(), F(i, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(i, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Sa = { class: "flex items-center" }, ha = { class: "w-[260px] self-start" }, Ra = { class: "flex-1" }, Ma = /* @__PURE__ */ S({
-  __name: "EcrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    var v;
-    const d = I, a = [
-      {
-        label: "FeedMe Terminal",
-        value: "terminal",
-        render: $e
-      },
-      {
-        label: "GHL Terminal",
-        value: "ghl",
-        render: Be,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "GHL2 Terminal",
-        value: "ghl2",
-        render: ua,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "ITB Maybank Terminal",
-        value: "mb-itb",
-        render: Ke,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "PMA Maybank Terminal",
-        value: "mb-pma",
-        render: Qe,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Paysys Maybank Terminal",
-        value: "mb-paysys",
-        render: Ze,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Nets Terminal",
-        value: "nets",
-        render: la,
-        region: [h.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "KBank Terminal",
-        value: "kbank",
-        render: ia,
-        region: [h.F_COUNTRY.enum.TH]
-      },
-      {
-        label: "GHL Terminal",
-        value: "ghl3",
-        render: ma,
-        region: [h.F_COUNTRY.enum.TH]
-      },
-      {
-        label: "Paysys HLBB Terminal",
-        value: "hlbb",
-        render: ga,
-        region: [h.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "GPAP Terminal",
-        value: "globalpayments",
-        render: Ia,
-        region: [h.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "OMA Terminal",
-        value: "oma",
-        render: Ca,
-        region: [h.F_COUNTRY.enum.PK]
-      },
-      {
-        label: "Revenue PBB Terminal",
-        value: "revenue",
-        render: Ua,
-        region: [h.F_COUNTRY.enum.MY]
-      }
-    ], b = U(() => a.find((p) => p.value === e.value)), l = oe().currentCountry, r = U(() => a.filter(
-      (p) => !p.region || p.region.includes(l.value ?? h.F_COUNTRY.enum.MY)
-    )), { gatewayTab: e } = ne({
-      gatewayTab: (v = r.value[0]) == null ? void 0 : v.value
-    });
-    return (p, y) => {
-      var s;
-      const c = g("FmTabs");
-      return f(), C("div", Sa, [
-        _("div", ha, [
-          m(c, {
-            "model-value": M(e),
-            "onUpdate:modelValue": y[0] || (y[0] = (t) => Z(e) ? e.value = t : null),
-            class: "mb-6",
-            vertical: !0,
-            items: r.value,
-            "show-more-at": Number.POSITIVE_INFINITY
-          }, null, 8, ["model-value", "items", "show-more-at"])
-        ]),
-        _("div", Ra, [
-          M(e) ? (f(), F(ee((s = b.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
-          })), null, 16)) : k("", !0)
-        ])
-      ]);
-    };
-  }
-}), Oa = { class: "flex mt-6 space-x-6" }, Pa = /* @__PURE__ */ S({
-  __name: "PromptPayGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = A(() => d.terminal), b = T(), l = T(-1), r = T({
-      account: "",
-      receiptName: ""
-    }), e = () => {
-      r.value.account = "", r.value.receiptName = "", l.value = -1;
-    }, v = () => {
-      if (!a.value.qrIntegrations)
-        return e();
-      const y = a.value.qrIntegrations, c = y.findIndex((t) => t && t.gateway && t.gateway === "PROMPTPAY");
-      if (c === -1)
-        return e();
-      l.value = c;
-      const s = y.at(c);
-      s.gateway === "PROMPTPAY" && s.config && (r.value = {
-        account: s.config.account ?? "",
-        receiptName: s.receiptName ?? ""
-      });
-    };
-    q(a, v), G(v);
-    async function p(y) {
-      var c;
-      (c = a.value.qrIntegrations) == null || c.splice(y, 1), d.onUpdate(a.value);
-    }
-    return (y, c) => {
-      const s = g("FmTextField"), t = g("FmButton"), n = g("FmForm");
-      return f(), F(n, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: c[2] || (c[2] = () => {
-          l.value > -1 ? a.value.qrIntegrations[l.value] = { gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName } : (a.value.qrIntegrations || (a.value.qrIntegrations = []), a.value.qrIntegrations.push({ gateway: "PROMPTPAY", config: { account: r.value.account }, receiptName: r.value.receiptName })), d.onUpdate(a.value);
-        })
-      }, {
-        default: O(() => [
-          m(s, {
-            modelValue: r.value.account,
-            "onUpdate:modelValue": c[0] || (c[0] = (i) => r.value.account = i),
-            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"]),
-          m(s, {
-            modelValue: r.value.receiptName,
-            "onUpdate:modelValue": c[1] || (c[1] = (i) => r.value.receiptName = i),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", Oa, [
-            l.value > -1 ? (f(), F(t, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => p(l.value)
-            }, null, 8, ["onclick"])) : k("", !0),
-            m(t, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), qa = { class: "flex items-center" }, Ga = { class: "w-[260px] self-start" }, Aa = { class: "flex-1" }, $a = /* @__PURE__ */ S({
-  __name: "QrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    var v;
-    const d = I, a = [
-      {
-        label: "PromptPay",
-        value: "promptpay",
-        render: Pa,
-        region: [h.F_COUNTRY.enum.TH]
-      }
-    ], b = U(() => a.find((p) => p.value === e.value)), l = oe().currentCountry, r = U(() => a.filter((p) => !p.region || p.region.includes(l.value ?? h.F_COUNTRY.enum.MY))), { gatewayTab: e } = ne({
-      gatewayTab: (v = r.value[0]) == null ? void 0 : v.value
-    });
-    return (p, y) => {
-      var s;
-      const c = g("FmTabs");
-      return f(), C("div", qa, [
-        _("div", Ga, [
-          m(c, {
-            "model-value": M(e),
-            "onUpdate:modelValue": y[0] || (y[0] = (t) => Z(e) ? e.value = t : null),
-            class: "mb-6",
-            vertical: !0,
-            items: r.value
-          }, null, 8, ["model-value", "items"])
-        ]),
-        _("div", Aa, [
-          M(e) ? (f(), F(ee((s = b.value) == null ? void 0 : s.render), ae(te({ key: 0 }, {
-            terminal: d.terminal,
-            onUpdate: d.onUpdate
-          })), null, 16)) : k("", !0)
-        ])
-      ]);
-    };
-  }
-}), Da = { class: "flex flex-col gap-6" }, Ba = { class: "flex items-center justify-between" }, La = { class: "flex items-center gap-3" }, Ea = ["src"], Ya = { class: "text-xs font-semibold uppercase bg-gray-100 rounded px-2 py-1" }, Ka = { class: "font-medium" }, ja = { class: "grid grid-cols-2 gap-4" }, Ha = {
-  key: 0,
-  class: "text-gray-500"
-}, za = { class: "mt-2 flex gap-3" }, Qa = /* @__PURE__ */ S({
-  __name: "PaymentCheckout",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, a = () => (d.terminal.paymentCheckouts ?? []).map((y) => ({ ...y })), b = T(a());
-    q(
-      () => d.terminal.paymentCheckouts,
-      () => {
-        b.value = a();
-      }
-    );
-    const l = {
-      card: "Card",
-      ecr: "ECR",
-      ecr_qr: "ECR QR",
-      qr: "QR",
-      scanpay: "Scan Pay"
-    }, r = (y) => y.action ? `${y.gateway} (${y.action})` : y.gateway;
-    async function e() {
-      await d.onUpdate({
-        ...d.terminal,
-        paymentCheckouts: b.value
-      });
-    }
-    const v = be();
-    function p() {
-      we(
-        v,
-        "Reset Payment Checkout",
-        "This will clear all customizations (display name, icon, tagline, sort order, enabled state) for every payment method on this terminal and restore the defaults. This action cannot be undone.",
-        async () => {
-          await d.onUpdate({
-            ...d.terminal,
-            paymentCheckouts: []
-          });
-        }
-      );
-    }
-    return (y, c) => {
-      const s = g("FmTooltip"), t = g("FmSwitch"), n = g("FmTextField"), i = g("FmButton");
-      return f(), C("div", Da, [
-        (f(!0), C(P, null, B(b.value, (u) => (f(), C("div", {
-          key: u.id,
-          class: "border rounded-lg p-6 flex flex-col gap-4"
-        }, [
-          _("div", Ba, [
-            _("div", La, [
-              m(s, {
-                variant: "plain",
-                placement: "top",
-                content: u.gateway,
-                "hide-arrow": !0
-              }, {
-                default: O(() => [
-                  _("img", {
-                    class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-                    src: M(Fe)(u.gateway.toUpperCase())
-                  }, null, 8, Ea)
-                ]),
-                _: 2
-              }, 1032, ["content"]),
-              _("span", Ya, j(l[u.type] ?? u.type), 1),
-              _("span", Ka, j(r(u)), 1)
-            ]),
-            m(t, {
-              modelValue: u.enabled,
-              "onUpdate:modelValue": (w) => u.enabled = w,
-              label: "Enabled"
-            }, null, 8, ["modelValue", "onUpdate:modelValue"])
-          ]),
-          _("div", ja, [
-            m(n, {
-              modelValue: u.displayName,
-              "onUpdate:modelValue": (w) => u.displayName = w,
-              label: "Display Name"
-            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            m(n, {
-              modelValue: u.icon,
-              "onUpdate:modelValue": (w) => u.icon = w,
-              label: "Icon URL",
-              "label-mark": "optional"
-            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            m(n, {
-              modelValue: u.tagline,
-              "onUpdate:modelValue": (w) => u.tagline = w,
-              label: "Tagline",
-              "label-mark": "optional"
-            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            m(n, {
-              modelValue: u.sortOrder,
-              "onUpdate:modelValue": (w) => u.sortOrder = w,
-              modelModifiers: { number: !0 },
-              label: "Sort Order",
-              type: "number"
-            }, null, 8, ["modelValue", "onUpdate:modelValue"])
-          ])
-        ]))), 128)),
-        b.value.length === 0 ? (f(), C("div", Ha, " No payment methods configured for this terminal. ")) : k("", !0),
-        _("div", za, [
-          m(i, {
-            variant: "secondary",
-            label: "Reset",
-            icon: "restart_alt",
-            onclick: p
-          }),
-          m(i, {
-            variant: "primary",
-            label: "Save",
-            icon: "save",
-            onclick: e
-          })
-        ])
-      ]);
-    };
-  }
-}), ct = /* @__PURE__ */ S({
-  __name: "TerminalSetting",
-  props: {
-    terminalId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(I) {
-    const d = I, { tab: a } = ne({
-      tab: "information"
-    }), { isLoading: b, startAsyncCall: l } = le(!0), r = fe(), e = se(), v = T();
-    async function p(n) {
-      l(async () => {
-        try {
-          await K.updateById(
-            d.terminalId,
-            {
-              name: n.name,
-              status: n.status,
-              ecrs: n.ecrs ?? [],
-              gateways: n.gateways ?? [],
-              ecrIntegrations: n.ecrIntegrations ?? [],
-              qrIntegrations: n.qrIntegrations ?? [],
-              paymentCheckouts: n.paymentCheckouts ?? []
-            }
-          ), v.value = await K.readById(d.terminalId), e.open({
-            type: "success",
-            message: "Terminal updated successfully"
-          });
-        } catch (i) {
-          e.open({
-            type: "error",
-            title: "Error occurs when update terminal",
-            message: X(i)
-          });
-        }
-      });
-    }
-    const y = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: xe
-      },
-      {
-        label: "Setting Request",
-        value: "settings",
-        icon: "settings",
-        render: Ve,
-        onlyFor: ["TERMINAL"]
-      },
-      {
-        label: "SoftPos Gateway",
-        value: "softpos",
-        icon: "payment",
-        render: qe
-      },
-      {
-        label: "ECR Gateway",
-        value: "ecr",
-        icon: "point_of_sale",
-        render: Ma,
-        onlyFor: ["POS", "KIOSK"]
-      },
-      {
-        label: "QR Gateway",
-        value: "qr",
-        icon: "qr_code",
-        render: $a,
-        onlyFor: ["POS", "KIOSK"]
-      },
-      {
-        label: "Payment Checkout",
-        value: "payment-checkout",
-        icon: "tune",
-        render: Qa,
-        onlyFor: ["KIOSK", "POS", "TERMINAL"]
-      }
-    ];
-    oe().currentCountry;
-    const c = U(() => {
-      var n;
-      return (n = y.find((i) => i.value === a.value)) == null ? void 0 : n.render;
-    });
-    async function s() {
-      l(async () => {
-        v.value = await K.readById(d.terminalId);
-      });
-    }
-    const t = U(() => y.filter((n) => {
-      var i;
-      return !n.onlyFor || n.onlyFor.includes(((i = v.value) == null ? void 0 : i.deviceType) ?? "");
-    }));
-    return G(s), (n, i) => {
-      var w, o;
-      const u = g("FmTabs");
-      return f(), F(ge, {
-        title: `${(w = v.value) == null ? void 0 : w.deviceType} (${(o = v.value) == null ? void 0 : o._id})`,
-        loading: M(b),
-        onBack: M(r).back
-      }, {
-        default: O(() => [
-          m(u, {
-            "model-value": M(a),
-            "onUpdate:modelValue": i[0] || (i[0] = (x) => Z(a) ? a.value = x : null),
-            class: "mb-6",
-            items: t.value
-          }, null, 8, ["model-value", "items"]),
-          M(a) ? (f(), F(ee(c.value), ae(te({ key: 0 }, {
-            terminal: v.value,
-            onUpdate: p
-          })), null, 16)) : k("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  ct as default
-};