@feedmepos/mf-payment 1.1.14-beta.1 → 1.1.14

package/dist/TerminalSetting-D8nuI1Gv.js

@@ -1,587 +0,0 @@
-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-B4xE-ETp.js";
-import { useRouter as H } from "vue-router";
-import { t as q } from "./index-s6srEUqZ.js";
-import { _ as Q } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as A } from "./index-SqBpMlb0.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
-};