@feedmepos/mf-payment 1.1.7 → 1.1.8

package/dist/TerminalSetting-bLxGkMlN.js

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

package/dist/{Transaction-BQn5rvxe.js → Transaction-B7ICajHR.js}

@@ -1,16 +1,16 @@
 import { defineComponent as B, ref as g, watch as E, computed as I, onMounted as J, resolveComponent as y, openBlock as v, createElementBlock as P, Fragment as Y, unref as t, createBlock as N, createCommentVNode as O, withCtx as T, createVNode as i, renderList as k, createElementVNode as V, isRef as b } from "vue";
-import { t as L, b as G } from "./assets-Da-9jPqG.js";
-import { u as K, _ as C } from "./index-DTH2dIPG.js";
-import { _ as Q } from "./TransactionTable.vue_vue_type_script_setup_true_lang-BX7YIl4i.js";
+import { t as L, b as G } from "./assets-BZmrImt4.js";
+import { u as K, _ as C } from "./index-DZMn5Qjp.js";
+import { _ as Q } from "./TransactionTable.vue_vue_type_script_setup_true_lang-UjV7RID1.js";
 import { h as $ } from "./moment-h96o7c8I.js";
 import { useI18n as j, useCoreStore as q } from "@feedmepos/mf-common";
 import { _ as H } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as W } from "./index-DFq7xhNQ.js";
+import { u as W } from "./index-C1Hgyi3j.js";
 import { _ as X } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as Z } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
 import { _ as ee } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
-import { p as te } from "./index-DbBsTEVS.js";
-import { t as ae } from "./index-Dq07OgOJ.js";
+import { p as te } from "./index-gSE1T266.js";
+import { t as ae } from "./index-a-Vqap7Z.js";
 const ne = /* @__PURE__ */ B({
   __name: "SourceSelector",
   props: {