@feedmepos/mf-payment 1.1.6 → 1.1.7-beta.2

package/dist/TerminalSetting-DY91cG8K.js

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

package/dist/{Transaction-DcQQ_4ku.js → Transaction-4VcaNM-I.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-ZXvnCE72.js";
-import { u as K, _ as C } from "./index-DQcz6kdU.js";
-import { _ as Q } from "./TransactionTable.vue_vue_type_script_setup_true_lang-C_3J1G8_.js";
+import { t as L, b as G } from "./assets-Dt65qI3E.js";
+import { u as K, _ as C } from "./index-CLm4m9aq.js";
+import { _ as Q } from "./TransactionTable.vue_vue_type_script_setup_true_lang-CFxM2Kdo.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-DEEbas1_.js";
+import { u as W } from "./index-CqPoOkrc.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-kEMG4SWc.js";
-import { t as ae } from "./index-DlvE9K3G.js";
+import { p as te } from "./index-Cg9oAjSw.js";
+import { t as ae } from "./index-DUS0JnIE.js";
 const ne = /* @__PURE__ */ B({
   __name: "SourceSelector",
   props: {