@feedmepos/mf-payment 1.5.58 → 1.5.61-dev

package/dist/TerminalSetting-NjbcUxOj.js

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