@feedmepos/mf-payment 0.0.0-beta.29 → 0.0.0-beta.30

package/dist/TerminalSetting-CucVft_p.js

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

package/dist/{TerminalTransaction-F3kzj60e.js → TerminalTransaction-CwoclWJ5.js}

@@ -1,12 +1,12 @@
 import { defineComponent as g, openBlock as I, createElementBlock as v, unref as r, resolveComponent as u, createBlock as w, normalizeClass as F, withCtx as y, createElementVNode as _, toDisplayString as b, ref as D, watch as N, createVNode as i, isRef as f, h as A } from "vue";
-import { c as s } from "./index-CTWoVKkI.js";
+import { c as s } from "./index-C_44uoxW.js";
 import { h as T } from "./moment-h96o7c8I.js";
-import { u as V } from "./index-BYz1HdLk.js";
-import { _ as k } from "./index.vue_vue_type_script_setup_true_lang-X-K_s8fy.js";
+import { u as V } from "./index-BS_dGfh_.js";
+import { _ as k } from "./index.vue_vue_type_script_setup_true_lang-GkJ2OZPm.js";
 import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import "@feedmepos/ui-library";
-import { g as M } from "./assets-Bj5ToWoP.js";
-import { t as x } from "./index-dVGYvcJH.js";
+import { g as M } from "./assets-RXBV3tUm.js";
+import { t as x } from "./index-CJp88CGw.js";
 import { d as L } from "./dinero-CIVmXLL-.js";
 import { _ as $ } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as B } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";

package/dist/{TerminalTransaction-DuVyCu0j.js → TerminalTransaction-DRlFVw4p.js}

@@ -1,12 +1,12 @@
 import { defineComponent as h, openBlock as N, createElementBlock as F, unref as r, resolveComponent as d, createBlock as y, normalizeClass as b, withCtx as R, createElementVNode as _, toDisplayString as D, ref as V, watch as A, createVNode as i, isRef as T, h as g } from "vue";
-import { c as s } from "./index-CTWoVKkI.js";
+import { c as s } from "./index-C_44uoxW.js";
 import { h as I } from "./moment-h96o7c8I.js";
-import { u as k } from "./index-BYz1HdLk.js";
-import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-X-K_s8fy.js";
+import { u as k } from "./index-BS_dGfh_.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-GkJ2OZPm.js";
 import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import "@feedmepos/ui-library";
-import { g as $ } from "./assets-Bj5ToWoP.js";
-import { t as w } from "./index-dVGYvcJH.js";
+import { g as $ } from "./assets-RXBV3tUm.js";
+import { t as w } from "./index-CJp88CGw.js";
 import { d as L } from "./dinero-CIVmXLL-.js";
 import { _ as B } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
 import { useCoreStore as P } from "@feedmepos/mf-common";

package/dist/{Transaction-sG5VLrZG.js → Transaction-CKFRlYUk.js}

@@ -1,13 +1,13 @@
 import { defineComponent as p, resolveComponent as T, openBlock as _, createBlock as A, normalizeClass as O, withCtx as I, createElementVNode as y, toDisplayString as R, createElementBlock as b, unref as r, ref as S, h as g, onMounted as V, watch as K, createVNode as h, isRef as N } from "vue";
-import { t as E, a as k } from "./transaction-LP1p6TuS.js";
-import { e as v, u as C } from "./index-CTWoVKkI.js";
+import { t as E, a as k } from "./transaction-yTOBjyUq.js";
+import { e as v, u as C } from "./index-C_44uoxW.js";
 import "@feedmepos/ui-library";
 import "./dinero-CIVmXLL-.js";
 import { h as F } from "./moment-h96o7c8I.js";
-import { g as P, a as $ } from "./assets-Bj5ToWoP.js";
+import { g as P, a as $ } from "./assets-RXBV3tUm.js";
 import { _ as L } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
 import "@feedmepos/mf-common";
