@feedmepos/mf-payment 1.4.27 → 1.4.28

package/dist/TerminalSetting-MKI0jupT.js

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