@feedmepos/mf-payment 1.3.4 → 1.3.6

package/dist/TerminalSetting-B5VdUivg.js

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