-import { u as B } from "./index-BYz1HdLk.js";
+import { u as B } from "./index-BS_dGfh_.js";
 import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 const G = /* @__PURE__ */ p({

package/dist/{Transaction-BV3f9JLh.js → Transaction-DA6UzVnz.js}

@@ -1,13 +1,13 @@
 import { defineComponent as _, resolveComponent as T, openBlock as f, createBlock as N, normalizeClass as k, withCtx as R, createElementVNode as y, toDisplayString as K, createElementBlock as D, unref as o, ref as A, h as x, onMounted as V, watch as E, createVNode as p, isRef as F } from "vue";
-import { t as I, a as C } from "./transaction-LP1p6TuS.js";
-import { e as S, u as P } from "./index-CTWoVKkI.js";
+import { t as I, a as C } from "./transaction-yTOBjyUq.js";
+import { e as S, u as P } from "./index-C_44uoxW.js";
 import { useSnackbar as $ } from "@feedmepos/ui-library";
 import "./dinero-CIVmXLL-.js";
 import { h as b } from "./moment-h96o7c8I.js";
-import { g as L, a as B } from "./assets-Bj5ToWoP.js";
+import { g as L, a as B } from "./assets-RXBV3tUm.js";
 import { useCoreStore as M } from "@feedmepos/mf-common";
 import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
-import { u as G } from "./index-BYz1HdLk.js";
+import { u as G } from "./index-BS_dGfh_.js";
 import { _ as Y } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
 import { _ as q } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
 const J = /* @__PURE__ */ _({

package/dist/app.js

@@ -9,13 +9,13 @@ const f = [
     meta: {
       sidebarDisplay: "Payout Accounts"
     },
-    component: () => import("./PayoutAccount-CRpuF7oc.js")
+    component: () => import("./PayoutAccount-D4mqNLsl.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
     name: "mf-payment-admin.payout-account-settings",
     props: !0,
-    component: () => import("./PayoutAccountSetting-B0WUvW2T.js")
+    component: () => import("./PayoutAccountSetting-B1hM-zzy.js")
   },
   {
     path: "/admin/transaction",
@@ -23,7 +23,7 @@ const f = [
     meta: {
       sidebarDisplay: "Transactions"
     },
-    component: () => import("./Transaction-sG5VLrZG.js")
+    component: () => import("./Transaction-CKFRlYUk.js")
   },
   {
     path: "/admin/settlement",
@@ -31,13 +31,13 @@ const f = [
     meta: {
       sidebarDisplay: "Settlements"
     },
-    component: () => import("./Settlement-DL852BAW.js")
+    component: () => import("./Settlement-DtcJVp3Z.js")
   },
   {
     path: "/admin/settlement/:settlementId",
     name: "mf-payment-admin.settlement-transaction",
     props: !0,
-    component: () => import("./SettlementTransactions-Bns4JiYa.js")
+    component: () => import("./SettlementTransactions-5JuImQzZ.js")
   },
   {
     path: "/admin/terminal",
@@ -45,13 +45,13 @@ const f = [
     meta: {
       sidebarDisplay: "Terminals"
     },
-    component: () => import("./Terminal-BJfw9jQn.js")
+    component: () => import("./Terminal-DGfySdfA.js")
   },
   {
     path: "/admin/terminal/:terminalId",
     name: "mf-payment-admin.terminal-setting",
     props: !0,
-    component: () => import("./TerminalSetting-DJ-_DZr_.js")
+    component: () => import("./TerminalSetting-CucVft_p.js")
   },
   {
     path: "/admin/terminal-transaction",
@@ -59,7 +59,7 @@ const f = [
     meta: {
       sidebarDisplay: "Terminal Transactions"
     },
-    component: () => import("./TerminalTransaction-F3kzj60e.js")
+    component: () => import("./TerminalTransaction-CwoclWJ5.js")
   }
 ], y = [
   {
@@ -69,7 +69,7 @@ const f = [
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-DGZmraWC.js"),
+    component: () => import("./PayoutAccount-Bkncr_cB.js"),
     meta: {
       sidebarDisplay: "Payout Accounts"
     }
@@ -77,7 +77,7 @@ const f = [
   {
     path: "/transaction",
     name: "mf-payment-transaction",
-    component: () => import("./Transaction-BV3f9JLh.js"),
+    component: () => import("./Transaction-DA6UzVnz.js"),
     meta: {
       sidebarDisplay: "Transactions"
     }
@@ -85,7 +85,7 @@ const f = [
   {
     path: "/settlement",
     name: "mf-payment-settlement",
-    component: () => import("./Settlement-BfzE6GRq.js"),
+    component: () => import("./Settlement-kXEsjqGo.js"),
     meta: {
       sidebarDisplay: "Settlements"
     }
@@ -94,7 +94,7 @@ const f = [
     path: "/settlement/:settlementId",
     name: "mf-payment-settlement-transaction",
     props: !0,
-    component: () => import("./SettlementTransactions-B-PmdVmd.js")
+    component: () => import("./SettlementTransactions-csNNWUX5.js")
   },
   {
     path: "/terminal-tranasction",
@@ -102,7 +102,7 @@ const f = [
     meta: {
       sidebarDisplay: "Terminal Transactions"
     },
-    component: () => import("./TerminalTransaction-DuVyCu0j.js")
+    component: () => import("./TerminalTransaction-DRlFVw4p.js")
   }
 ], A = P("iframe", () => {
   const o = {