@feedmepos/mf-payment 0.0.0-beta.4 → 0.0.0-beta.41

package/dist/TerminalSetting-1bqfLfaT.js

@@ -0,0 +1,379 @@
+import { defineComponent as x, openBlock as I, createElementBlock as M, Fragment as $, createElementVNode as v, createTextVNode as T, toDisplayString as V, ref as g, onMounted as C, computed as D, resolveComponent as f, unref as b, createVNode as F, createBlock as w, withCtx as G, createCommentVNode as q, isRef as P, resolveDynamicComponent as R, normalizeProps as Y, mergeProps as K } from "vue";
+import { u as _, e as U } from "./index-9ujJCGqe.js";
+import { useRouter as L } from "vue-router";
+import { t as S } from "./index-DuCv6dOI.js";
+import { _ as j } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { u as E } from "./index-C5AZUa6M.js";
+import { useSnackbar as A } from "@feedmepos/ui-library";
+import { u as z } from "./error-K1CakhA9.js";
+import { useCoreStore as N } from "@feedmepos/mf-common";
+const h = /* @__PURE__ */ x({
+  __name: "Information",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    return (r, a) => (I(), M($, null, [
+      a[0] || (a[0] = v("b", null, "Name", -1)),
+      T(": " + V(t.terminal.name), 1),
+      a[1] || (a[1] = v("br", null, null, -1)),
+      a[2] || (a[2] = v("b", null, "Status", -1)),
+      T(": " + V(t.terminal.status), 1),
+      a[3] || (a[3] = v("br", null, null, -1)),
+      a[4] || (a[4] = v("b", null, "Device ID", -1)),
+      T(": " + V(t.terminal.deviceId ?? "-"), 1),
+      a[5] || (a[5] = v("br", null, null, -1)),
+      a[6] || (a[6] = v("b", null, "Device Type", -1)),
+      T(": " + V(t.terminal.deviceType ?? "-"), 1),
+      a[7] || (a[7] = v("br", null, null, -1))
+    ], 64));
+  }
+}), H = {
+  key: 0,
+  class: "flex items-center justify-center min-h-[80vh]"
+}, Q = { class: "flex mt-6 space-x-6" }, J = /* @__PURE__ */ x({
+  __name: "TerminalGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const { isLoading: r, startAsyncCall: a } = _(), o = t, s = g(), p = g(), n = g(-1), e = g({
+      terminalId: ""
+    });
+    C(() => {
+      if (a(async () => {
+        s.value = await S.getTerminals(o.terminal.referenceId);
+      }), !o.terminal.ecrs)
+        return;
+      const i = o.terminal.ecrs.findIndex((c) => c && c.gateway && c.gateway === "FeedMe");
+      if (i === -1)
+        return;
+      n.value = i;
+      const m = o.terminal.ecrs.at(i);
+      m.gateway === "FeedMe" && m.config && (e.value = {
+        terminalId: m.config.terminalId
+      });
+    });
+    const u = D(() => (s.value ?? []).map((i) => ({
+      label: i.name ?? i._id,
+      value: i._id
+    })));
+    async function l(i) {
+      var m;
+      (m = o.terminal.ecrs) == null || m.splice(i, 1), o.onUpdate(o.terminal);
+    }
+    return (i, m) => {
+      const c = f("FmCircularProgress"), y = f("FmSelect"), d = f("FmButton"), B = f("FmForm");
+      return b(r) ? (I(), M("div", H, [
+        F(c, { size: "xxl" })
+      ])) : (I(), w(B, {
+        key: 1,
+        ref: p.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: m[1] || (m[1] = () => {
+          n.value > -1 ? t.terminal.ecrs[n.value] = { gateway: "FeedMe", config: e.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "FeedMe", config: e.value })), o.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(y, {
+            modelValue: e.value.terminalId,
+            "onUpdate:modelValue": m[0] || (m[0] = (k) => e.value.terminalId = k),
+            label: "Terminal ID",
+            items: u.value
+          }, null, 8, ["modelValue", "items"]),
+          v("div", Q, [
+            n.value > -1 ? (I(), w(d, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => l(n.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(d, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512));
+    };
+  }
+}), W = { class: "flex mt-6 space-x-6" }, X = /* @__PURE__ */ x({
+  __name: "FiuuGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, a = N().currentCountry, o = [
+      {
+        label: "Fiuu Malaysia",
+        value: "cc.feedme.payment.rms",
+        region: U.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Malaysia V2",
+        value: "cc.feedme.payment.fiuu_my",
+        region: U.F_COUNTRY.enum.MY
+      },
+      {
+        label: "Fiuu Singapore",
+        value: "cc.feedme.payment.fiuu_sg",
+        region: U.F_COUNTRY.enum.SG
+      }
+    ], s = g(), p = g(-1), n = g({
+      packageId: "",
+      uniqueId: ""
+    });
+    C(() => {
+      if (!r.terminal.gateways)
+        return;
+      const u = r.terminal.gateways.findIndex((i) => i && i.gateway && i.gateway === "Fiuu");
+      if (u === -1)
+        return;
+      p.value = u;
+      const l = r.terminal.gateways.at(u);
+      l.gateway === "Fiuu" && l.config && (n.value = {
+        packageId: l.config.packageId,
+        uniqueId: l.config.uniqueId
+      });
+    });
+    async function e(u) {
+      var l;
+      (l = r.terminal.gateways) == null || l.splice(u, 1), r.onUpdate(r.terminal);
+    }
+    return (u, l) => {
+      const i = f("FmSelect"), m = f("FmTextField"), c = f("FmButton"), y = f("FmForm");
+      return I(), w(y, {
+        ref: s.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: l[2] || (l[2] = () => {
+          p.value > -1 ? t.terminal.gateways[p.value] = { gateway: "Fiuu", config: n.value } : (t.terminal.gateways || (t.terminal.gateways = []), t.terminal.gateways.push({ gateway: "Fiuu", config: n.value })), r.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(i, {
+            modelValue: n.value.packageId,
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => n.value.packageId = d),
+            label: "Package ID",
+            items: o.filter((d) => d.region === b(a))
+          }, null, 8, ["modelValue", "items"]),
+          F(m, {
+            modelValue: n.value.uniqueId,
+            "onUpdate:modelValue": l[1] || (l[1] = (d) => n.value.uniqueId = d),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          v("div", W, [
+            p.value > -1 ? (I(), w(c, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => e(p.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(c, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Z = { class: "flex mt-6 space-x-6" }, ee = /* @__PURE__ */ x({
+  __name: "GhlGateway",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, a = g(), o = g(-1), s = g({
+      merchantId: "",
+      terminalId: "",
+      privateKey: ""
+    });
+    C(() => {
+      if (!r.terminal.ecrs)
+        return;
+      const n = r.terminal.ecrs.findIndex((u) => u && u.gateway && u.gateway === "Ghl");
+      if (n === -1)
+        return;
+      o.value = n;
+      const e = r.terminal.ecrs.at(n);
+      e.gateway === "Ghl" && e.config && (s.value = {
+        merchantId: e.config.merchantId,
+        terminalId: e.config.terminalId,
+        privateKey: e.config.privateKey
+      });
+    });
+    async function p(n) {
+      var e;
+      (e = r.terminal.ecrs) == null || e.splice(n, 1), r.onUpdate(r.terminal);
+    }
+    return (n, e) => {
+      const u = f("FmTextField"), l = f("FmTextarea"), i = f("FmButton"), m = f("FmForm");
+      return I(), w(m, {
+        ref: a.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: e[3] || (e[3] = () => {
+          o.value > -1 ? t.terminal.ecrs[o.value] = { gateway: "Ghl", config: s.value } : (t.terminal.ecrs || (t.terminal.ecrs = []), t.terminal.ecrs.push({ gateway: "Ghl", config: s.value })), r.onUpdate(t.terminal);
+        })
+      }, {
+        default: G(() => [
+          F(u, {
+            modelValue: s.value.merchantId,
+            "onUpdate:modelValue": e[0] || (e[0] = (c) => s.value.merchantId = c),
+            label: "Merchant ID"
+          }, null, 8, ["modelValue"]),
+          F(u, {
+            modelValue: s.value.terminalId,
+            "onUpdate:modelValue": e[1] || (e[1] = (c) => s.value.terminalId = c),
+            label: "Terminal ID"
+          }, null, 8, ["modelValue"]),
+          F(l, {
+            modelValue: s.value.privateKey,
+            "onUpdate:modelValue": e[2] || (e[2] = (c) => s.value.privateKey = c),
+            label: "Private Key"
+          }, null, 8, ["modelValue"]),
+          v("div", Z, [
+            o.value > -1 ? (I(), w(i, {
+              key: 0,
+              class: "flex-1",
+              variant: "secondary",
+              label: "Delete",
+              onclick: () => p(o.value)
+            }, null, 8, ["onclick"])) : q("", !0),
+            F(i, {
+              type: "submit",
+              class: "flex-1",
+              variant: "primary",
+              label: "Save"
+            })
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), se = /* @__PURE__ */ x({
+  __name: "TerminalSetting",
+  props: {
+    terminalId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(t) {
+    const r = t, { tab: a } = E({
+      tab: "information"
+    }), { isLoading: o, startAsyncCall: s } = _(!0), p = L(), n = A(), e = g();
+    async function u(y) {
+      try {
+        await S.updateById(
+          r.terminalId,
+          {
+            name: y.name,
+            status: y.status,
+            ecrs: y.ecrs ?? [],
+            gateways: y.gateways ?? []
+          }
+        ), e.value = await S.readById(r.terminalId), n.open({
+          type: "success",
+          message: "Terminal updated successfully"
+        });
+      } catch (d) {
+        n.open({
+          type: "error",
+          title: "Error occurs when update terminal",
+          message: z(d)
+        });
+      }
+    }
+    const l = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: h
+      },
+      {
+        label: "Fiuu",
+        value: "fiuu",
+        icon: "payment",
+        render: X
+      }
+    ], i = N().currentCountry, m = D(() => {
+      var y;
+      return (y = l.find((d) => d.value === a.value)) == null ? void 0 : y.render;
+    });
+    async function c() {
+      s(async () => {
+        e.value = await S.readById(r.terminalId), e.value.deviceType !== "TERMINAL" && (l.push({
+          label: "FeedMe Terminal",
+          value: "terminal",
+          icon: "shopping_cart_checkout",
+          render: J
+        }), i.value === U.F_COUNTRY.enum.MY && l.push({
+          label: "GHL Terminal (V2)",
+          value: "ghl",
+          icon: "shopping_cart_checkout",
+          render: ee
+        }));
+      });
+    }
+    return C(c), (y, d) => {
+      var k;
+      const B = f("FmTabs");
+      return I(), w(j, {
+        title: `Terminal (${(k = e.value) == null ? void 0 : k._id})`,
+        loading: b(o),
+        onBack: b(p).back
+      }, {
+        default: G(() => [
+          F(B, {
+            "model-value": b(a),
+            "onUpdate:modelValue": d[0] || (d[0] = (O) => P(a) ? a.value = O : null),
+            class: "mb-6",
+            items: l
+          }, null, 8, ["model-value"]),
+          b(a) ? (I(), w(R(m.value), Y(K({ key: 0 }, {
+            terminal: e.value,
+            onUpdate: u
+          })), null, 16)) : q("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  se as default
+};