@feedmepos/mf-payment 1.1.12 → 1.1.13-beta.5

package/dist/TerminalSetting-BYuUWq7_.js

@@ -0,0 +1,587 @@
+import { defineComponent as T, openBlock as I, createElementBlock as C, Fragment as B, createElementVNode as w, createTextVNode as U, toDisplayString as G, toRef as N, ref as b, watch as R, onMounted as O, computed as Y, resolveComponent as f, unref as _, createVNode as F, createBlock as k, withCtx as M, createCommentVNode as V, isRef as P, resolveDynamicComponent as $, normalizeProps as j, mergeProps as L } from "vue";
+import { u as D, e as x } from "./index-cDcgQW6J.js";
+import { useRouter as H } from "vue-router";
+import { t as q } from "./index-C22ceuxa.js";
+import { _ as Q } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as A } from "./index-BsBqMpqq.js";
+import { useSnackbar as E } from "@feedmepos/ui-library";
+import { u as W } from "./error-K1CakhA9.js";
+import { z as J, a as X } from "./validator-D5jtpt9A.js";
+import { useCoreStore as K } from "@feedmepos/mf-common";
+const Z = /* @__PURE__ */ T({
+  __name: "Information",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(g) {
+    return (s, a) => (I(), C(B, null, [
+      a[0] || (a[0] = w("b", null, "Name", -1)),
+      U(": " + G(g.terminal.name), 1),
+      a[1] || (a[1] = w("br", null, null, -1)),
+      a[2] || (a[2] = w("b", null, "Status", -1)),
+      U(": " + G(g.terminal.status), 1),
+      a[3] || (a[3] = w("br", null, null, -1)),
+      a[4] || (a[4] = w("b", null, "Device ID", -1)),
+      U(": " + G(g.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = w("br", null, null, -1)),
+      a[6] || (a[6] = w("b", null, "Device Type", -1)),
+      U(": " + G(g.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = w("br", null, null, -1))
+    ], 64));
+  }
+}), ee = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, ae = { class: "flex mt-6 space-x-6" }, te = /* @__PURE__ */ T({
+  __name: "TerminalGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(g) {
+    const { isLoading: s, startAsyncCall: a } = D(), p = g, e = N(() => p.terminal), i = b(), r = b(), t = b(-1), o = b({
+      terminalId: ""
+    }), m = () => {
+      o.value.terminalId = "", t.value = -1;
+    }, u = () => {
+      if (a(async () => {
+        i.value = await q.getRestaurantTerminals(p.terminal.referenceId);
+      }), !p.terminal.ecrs)
+        return m();
+      const l = p.terminal.ecrs.findIndex((y) => y && y.gateway && y.gateway === "FeedMe");
+      if (l === -1)
+        return m();
+      t.value = l;
+      const d = p.terminal.ecrs.at(l);
+      d.gateway === "FeedMe" && d.config && (o.value = {
+        terminalId: d.config.terminalId
+      });
+    };
+    R(e, u), O(u);
+    const c = Y(() => (i.value ?? []).map((l) => ({
+      label: l.name ?? l._id,
+      value: l._id
+    })));
+    async function n(l) {
+      var d;
+      (d = p.terminal.ecrs) == null || d.splice(l, 1), p.onUpdate(p.terminal);
+    }
+    return (l, d) => {
+      const y = f("FmCircularProgress"), S = f("FmSelect"), v = f("FmButton"), h = f("FmForm");
+      return _(s) ? (I(), C("div", ee, [
+        F(y, { size: "xxl" })
+      ])) : (I(), k(h, {
+        key: 1,
+        ref: r.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: d[1] || (d[1] = () => {
+          t.value > -1 ? e.value.ecrs[t.value] = { gateway: "FeedMe", config: o.value } : (e.value.ecrs || (e.value.ecrs = []), e.value.ecrs.push({ gateway: "FeedMe", config: o.value })), p.onUpdate(e.value);
+        })
+      }, {
+        default: M(() => [
+          F(S, {
+            modelValue: o.value.terminalId,
+            "onUpdate:modelValue": d[0] || (d[0] = (z) => o.value.terminalId = z),
+            label: "Terminal ID",
+            items: c.value,
+            rules: _(J)(_(X).string())
+          }, null, 8, ["modelValue", "items", "rules"]),
+          w("div", ae, [
+            t.value > -1 ? (I(), k(v, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => n(t.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            F(v, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+}), ne = { class: "flex mt-6 space-x-6" }, le = /* @__PURE__ */ T({
+  __name: "FiuuGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(g) {
+    const s = g, a = K().currentCountry, p = [
+      {
+        label: "Fiuu Malaysia",
+        value: "cc.feedme.payment.rms",
+        region: x.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Malaysia V2",
+        value: "cc.feedme.payment.fiuu_my",
+        region: x.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Singapore",
+        value: "cc.feedme.payment.fiuu_sg",
+        region: x.F_COUNTRY.enum.SG
+      }
+    ], e = N(() => s.terminal), i = b(), r = b(-1), t = b({
+      packageId: "",
+      uniqueId: ""
+    }), o = () => {
+      t.value.uniqueId = "", t.value.packageId = "", r.value = -1;
+    }, m = () => {
+      if (!e.value.gateways)
+        return o();
+      const c = e.value.gateways.findIndex((l) => l && l.gateway && l.gateway === "Fiuu");
+      if (c === -1)
+        return o();
+      r.value = c;
+      const n = e.value.gateways.at(c);
+      n.gateway === "Fiuu" && n.config && (t.value = {
+        packageId: n.config.packageId,
+        uniqueId: n.config.uniqueId
+      });
+    };
+    R(e, m), O(m);
+    async function u(c) {
+      var n;
+      (n = e.value.gateways) == null || n.splice(c, 1), s.onUpdate(e.value);
+    }
+    return (c, n) => {
+      const l = f("FmSelect"), d = f("FmTextField"), y = f("FmButton"), S = f("FmForm");
+      return I(), k(S, {
+        ref: i.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: n[2] || (n[2] = () => {
+          r.value > -1 ? e.value.gateways[r.value] = { gateway: "Fiuu", config: t.value } : (e.value.gateways || (e.value.gateways = []), e.value.gateways.push({ gateway: "Fiuu", config: t.value })), s.onUpdate(e.value);
+        })
+      }, {
+        default: M(() => [
+          F(l, {
+            modelValue: t.value.packageId,
+            "onUpdate:modelValue": n[0] || (n[0] = (v) => t.value.packageId = v),
+            label: "Package ID",
+            items: p.filter((v) => v.region === _(a))
+          }, null, 8, ["modelValue", "items"]),
+          F(d, {
+            modelValue: t.value.uniqueId,
+            "onUpdate:modelValue": n[1] || (n[1] = (v) => t.value.uniqueId = v),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          w("div", ne, [
+            r.value > -1 ? (I(), k(y, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => u(r.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            F(y, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), oe = { class: "flex mt-6 space-x-6" }, re = /* @__PURE__ */ T({
+  __name: "GhlGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(g) {
+    const s = g, a = N(() => s.terminal), p = b(), e = b(-1), i = b({
+      merchantId: "",
+      terminalId: "",
+      privateKey: ""
+    }), r = () => {
+      i.value.merchantId = "", i.value.terminalId = "", i.value.privateKey = "", e.value = -1;
+    }, t = () => {
+      if (!a.value.ecrs)
+        return r();
+      const m = a.value.ecrs.findIndex((c) => c && c.gateway && c.gateway === "Ghl");
+      if (m === -1)
+        return r();
+      e.value = m;
+      const u = a.value.ecrs.at(m);
+      u.gateway === "Ghl" && u.config && (i.value = {
+        merchantId: u.config.merchantId,
+        terminalId: u.config.terminalId,
+        privateKey: u.config.privateKey
+      });
+    };
+    R(a, t), O(t);
+    async function o(m) {
+      var u;
+      (u = a.value.ecrs) == null || u.splice(m, 1), s.onUpdate(a.value);
+    }
+    return (m, u) => {
+      const c = f("FmTextField"), n = f("FmTextarea"), l = f("FmButton"), d = f("FmForm");
+      return I(), k(d, {
+        ref: p.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: u[3] || (u[3] = () => {
+          e.value > -1 ? a.value.ecrs[e.value] = { gateway: "Ghl", config: i.value } : (a.value.ecrs || (a.value.ecrs = []), a.value.ecrs.push({ gateway: "Ghl", config: i.value })), s.onUpdate(a.value);
+        })
+      }, {
+        default: M(() => [
+          F(c, {
+            modelValue: i.value.merchantId,
+            "onUpdate:modelValue": u[0] || (u[0] = (y) => i.value.merchantId = y),
+            label: "Merchant ID"
+          }, null, 8, ["modelValue"]),
+          F(c, {
+            modelValue: i.value.terminalId,
+            "onUpdate:modelValue": u[1] || (u[1] = (y) => i.value.terminalId = y),
+            label: "Terminal ID"
+          }, null, 8, ["modelValue"]),
+          F(n, {
+            modelValue: i.value.privateKey,
+            "onUpdate:modelValue": u[2] || (u[2] = (y) => i.value.privateKey = y),
+            label: "Private Key"
+          }, null, 8, ["modelValue"]),
+          w("div", oe, [
+            e.value > -1 ? (I(), k(l, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => o(e.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            F(l, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ue = { key: 0 }, se = { class: "mt-6 space-x-6" }, ie = /* @__PURE__ */ T({
+  __name: "KioskMode",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(g) {
+    const { isLoading: s, startAsyncCall: a } = D(!1), p = E(), e = b({
+      enable: !1,
+      password: []
+    }), i = g;
+    function r() {
+      return e.value.enable && e.value.password.filter((t) => !!t).length !== 6 ? p.open({
+        type: "error",
+        message: "Unlock PIN is required when setting up kiosk mode for terminal."
+      }) : a(async () => {
+        const t = { enable: e.value.enable };
+        t.enable && Object.assign(t, {
+          password: e.value.password.join("")
+        });
+        const o = await q.kioskModeRequest(i.terminal._id, t);
+        if (o === "OK")
+          return p.open({ type: "info", message: "Kiosk mode applied successfully." });
+        let m = o;
+        return o === "client_not_connected" && (m = "Terminal not connected to the websocket server."), o.startsWith("terminal: ") && (m = o.replaceAll("terminal: ", "")), p.open({
+          type: "error",
+          message: m
+        });
+      });
+    }
+    return (t, o) => {
+      const m = f("FmSwitch"), u = f("FmPinField"), c = f("FmButton");
+      return I(), C(B, null, [
+        F(m, {
+          modelValue: e.value.enable,
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => e.value.enable = n),
+          label: "Enable Kiosk Mode?"
+        }, null, 8, ["modelValue"]),
+        e.value.enable ? (I(), C("div", ue, [
+          o[2] || (o[2] = w("p", { class: "mt-6" }, "Unlock PIN: ", -1)),
+          F(u, {
+            modelValue: e.value.password,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => e.value.password = n)
+          }, null, 8, ["modelValue"])
+        ])) : V("", !0),
+        w("div", se, [
+          F(c, {
+            variant: "primary",
+            label: "Send",
+            icon: "send",
+            loading: _(s),
+            onclick: r
+          }, null, 8, ["loading"])
+        ])
+      ], 64);
+    };
+  }
+}), me = /* @__PURE__ */ T({
+  __name: "SettingRequest",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(g) {
+    const { settingTab: s } = A({
+      settingTab: "kiosk_mode"
+    }), a = [
+      {
+        label: "Kiosk Mode",
+        value: "kiosk_mode",
+        render: ie
+      }
+    ], p = g, e = Y(() => a.find((i) => i.value === s.value));
+    return (i, r) => {
+      var o;
+      const t = f("FmTabs");
+      return I(), C(B, null, [
+        r[1] || (r[1] = w("p", { className: "mt-1 my-6 text-gray-600" }, [
+          w("b", null, "Note: "),
+          U(" Setting request will perform remotely without caching so make sure terminal is connected to the network also to our websocket as well. ")
+        ], -1)),
+        F(t, {
+          "model-value": _(s),
+          "onUpdate:modelValue": r[0] || (r[0] = (m) => P(s) ? s.value = m : null),
+          class: "mb-6",
+          items: a
+        }, null, 8, ["model-value"]),
+        _(s) ? (I(), k($((o = e.value) == null ? void 0 : o.render), j(L({ key: 0 }, { terminal: p.terminal })), null, 16)) : V("", !0)
+      ], 64);
+    };
+  }
+}), ce = { class: "flex mt-6 space-x-6" }, de = /* @__PURE__ */ T({
+  __name: "SoftspaceGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(g) {
+    const s = g, a = K().currentCountry, p = [
+      {
+        label: "Softspace Malaysia",
+        value: "cc.feedme.payment.softspace_my",
+        region: x.F_COUNTRY.enum.MY
+      }
+    ], e = N(() => s.terminal), i = b(), r = b(-1), t = b({
+      packageId: "",
+      uniqueId: ""
+    }), o = () => {
+      t.value.uniqueId = "", t.value.packageId = "", r.value = -1;
+    }, m = () => {
+      if (!e.value.gateways)
+        return o();
+      const c = e.value.gateways.findIndex((l) => l && l.gateway && l.gateway === "Softspace");
+      if (c === -1)
+        return o();
+      r.value = c;
+      const n = e.value.gateways.at(c);
+      n.gateway === "Softspace" && n.config && (t.value = {
+        packageId: n.config.packageId,
+        uniqueId: n.config.uniqueId
+      });
+    };
+    R(e, m), O(m);
+    async function u(c) {
+      var n;
+      (n = e.value.gateways) == null || n.splice(c, 1), s.onUpdate(e.value);
+    }
+    return (c, n) => {
+      const l = f("FmSelect"), d = f("FmTextField"), y = f("FmButton"), S = f("FmForm");
+      return I(), k(S, {
+        ref: i.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: n[2] || (n[2] = () => {
+          r.value > -1 ? e.value.gateways[r.value] = { gateway: "Softspace", config: t.value } : (e.value.gateways || (e.value.gateways = []), e.value.gateways.push({ gateway: "Softspace", config: t.value })), s.onUpdate(e.value);
+        })
+      }, {
+        default: M(() => [
+          F(l, {
+            modelValue: t.value.packageId,
+            "onUpdate:modelValue": n[0] || (n[0] = (v) => t.value.packageId = v),
+            label: "Package ID",
+            items: p.filter((v) => v.region === _(a))
+          }, null, 8, ["modelValue", "items"]),
+          F(d, {
+            modelValue: t.value.uniqueId,
+            "onUpdate:modelValue": n[1] || (n[1] = (v) => t.value.uniqueId = v),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          w("div", ce, [
+            r.value > -1 ? (I(), k(y, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => u(r.value)
+            }, null, 8, ["onclick"])) : V("", !0),
+            F(y, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ke = /* @__PURE__ */ T({
+  __name: "TerminalSetting",
+  props: {
+    terminalId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(g) {
+    const s = g, { tab: a } = A({
+      tab: "information"
+    }), { isLoading: p, startAsyncCall: e } = D(!0), i = H(), r = E(), t = b();
+    async function o(l) {
+      e(async () => {
+        try {
+          await q.updateById(
+            s.terminalId,
+            {
+              name: l.name,
+              status: l.status,
+              ecrs: l.ecrs ?? [],
+              gateways: l.gateways ?? []
+            }
+          ), t.value = await q.readById(s.terminalId), r.open({
+            type: "success",
+            message: "Terminal updated successfully"
+          });
+        } catch (d) {
+          r.open({
+            type: "error",
+            title: "Error occurs when update terminal",
+            message: W(d)
+          });
+        }
+      });
+    }
+    const m = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: Z
+      },
+      {
+        label: "Setting Request",
+        value: "settings",
+        icon: "settings",
+        render: me,
+        onlyFor: ["TERMINAL"]
+      },
+      {
+        label: "Fiuu",
+        value: "fiuu",
+        icon: "payment",
+        render: le,
+        region: [x.F_COUNTRY.enum.MY, x.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "Softspace",
+        value: "softspace",
+        icon: "payment",
+        render: de,
+        region: [x.F_COUNTRY.enum.MY, x.F_COUNTRY.enum.SG]
+      },
+      {
+        label: "FeedMe Terminal",
+        value: "terminal",
+        icon: "shopping_cart_checkout",
+        render: te,
+        onlyFor: ["POS", "KIOSK"]
+      },
+      {
+        label: "GHL Terminal (V2)",
+        value: "ghl",
+        icon: "shopping_cart_checkout",
+        render: re,
+        onlyFor: ["POS", "KIOSK"],
+        region: [x.F_COUNTRY.enum.MY]
+      }
+    ], u = K().currentCountry, c = Y(() => {
+      var l;
+      return (l = m.find((d) => d.value === a.value)) == null ? void 0 : l.render;
+    });
+    async function n() {
+      e(async () => {
+        t.value = await q.readById(s.terminalId);
+      });
+    }
+    return O(n), (l, d) => {
+      var S;
+      const y = f("FmTabs");
+      return I(), k(Q, {
+        title: `Terminal (${(S = t.value) == null ? void 0 : S._id})`,
+        loading: _(p),
+        onBack: _(i).back
+      }, {
+        default: M(() => [
+          F(y, {
+            "model-value": _(a),
+            "onUpdate:modelValue": d[0] || (d[0] = (v) => P(a) ? a.value = v : null),
+            class: "mb-6",
+            items: m.filter((v) => !v.onlyFor || v.onlyFor.includes(t.value.deviceType)).filter((v) => !v.region || v.region.includes(_(u) ?? _(x.F_COUNTRY).enum.MY))
+          }, null, 8, ["model-value", "items"]),
+          _(a) ? (I(), k($(c.value), j(L({ key: 0 }, {
+            terminal: t.value,
+            onUpdate: o
+          })), null, 16)) : V("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  ke as default
+};