@feedmepos/mf-payment 1.4.27 → 1.4.28

package/dist/TerminalSetting-ODh-KnL9.js

@@ -1,1369 +0,0 @@
-import { defineComponent as V, openBlock as f, createElementBlock as N, Fragment as M, createElementVNode as _, createTextVNode as D, toDisplayString as G, ref as I, resolveComponent as g, createVNode as v, createCommentVNode as C, unref as S, computed as q, isRef as B, createBlock as w, resolveDynamicComponent as Y, normalizeProps as K, mergeProps as L, toRef as R, watch as $, onMounted as O, withCtx as P, renderList as h } from "vue";
-import { u as z, e as U } from "./index-CG_mkFJ1.js";
-import { useRouter as W } from "vue-router";
-import { t as A } from "./index-Dy6ZENAg.js";
-import { _ as X } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as E } from "./index-BV3uerRE.js";
-import { useSnackbar as Q } from "@feedmepos/ui-library";
-import { u as Z } from "./error-K1CakhA9.js";
-import { useCoreStore as j } from "@feedmepos/mf-common";
-import { z as ee, a as ae } from "./validator-D5jtpt9A.js";
-const te = /* @__PURE__ */ V({
-  __name: "Information",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(F) {
-    return (m, a) => (f(), N(M, null, [
-      a[0] || (a[0] = _("b", null, "Name", -1)),
-      D(": " + G(F.terminal.name), 1),
-      a[1] || (a[1] = _("br", null, null, -1)),
-      a[2] || (a[2] = _("b", null, "Status", -1)),
-      D(": " + G(F.terminal.status), 1),
-      a[3] || (a[3] = _("br", null, null, -1)),
-      a[4] || (a[4] = _("b", null, "Device ID", -1)),
-      D(": " + G(F.terminal.deviceId ?? "-"), 1),
-      a[5] || (a[5] = _("br", null, null, -1)),
-      a[6] || (a[6] = _("b", null, "Device Type", -1)),
-      D(": " + G(F.terminal.deviceType ?? "-"), 1),
-      a[7] || (a[7] = _("br", null, null, -1))
-    ], 64));
-  }
-}), le = { key: 0 }, ne = { class: "mt-6 space-x-6" }, oe = /* @__PURE__ */ V({
-  __name: "KioskMode",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(F) {
-    const { isLoading: m, startAsyncCall: a } = z(!1), b = Q(), n = I({
-      enable: !1,
-      password: []
-    }), r = F;
-    function e() {
-      return n.value.enable && n.value.password.filter((d) => !!d).length !== 6 ? b.open({
-        type: "error",
-        message: "Unlock PIN is required when setting up kiosk mode for terminal."
-      }) : a(async () => {
-        const d = { enable: n.value.enable };
-        d.enable && Object.assign(d, {
-          password: n.value.password.join("")
-        });
-        const s = await A.kioskModeRequest(r.terminal._id, d);
-        if (s === "OK")
-          return b.open({ type: "info", message: "Kiosk mode applied successfully." });
-        let y = s;
-        return s === "client_not_connected" && (y = "Terminal not connected to the websocket server."), s.startsWith("terminal: ") && (y = s.replaceAll("terminal: ", "")), b.open({
-          type: "error",
-          message: y
-        });
-      });
-    }
-    return (d, s) => {
-      const y = g("FmSwitch"), c = g("FmPinField"), i = g("FmButton");
-      return f(), N(M, null, [
-        v(y, {
-          modelValue: n.value.enable,
-          "onUpdate:modelValue": s[0] || (s[0] = (t) => n.value.enable = t),
-          label: "Enable Kiosk Mode?"
-        }, null, 8, ["modelValue"]),
-        n.value.enable ? (f(), N("div", le, [
-          s[2] || (s[2] = _("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
-          v(c, {
-            modelValue: n.value.password,
-            "onUpdate:modelValue": s[1] || (s[1] = (t) => n.value.password = t)
-          }, null, 8, ["modelValue"])
-        ])) : C("", !0),
-        _("div", ne, [
-          v(i, {
-            variant: "primary",
-            label: "Send",
-            icon: "send",
-            loading: S(m),
-            onclick: e
-          }, null, 8, ["loading"])
-        ])
-      ], 64);
-    };
-  }
-}), re = /* @__PURE__ */ V({
-  __name: "SettingRequest",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(F) {
-    const { settingTab: m } = E({
-      settingTab: "kiosk_mode"
-    }), a = [
-      {
-        label: "Kiosk Mode",
-        value: "kiosk_mode",
-        render: oe
-      }
-    ], b = F, n = q(() => a.find((r) => r.value === m.value));
-    return (r, e) => {
-      var s;
-      const d = g("FmTabs");
-      return f(), N(M, null, [
-        e[1] || (e[1] = _("p", { className: "mt-1 my-6 text-gray-600" }, [
-          _("b", null, "Note: "),
-          D(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
-        ], -1)),
-        v(d, {
-          "model-value": S(m),
-          "onUpdate:modelValue": e[0] || (e[0] = (y) => B(m) ? m.value = y : null),
-          class: "mb-6",
-          items: a
-        }, null, 8, ["model-value"]),
-        S(m) ? (f(), w(Y((s = n.value) == null ? void 0 : s.render), K(L({ key: 0 }, { terminal: b.terminal })), null, 16)) : C("", !0)
-      ], 64);
-    };
-  }
-}), ue = {
-  key: 0,
-  class: "text-sm text-gray-500"
-}, ie = { class: "flex mt-6 space-x-6" }, se = /* @__PURE__ */ V({
-  __name: "SoftposGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = j().currentCountry, b = [
-      {
-        label: "Fiuu Malaysia",
-        value: "cc.feedme.payment.rms",
-        region: U.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0,
-        isOutdated: !0
-      },
-      {
-        label: "Fiuu Malaysia V2",
-        value: "cc.feedme.payment.fiuu_my",
-        region: U.F_COUNTRY.enum.MY,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Fiuu Singapore",
-        value: "cc.feedme.payment.fiuu_sg",
-        region: U.F_COUNTRY.enum.SG,
-        gateway: "Fiuu",
-        isLegacy: !0
-      },
-      {
-        label: "Softspace Malaysia",
-        value: "cc.feedme.payment.softspace_my",
-        gateway: "Softspace",
-        region: U.F_COUNTRY.enum.MY
-      },
-      {
-        label: "Digio Thailand",
-        value: "cc.feedme.payment.digio_th",
-        gateway: "Digio",
-        region: U.F_COUNTRY.enum.TH
-      }
-    ], n = R(() => m.terminal), r = I(), e = I({
-      packageId: "",
-      uniqueId: "",
-      developerId: "",
-      isUat: !1
-    }), d = () => {
-      e.value.uniqueId = "", e.value.packageId = "", e.value.developerId = "";
-    }, s = () => {
-      if (!n.value.gateways || n.value.gateways.length === 0)
-        return d();
-      const t = n.value.gateways[0];
-      if (!t.config)
-        return d();
-      switch (t.gateway) {
-        case "Fiuu":
-          e.value = {
-            packageId: t.config.packageId,
-            uniqueId: t.config.uniqueId,
-            developerId: "",
-            isUat: !1
-          };
-          break;
-        case "Softspace":
-        case "Digio":
-          const l = JSON.parse(t.config.uniqueId);
-          e.value = {
-            packageId: t.config.packageId,
-            uniqueId: l.uniqueId,
-            developerId: l.developerId,
-            isUat: l.isUat
-          };
-          return;
-      }
-    };
-    $(n, s), O(s);
-    async function y(t) {
-      var l;
-      (l = n.value.gateways) == null || l.splice(t, 1), m.onUpdate(n.value);
-    }
-    const c = q(() => b.filter((t) => t.region === a.value)), i = q(() => c.value.find((t) => t.value === e.value.packageId));
-    return (t, l) => {
-      const u = g("FmSelect"), p = g("FmTextField"), x = g("FmCheckbox"), o = g("FmButton"), T = g("FmForm");
-      return f(), w(T, {
-        ref: r.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: l[5] || (l[5] = () => {
-          const k = i.value;
-          if (!k)
-            return;
-          let H = e.value.uniqueId;
-          k.isLegacy || (H = JSON.stringify({ uniqueId: e.value.uniqueId, developerId: e.value.developerId, isUat: e.value.isUat }));
-          const J = {
-            gateway: k.gateway,
-            config: {
-              packageId: k.value,
-              uniqueId: H
-            }
-          };
-          (!n.value.gateways || n.value.gateways.length > 1) && (n.value.gateways = []), n.value.gateways[0] = J, m.onUpdate(n.value);
-        })
-      }, {
-        default: P(() => [
-          v(u, {
-            modelValue: e.value.packageId,
-            "onUpdate:modelValue": l[0] || (l[0] = (k) => e.value.packageId = k),
-            label: "Package ID",
-            items: c.value
-          }, null, 8, ["modelValue", "items"]),
-          i.value && i.value.isLegacy ? (f(), N(M, { key: 0 }, [
-            v(p, {
-              modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": l[1] || (l[1] = (k) => e.value.uniqueId = k),
-              label: "Unique ID (TID)"
-            }, null, 8, ["modelValue"]),
-            i.value.isOutdated ? (f(), N("span", ue, " Note: For outdated gateway is no longer continued development, please use the new gateway instead. ")) : C("", !0)
-          ], 64)) : (f(), N(M, { key: 1 }, [
-            v(p, {
-              modelValue: e.value.developerId,
-              "onUpdate:modelValue": l[2] || (l[2] = (k) => e.value.developerId = k),
-              label: "Developer ID (MID)"
-            }, null, 8, ["modelValue"]),
-            v(p, {
-              modelValue: e.value.uniqueId,
-              "onUpdate:modelValue": l[3] || (l[3] = (k) => e.value.uniqueId = k),
-              label: "Unique ID (TID)"
-            }, null, 8, ["modelValue"]),
-            v(x, {
-              modelValue: e.value.isUat,
-              "onUpdate:modelValue": l[4] || (l[4] = (k) => e.value.isUat = k),
-              label: "Is UAT (Test)",
-              value: "1"
-            }, null, 8, ["modelValue"])
-          ], 64)),
-          _("div", ie, [
-            n.value.gateways && n.value.gateways.length > 0 ? (f(), w(o, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(0)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(o, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ce = {
-  key: 0,
-  class: "flex items-center justify-center min-h-[80vh]"
-}, de = { class: "flex mt-6 space-x-6" }, me = /* @__PURE__ */ V({
-  __name: "TerminalGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const { isLoading: m, startAsyncCall: a } = z(), b = F, n = R(() => b.terminal), r = I(), e = I(), d = I(-1), s = I({
-      terminalId: ""
-    }), y = () => {
-      s.value.terminalId = "", d.value = -1;
-    }, c = () => {
-      if (a(async () => {
-        r.value = await A.getRestaurantTerminals(b.terminal.referenceId);
-      }), !b.terminal.ecrs)
-        return y();
-      const l = b.terminal.ecrs.findIndex((p) => p && p.gateway && p.gateway === "FeedMe");
-      if (l === -1)
-        return y();
-      d.value = l;
-      const u = b.terminal.ecrs.at(l);
-      u.gateway === "FeedMe" && u.config && (s.value = {
-        terminalId: u.config.terminalId
-      });
-    };
-    $(n, c), O(c);
-    const i = q(() => (r.value ?? []).map((l) => ({
-      label: l.name ?? l._id,
-      value: l._id
-    })));
-    async function t(l) {
-      var u;
-      (u = b.terminal.ecrs) == null || u.splice(l, 1), b.onUpdate(b.terminal);
-    }
-    return (l, u) => {
-      const p = g("FmCircularProgress"), x = g("FmSelect"), o = g("FmButton"), T = g("FmForm");
-      return S(m) ? (f(), N("div", ce, [
-        v(p, { size: "xxl" })
-      ])) : (f(), w(T, {
-        key: 1,
-        ref: e.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: u[1] || (u[1] = () => {
-          d.value > -1 ? n.value.ecrs[d.value] = { gateway: "FeedMe", config: s.value } : (n.value.ecrs || (n.value.ecrs = []), n.value.ecrs.push({ gateway: "FeedMe", config: s.value })), b.onUpdate(n.value);
-        })
-      }, {
-        default: P(() => [
-          v(x, {
-            modelValue: s.value.terminalId,
-            "onUpdate:modelValue": u[0] || (u[0] = (k) => s.value.terminalId = k),
-            label: "Terminal ID",
-            items: i.value,
-            rules: S(ee)(S(ae).string())
-          }, null, 8, ["modelValue", "items", "rules"]),
-          _("div", de, [
-            d.value > -1 ? (f(), w(o, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => t(d.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(o, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-}), pe = { class: "flex mt-6 space-x-6" }, ve = /* @__PURE__ */ V({
-  __name: "GhlGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I({
-      merchantId: "",
-      terminalId: "",
-      privateKey: ""
-    }), e = () => {
-      r.value.merchantId = "", r.value.terminalId = "", r.value.privateKey = "", n.value = -1;
-    }, d = () => {
-      if (!a.value.ecrs)
-        return e();
-      const y = a.value.ecrs.findIndex((i) => i && i.gateway && i.gateway === "Ghl");
-      if (y === -1)
-        return e();
-      n.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 || ""
-      });
-    };
-    $(a, d), O(d);
-    async function s(y) {
-      var c;
-      (c = a.value.ecrs) == null || c.splice(y, 1), m.onUpdate(a.value);
-    }
-    return (y, c) => {
-      const i = g("FmTextField"), t = g("FmTextarea"), l = g("FmButton"), u = g("FmForm");
-      return f(), w(u, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: c[3] || (c[3] = () => {
-          n.value > -1 ? a.value.ecrs[n.value] = { gateway: "Ghl", config: r.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: r.value })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(i, {
-            modelValue: r.value.merchantId,
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => r.value.merchantId = p),
-            label: "Merchant ID"
-          }, null, 8, ["modelValue"]),
-          v(i, {
-            modelValue: r.value.terminalId,
-            "onUpdate:modelValue": c[1] || (c[1] = (p) => r.value.terminalId = p),
-            label: "Terminal ID"
-          }, null, 8, ["modelValue"]),
-          v(t, {
-            modelValue: r.value.privateKey,
-            "onUpdate:modelValue": c[2] || (c[2] = (p) => r.value.privateKey = p),
-            label: "Private Key",
-            "label-mark": "optional",
-            "label-info": "Default will use FeedMe Private Key"
-          }, null, 8, ["modelValue"]),
-          _("div", pe, [
-            n.value > -1 ? (f(), w(l, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => s(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(l, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), ye = { class: "flex items-end" }, fe = { class: "flex flex-wrap gap-8 items-center mt-4" }, ge = { class: "flex mt-6 space-x-6" }, be = /* @__PURE__ */ V({
-  __name: "MaybankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I(), e = I({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), d = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, s = () => {
-      var u;
-      if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank");
-      if (t === -1)
-        return d();
-      n.value = t;
-      const l = i.at(t);
-      l.gateway === "Maybank" && l.config && (e.value = {
-        ip: l.config.ip ?? "",
-        receiptName: l.receiptName ?? "",
-        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
-      });
-    };
-    $(a, s), O(s);
-    async function y(i) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), w(x, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, T;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
-            gateway: "Maybank",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.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
-            }
-          })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(l, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          v(l, {
-            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", ye, [
-            v(l, {
-              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"]),
-            v(u, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", fe, [
-            (f(!0), N(M, null, h(e.value.cardTypes, (o) => (f(), w(p, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", ge, [
-            n.value > -1 ? (f(), w(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), _e = { class: "flex items-end" }, Ie = { class: "flex flex-wrap gap-8 items-center mt-4" }, Fe = { class: "flex mt-6 space-x-6" }, we = /* @__PURE__ */ V({
-  __name: "Maybank2Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I(), e = I({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), d = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, s = () => {
-      var u;
-      if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank2");
-      if (t === -1)
-        return d();
-      n.value = t;
-      const l = i.at(t);
-      l.gateway === "Maybank2" && l.config && (e.value = {
-        ip: l.config.ip ?? "",
-        receiptName: l.receiptName ?? "",
-        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
-      });
-    };
-    $(a, s), O(s);
-    async function y(i) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), w(x, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, T;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
-            gateway: "Maybank2",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.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
-            }
-          })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(l, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          v(l, {
-            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", _e, [
-            v(l, {
-              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"]),
-            v(u, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", Ie, [
-            (f(!0), N(M, null, h(e.value.cardTypes, (o) => (f(), w(p, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Fe, [
-            n.value > -1 ? (f(), w(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Te = { class: "flex items-end" }, xe = { class: "flex flex-wrap gap-8 items-center mt-4" }, ke = { class: "flex mt-6 space-x-6" }, Ne = /* @__PURE__ */ V({
-  __name: "Maybank3Gateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I(), e = I({
-      receiptName: "",
-      config: {},
-      cardTypes: []
-    }), d = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, s = () => {
-      var u;
-      if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Maybank3");
-      if (t === -1)
-        return d();
-      n.value = t;
-      const l = i.at(t);
-      l.gateway === "Maybank3" && l.config && (e.value = {
-        config: l.config,
-        receiptName: l.receiptName ?? "",
-        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
-      });
-    };
-    $(a, s), O(s);
-    async function y(i) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), w(x, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, T;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
-            gateway: "Maybank3",
-            config: e.value.config,
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.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
-            }
-          })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(l, {
-            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", Te, [
-            v(l, {
-              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"]),
-            v(u, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", xe, [
-            (f(!0), N(M, null, h(e.value.cardTypes, (o) => (f(), w(p, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", ke, [
-            n.value > -1 ? (f(), w(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ce = { class: "flex items-end" }, Ve = { class: "flex flex-wrap gap-8 items-center mt-4" }, Ue = { class: "flex mt-6 space-x-6" }, Se = /* @__PURE__ */ V({
-  __name: "NetsGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I(), e = I({
-      ip: "",
-      receiptName: "",
-      cardTypes: []
-    }), d = () => {
-      e.value.ip = "", e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, s = () => {
-      var u;
-      if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Nets");
-      if (t === -1)
-        return d();
-      n.value = t;
-      const l = i.at(t);
-      l.gateway === "Nets" && l.config && (e.value = {
-        ip: l.config.ip ?? "",
-        receiptName: l.receiptName ?? "",
-        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
-      });
-    };
-    $(a, s), O(s);
-    async function y(i) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), w(x, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[3] || (t[3] = () => {
-          var o, T;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
-            gateway: "Nets",
-            config: { ip: e.value.ip },
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.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
-            }
-          })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(l, {
-            modelValue: e.value.ip,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.value.ip = o),
-            label: "IP Address"
-          }, null, 8, ["modelValue"]),
-          v(l, {
-            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", Ce, [
-            v(l, {
-              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"]),
-            v(u, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", Ve, [
-            (f(!0), N(M, null, h(e.value.cardTypes, (o) => (f(), w(p, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Ue, [
-            n.value > -1 ? (f(), w(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Me = { class: "flex items-end" }, qe = { class: "flex flex-wrap gap-8 items-center mt-4" }, Oe = { class: "flex mt-6 space-x-6" }, Pe = /* @__PURE__ */ V({
-  __name: "KBankGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I(), e = I({
-      receiptName: "",
-      cardTypes: []
-    }), d = () => {
-      e.value.receiptName = "", e.value.cardTypes = [], n.value = -1;
-    }, s = () => {
-      var u;
-      if (!a.value.ecrIntegrations)
-        return d();
-      const i = a.value.ecrIntegrations, t = i.findIndex((p) => p && p.gateway && p.gateway === "Kbank");
-      if (t === -1)
-        return d();
-      n.value = t;
-      const l = i.at(t);
-      l.gateway === "Kbank" && l.config && (e.value = {
-        receiptName: l.receiptName ?? "",
-        cardTypes: ((u = l.dialogConfig) == null ? void 0 : u.cardTypes) ?? []
-      });
-    };
-    $(a, s), O(s);
-    async function y(i) {
-      var t;
-      (t = a.value.ecrIntegrations) == null || t.splice(i, 1), m.onUpdate(a.value);
-    }
-    async function c() {
-      e.value.cardTypes.push(r.value), r.value = "";
-    }
-    return (i, t) => {
-      const l = g("FmTextField"), u = g("FmButton"), p = g("FmChip"), x = g("FmForm");
-      return f(), w(x, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: t[2] || (t[2] = () => {
-          var o, T;
-          n.value > -1 ? a.value.ecrIntegrations[n.value] = {
-            gateway: "Kbank",
-            config: {},
-            receiptName: e.value.receiptName,
-            dialogConfig: {
-              ...(T = (o = a.value.ecrIntegrations) == null ? void 0 : o[n.value]) == null ? void 0 : T.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
-            }
-          })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(l, {
-            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", Me, [
-            v(l, {
-              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"]),
-            v(u, {
-              class: "ml-4",
-              icon: "add",
-              onClick: c
-            })
-          ]),
-          _("div", qe, [
-            (f(!0), N(M, null, h(e.value.cardTypes, (o) => (f(), w(p, {
-              key: o,
-              label: o,
-              removable: !0,
-              onChipClosed: () => e.value.cardTypes.splice(e.value.cardTypes.indexOf(o), 1)
-            }, null, 8, ["label", "onChipClosed"]))), 128))
-          ]),
-          _("div", Oe, [
-            n.value > -1 ? (f(), w(u, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => y(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(u, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Re = { class: "flex items-center" }, $e = { class: "w-[260px] self-start" }, De = { class: "flex-1" }, Ae = /* @__PURE__ */ V({
-  __name: "EcrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    var d;
-    const m = F, a = [
-      {
-        label: "FeedMe Terminal",
-        value: "terminal",
-        render: me
-      },
-      {
-        label: "GHL Terminal (V2)",
-        value: "ghl",
-        render: ve,
-        region: [U.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Maybank Terminal (ITB)",
-        value: "mb-itb",
-        render: be,
-        region: [U.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Maybank Terminal (PMA)",
-        value: "mb-pma",
-        render: we,
-        region: [U.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Maybank Terminal (Paysys)",
-        value: "mb-paysys",
-        render: Ne,
-        region: [U.F_COUNTRY.enum.MY]
-      },
-      {
-        label: "Nets Terminal",
-        value: "nets",
-        render: Se,
-        region: [U.F_COUNTRY.enum.SG]
-      },
-      {
-        label: "KBank Terminal",
-        value: "kbank",
-        render: Pe,
-        region: [U.F_COUNTRY.enum.TH]
-      }
-    ], b = q(() => a.find((s) => s.value === e.value)), n = j().currentCountry, r = q(() => a.filter((s) => !s.region || s.region.includes(n.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
-    });
-    return (s, y) => {
-      var i;
-      const c = g("FmTabs");
-      return f(), N("div", Re, [
-        _("div", $e, [
-          v(c, {
-            "model-value": S(e),
-            "onUpdate:modelValue": y[0] || (y[0] = (t) => B(e) ? e.value = t : null),
-            class: "mb-6",
-            vertical: !0,
-            items: r.value
-          }, null, 8, ["model-value", "items"])
-        ]),
-        _("div", De, [
-          S(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), K(L({ key: 0 }, {
-            terminal: m.terminal,
-            onUpdate: m.onUpdate
-          })), null, 16)) : C("", !0)
-        ])
-      ]);
-    };
-  }
-}), he = { class: "flex mt-6 space-x-6" }, Ge = /* @__PURE__ */ V({
-  __name: "PromptPayGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, a = R(() => m.terminal), b = I(), n = I(-1), r = I({
-      account: "",
-      receiptName: ""
-    }), e = () => {
-      r.value.account = "", r.value.receiptName = "", n.value = -1;
-    }, d = () => {
-      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();
-      n.value = c;
-      const i = y.at(c);
-      i.gateway === "PROMPTPAY" && i.config && (r.value = {
-        account: i.config.account ?? "",
-        receiptName: i.receiptName ?? ""
-      });
-    };
-    $(a, d), O(d);
-    async function s(y) {
-      var c;
-      (c = a.value.qrIntegrations) == null || c.splice(y, 1), m.onUpdate(a.value);
-    }
-    return (y, c) => {
-      const i = g("FmTextField"), t = g("FmButton"), l = g("FmForm");
-      return f(), w(l, {
-        ref: b.value,
-        class: "flex flex-col gap-16 w-[500px]",
-        onValidationSuccess: c[2] || (c[2] = () => {
-          n.value > -1 ? a.value.qrIntegrations[n.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 })), m.onUpdate(a.value);
-        })
-      }, {
-        default: P(() => [
-          v(i, {
-            modelValue: r.value.account,
-            "onUpdate:modelValue": c[0] || (c[0] = (u) => r.value.account = u),
-            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"]),
-          v(i, {
-            modelValue: r.value.receiptName,
-            "onUpdate:modelValue": c[1] || (c[1] = (u) => r.value.receiptName = u),
-            label: "Receipt Payment Name",
-            "label-info": "Default receipt display will be 'TERMINAL_MAYBANK'"
-          }, null, 8, ["modelValue"]),
-          _("div", he, [
-            n.value > -1 ? (f(), w(t, {
-              key: 0,
-              class: "flex-1",
-              variant: "secondary",
-              label: "Delete",
-              onclick: () => s(n.value)
-            }, null, 8, ["onclick"])) : C("", !0),
-            v(t, {
-              type: "submit",
-              class: "flex-1",
-              variant: "primary",
-              label: "Save"
-            })
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Be = { class: "flex items-center" }, Ye = { class: "w-[260px] self-start" }, Ke = { class: "flex-1" }, Le = /* @__PURE__ */ V({
-  __name: "QrGateway",
-  props: {
-    terminal: {
-      type: Object,
-      required: !0
-    },
-    onUpdate: {
-      type: Function,
-      required: !0
-    }
-  },
-  setup(F) {
-    var d;
-    const m = F, a = [
-      {
-        label: "PromptPay",
-        value: "promptpay",
-        render: Ge,
-        region: [U.F_COUNTRY.enum.TH]
-      }
-    ], b = q(() => a.find((s) => s.value === e.value)), n = j().currentCountry, r = q(() => a.filter((s) => !s.region || s.region.includes(n.value ?? U.F_COUNTRY.enum.MY))), { gatewayTab: e } = E({
-      gatewayTab: (d = r.value[0]) == null ? void 0 : d.value
-    });
-    return (s, y) => {
-      var i;
-      const c = g("FmTabs");
-      return f(), N("div", Be, [
-        _("div", Ye, [
-          v(c, {
-            "model-value": S(e),
-            "onUpdate:modelValue": y[0] || (y[0] = (t) => B(e) ? e.value = t : null),
-            class: "mb-6",
-            vertical: !0,
-            items: r.value
-          }, null, 8, ["model-value", "items"])
-        ]),
-        _("div", Ke, [
-          S(e) ? (f(), w(Y((i = b.value) == null ? void 0 : i.render), K(L({ key: 0 }, {
-            terminal: m.terminal,
-            onUpdate: m.onUpdate
-          })), null, 16)) : C("", !0)
-        ])
-      ]);
-    };
-  }
-}), aa = /* @__PURE__ */ V({
-  __name: "TerminalSetting",
-  props: {
-    terminalId: {
-      type: String,
-      required: !0
-    }
-  },
-  setup(F) {
-    const m = F, { tab: a } = E({
-      tab: "information"
-    }), { isLoading: b, startAsyncCall: n } = z(!0), r = W(), e = Q(), d = I();
-    async function s(l) {
-      n(async () => {
-        try {
-          await A.updateById(
-            m.terminalId,
-            {
-              name: l.name,
-              status: l.status,
-              ecrs: l.ecrs ?? [],
-              gateways: l.gateways ?? [],
-              ecrIntegrations: l.ecrIntegrations ?? [],
-              qrIntegrations: l.qrIntegrations ?? []
-            }
-          ), d.value = await A.readById(m.terminalId), e.open({
-            type: "success",
-            message: "Terminal updated successfully"
-          });
-        } catch (u) {
-          e.open({
-            type: "error",
-            title: "Error occurs when update terminal",
-            message: Z(u)
-          });
-        }
-      });
-    }
-    const y = [
-      {
-        label: "Information",
-        value: "information",
-        icon: "overview",
-        render: te
-      },
-      {
-        label: "Setting Request",
-        value: "settings",
-        icon: "settings",
-        render: re,
-        onlyFor: ["TERMINAL"]
-      },
-      {
-        label: "SoftPos Gateway",
-        value: "softpos",
-        icon: "payment",
-        render: se
-      },
-      {
-        label: "ECR Gateway",
-        value: "ecr",
-        icon: "point_of_sale",
-        render: Ae,
-        onlyFor: ["POS", "KIOSK"]
-      },
-      {
-        label: "QR Gateway",
-        value: "qr",
-        icon: "qr_code",
-        render: Le,
-        onlyFor: ["POS", "KIOSK"]
-      }
-    ];
-    j().currentCountry;
-    const c = q(() => {
-      var l;
-      return (l = y.find((u) => u.value === a.value)) == null ? void 0 : l.render;
-    });
-    async function i() {
-      n(async () => {
-        d.value = await A.readById(m.terminalId);
-      });
-    }
-    const t = q(() => y.filter((l) => {
-      var u;
-      return !l.onlyFor || l.onlyFor.includes(((u = d.value) == null ? void 0 : u.deviceType) ?? "");
-    }));
-    return O(i), (l, u) => {
-      var x, o;
-      const p = g("FmTabs");
-      return f(), w(X, {
-        title: `${(x = d.value) == null ? void 0 : x.deviceType} (${(o = d.value) == null ? void 0 : o._id})`,
-        loading: S(b),
-        onBack: S(r).back
-      }, {
-        default: P(() => [
-          v(p, {
-            "model-value": S(a),
-            "onUpdate:modelValue": u[0] || (u[0] = (T) => B(a) ? a.value = T : null),
-            class: "mb-6",
-            items: t.value
-          }, null, 8, ["model-value", "items"]),
-          S(a) ? (f(), w(Y(c.value), K(L({ key: 0 }, {
-            terminal: d.value,
-            onUpdate: s
-          })), null, 16)) : C("", !0)
-        ]),
-        _: 1
-      }, 8, ["title", "loading", "onBack"]);
-    };
-  }
-});
-export {
-  aa as default
-};