@feedmepos/mf-payment 1.3.3 → 1.3.5

package/dist/TerminalSetting-B5VdUivg.js

@@ -0,0 +1,1080 @@
+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
+};