@feedmepos/mf-payment 0.0.0-beta.12 → 0.0.0-beta.14

package/dist/Terminal-DQqtUzV2.js

@@ -0,0 +1,318 @@
+import { defineComponent as x, openBlock as m, createElementBlock as $, createTextVNode as N, createElementVNode as k, toDisplayString as U, resolveComponent as c, createBlock as f, normalizeClass as R, withCtx as I, createCommentVNode as F, createVNode as _, ref as b, computed as z, unref as i, watch as P, isRef as Y, h as V } from "vue";
+import "./index-DflgpHga.js";
+import { h as M } from "./moment-h96o7c8I.js";
+import { u as j } from "./index-CIIojtd5.js";
+import { _ as L } from "./index.vue_vue_type_script_setup_true_lang-CcY9Uu6G.js";
+import { _ as q } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import { useDialogChild as O, useDialog as Q, useSnackbar as G } from "@feedmepos/ui-library";
+import { t as w } from "./index-CxYMbN69.js";
+import { u as S } from "./error-K1CakhA9.js";
+import { z as D, a as K } from "./validator-D5jtpt9A.js";
+import { useCoreStore as H } from "@feedmepos/mf-common";
+import { w as J } from "./Modal-DB8M9o1T.js";
+import { useRouter as W } from "vue-router";
+const X = { class: "t-caption" }, Z = { class: "t-h1 my-6 text-center" }, ee = /* @__PURE__ */ x({
+  __name: "TerminalBindCodeDialog",
+  props: {
+    code: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(d) {
+    return (n, o) => (m(), $("div", X, [
+      o[0] || (o[0] = N(" Enter the binding code below on your device to link it with this terminal and apply the configuration. ")),
+      k("div", Z, U(d.code), 1)
+    ]));
+  }
+}), te = /* @__PURE__ */ x({
+  __name: "ID",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(d) {
+    const n = d;
+    function o() {
+      return n.row.original.status === "Active" ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (r, s) => {
+      const a = c("FmBadge");
+      return m(), f(a, {
+        inline: "",
+        class: R(o())
+      }, {
+        default: I(() => [
+          k("div", null, U(r.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ne = { class: "flex" }, oe = /* @__PURE__ */ x({
+  __name: "Actions",
+  props: {
+    data: {}
+  },
+  emits: ["link", "unlink", "edit"],
+  setup(d, { emit: n }) {
+    const o = n;
+    return (r, s) => {
+      const a = c("FmButton");
+      return m(), $("div", ne, [
+        r.data.deviceId ? F("", !0) : (m(), f(a, {
+          key: 0,
+          variant: "plain",
+          "prepend-icon": "link",
+          onClick: s[0] || (s[0] = () => o("link"))
+        })),
+        r.data.deviceId ? (m(), f(a, {
+          key: 1,
+          variant: "plain",
+          "prepend-icon": "link_off",
+          onClick: s[1] || (s[1] = () => o("unlink"))
+        })) : F("", !0),
+        _(a, {
+          variant: "plain",
+          "prepend-icon": "edit",
+          onClick: s[2] || (s[2] = () => o("edit"))
+        })
+      ]);
+    };
+  }
+}), ae = /* @__PURE__ */ x({
+  __name: "TerminalDialog",
+  props: {
+    terminal: {
+      type: Object
+    }
+  },
+  setup(d) {
+    var g, C, T;
+    const n = d, o = H(), r = O(), s = b(), a = b((g = n.terminal) == null ? void 0 : g.name), u = b((C = n.terminal) == null ? void 0 : C.referenceId), v = b(((T = n.terminal) == null ? void 0 : T.status) === "Active"), B = z(() => o.restaurants.value.map((t) => ({
+      label: t.profile.name,
+      value: t._id
+    })));
+    return (t, e) => {
+      const l = c("FmSelect"), y = c("FmTextField"), p = c("FmSwitch"), A = c("FmButton"), E = c("FmForm");
+      return m(), f(E, {
+        ref: s.value,
+        class: "flex flex-col gap-16 mb-6",
+        onValidationSuccess: e[3] || (e[3] = () => {
+          i(r).emitData({ name: a.value, referenceId: u.value, status: v.value ? "Active" : "Inactive" }), i(r).emitAction("primary");
+        })
+      }, {
+        default: I(() => [
+          n.terminal ? F("", !0) : (m(), f(l, {
+            key: 0,
+            modelValue: u.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (h) => u.value = h),
+            label: "Restaurant",
+            items: B.value,
+            rules: i(D)(i(K).string())
+          }, null, 8, ["modelValue", "items", "rules"])),
+          _(y, {
+            modelValue: a.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (h) => a.value = h),
+            label: "Terminal Name",
+            rules: i(D)(i(K).string())
+          }, null, 8, ["modelValue", "rules"]),
+          n.terminal ? (m(), f(p, {
+            key: 1,
+            modelValue: v.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (h) => v.value = h),
+            label: "Status"
+          }, null, 8, ["modelValue"])) : F("", !0),
+          _(A, {
+            type: "submit",
+            label: "Create"
+          })
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), re = { class: "flex justify-between mb-6 items-center" }, se = { class: "flex space-x-4" }, le = { class: "flex space-x-4" }, ke = /* @__PURE__ */ x({
+  __name: "Terminal",
+  setup(d) {
+    const n = b(), { searchKey: o } = j({
+      searchKey: ""
+    });
+    let r;
+    P(o, async () => {
+      r && clearTimeout(r), r = setTimeout(
+        () => {
+          var t;
+          return (t = n.value) == null ? void 0 : t.reset();
+        },
+        700
+      );
+    });
+    const s = W(), a = Q(), u = G();
+    async function v(t) {
+      J(
+        a,
+        "Terminal Unbind",
+        "Are you sure to unbind terminal from device? This action cannot be revert and device will be logged out!",
+        async () => {
+          var e;
+          try {
+            await w.unbind(t), (e = n.value) == null || e.reset(), u.open({
+              type: "success",
+              message: "Terminal unbind successfully"
+            });
+          } catch (l) {
+            u.open({
+              type: "error",
+              title: "Error occurs when unbind terminal",
+              message: S(l)
+            });
+          }
+        }
+      );
+    }
+    async function B(t) {
+      const e = await w.getBindCode(t);
+      a.open({
+        title: "Terminal Bind Code",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: ee,
+        contentComponentProps: { code: e }
+      });
+    }
+    async function g(t) {
+      a.open({
+        title: t ? "Update Terminal" : "Create New Terminal",
+        closeButton: !0,
+        overlay: !0,
+        contentComponent: ae,
+        contentComponentProps: { terminal: t }
+      }).onPrimary(async (e) => {
+        var l;
+        a.close();
+        try {
+          await w.create(e), (l = n.value) == null || l.reset(), u.open({
+            type: "success",
+            message: t ? "Terminal udpated successfully" : "Terminal created successfully."
+          });
+        } catch (y) {
+          u.open({
+            type: "error",
+            title: "Error occurs when create terminal",
+            message: S(y)
+          });
+        }
+      });
+    }
+    const C = function(t) {
+      return {
+        id: t._id,
+        status: t.status,
+        referenceId: t.referenceId,
+        name: t.name,
+        deviceId: t.deviceId,
+        updatedAt: M(t.updatedAt).format("YYYY-MM-DD hh:mm:ss")
+      };
+    }, T = [
+      {
+        accessorKey: "id",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "right"
+        },
+        cell: ({ cell: t, row: e }) => V(te, { row: e, data: t.getValue() })
+      },
+      {
+        accessorKey: "name",
+        header: () => "Name",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "referenceId",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "deviceId",
+        header: () => "Bound Device Id",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "updatedAt",
+        header: () => "Last Updated",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "id",
+        header: () => "Actions",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: t }) => {
+          var l;
+          const e = (l = n.value) == null ? void 0 : l.pageData().at(t.index);
+          return V(oe, {
+            data: e,
+            onLink: () => B(e._id),
+            onUnlink: () => v(e._id),
+            onEdit: () => g(e)
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const l = c("FmSearch"), y = c("FmButton");
+      return m(), f(q, {
+        title: "Terminals",
+        loading: !1
+      }, {
+        default: I(() => [
+          k("div", re, [
+            k("div", se, [
+              _(l, {
+                "model-value": i(o),
+                "onUpdate:modelValue": e[0] || (e[0] = (p) => Y(o) ? o.value = p : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Terminals ..."
+              }, null, 8, ["model-value"])
+            ]),
+            k("div", le, [
+              _(y, {
+                label: "Create",
+                icon: "add",
+                onClick: e[1] || (e[1] = () => g())
+              })
+            ])
+          ]),
+          _(L, {
+            ref_key: "controller",
+            ref: n,
+            "column-defs": T,
+            "rows-defs": C,
+            paginate: (p, A) => i(w).read({ searchKey: i(o), limit: p, cursor: A }),
+            onRowClick: e[2] || (e[2] = (p) => i(s).push({
+              name: "mf-payment-admin.terminal-setting",
+              params: {
+                terminalId: p._id
+              }
+            }))
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ke as default
+};

package/dist/TerminalSetting-T0Sxq_z0.js

@@ -0,0 +1,176 @@
+import { defineComponent as k, openBlock as y, createElementBlock as K, Fragment as C, createElementVNode as s, createTextVNode as w, toDisplayString as F, ref as f, onMounted as T, resolveComponent as c, createBlock as V, withCtx as U, createVNode as d, computed as D, unref as p, isRef as N, resolveDynamicComponent as E, normalizeProps as $, mergeProps as L, createCommentVNode as M } from "vue";
+import { u as P } from "./index-DflgpHga.js";
+import { useRouter as j } from "vue-router";
+import { t as I } from "./index-CxYMbN69.js";
+import { _ as A } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { u as O } from "./index-CIIojtd5.js";
+import { useSnackbar as R } from "@feedmepos/ui-library";
+import { u as z } from "./error-K1CakhA9.js";
+const G = /* @__PURE__ */ k({
+  __name: "Information",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    return (o, e) => (y(), K(C, null, [
+      e[0] || (e[0] = s("b", null, "Name", -1)),
+      w(": " + F(l.terminal.name), 1),
+      e[1] || (e[1] = s("br", null, null, -1)),
+      e[2] || (e[2] = s("b", null, "Status", -1)),
+      w(": " + F(l.terminal.status), 1),
+      e[3] || (e[3] = s("br", null, null, -1)),
+      e[4] || (e[4] = s("b", null, "Device ID", -1)),
+      w(": " + F(l.terminal.deviceId ?? "-"), 1),
+      e[5] || (e[5] = s("br", null, null, -1))
+    ], 64));
+  }
+}), Q = /* @__PURE__ */ k({
+  __name: "Fiuu",
+  props: {
+    terminal: {
+      type: Object,
+      required: !0
+    },
+    onUpdate: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(l) {
+    const o = l, e = f(), v = f(!0), n = f({
+      uniqueId: "",
+      merchantId: "",
+      secretKey: "",
+      verifyKey: ""
+    });
+    return T(() => {
+      if (!o.terminal.gateways)
+        return;
+      const u = o.terminal.gateways.find((t) => t && t.gateway && t.gateway === "Fiuu");
+      u && u.gateway === "Fiuu" && u.config && (v.value = !1, n.value = u.config);
+    }), (u, t) => {
+      const r = c("FmTextField"), g = c("FmButton"), b = c("FmForm");
+      return y(), V(b, {
+        ref: e.value,
+        class: "flex flex-col gap-16 w-[500px]",
+        onValidationSuccess: t[4] || (t[4] = () => {
+          l.terminal.gateways[0] = { gateway: "Fiuu", config: n.value }, o.onUpdate(l.terminal);
+        })
+      }, {
+        default: U(() => [
+          d(r, {
+            modelValue: n.value.uniqueId,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value.uniqueId = a),
+            label: "Unique ID"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.merchantId,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => n.value.merchantId = a),
+            label: "Merchant ID"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.secretKey,
+            "onUpdate:modelValue": t[2] || (t[2] = (a) => n.value.secretKey = a),
+            label: "Secret Key"
+          }, null, 8, ["modelValue"]),
+          d(r, {
+            modelValue: n.value.verifyKey,
+            "onUpdate:modelValue": t[3] || (t[3] = (a) => n.value.verifyKey = a),
+            label: "Verify key"
+          }, null, 8, ["modelValue"]),
+          d(g, {
+            type: "submit",
+            label: "Save"
+          })
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ee = /* @__PURE__ */ k({
+  __name: "TerminalSetting",
+  props: {
+    terminalId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(l) {
+    const o = l, { tab: e } = O({
+      tab: "information"
+    }), { isLoading: v, startAsyncCall: n } = P(!0), u = j(), t = R(), r = f();
+    async function g(i) {
+      try {
+        await I.updateById(
+          o.terminalId,
+          {
+            name: i.name,
+            status: i.status,
+            gateway: i.gateways[0]
+          }
+        ), r.value = await I.readById(o.terminalId), t.open({
+          type: "success",
+          message: "Terminal updated successfully"
+        });
+      } catch (m) {
+        t.open({
+          type: "error",
+          title: "Error occurs when update terminal",
+          message: z(m)
+        });
+      }
+    }
+    async function b() {
+      n(async () => {
+        r.value = await I.readById(o.terminalId);
+      });
+    }
+    T(b);
+    const a = [
+      {
+        label: "Information",
+        value: "information",
+        icon: "overview",
+        render: G
+      },
+      {
+        label: "Fiuu",
+        value: "fiuu",
+        icon: "payment",
+        render: Q
+      }
+    ], x = D(() => {
+      var i;
+      return (i = a.find((m) => m.value === e.value)) == null ? void 0 : i.render;
+    });
+    return (i, m) => {
+      var B;
+      const q = c("FmTabs");
+      return y(), V(A, {
+        title: `Terminal (${(B = r.value) == null ? void 0 : B._id})`,
+        loading: p(v),
+        onBack: p(u).back
+      }, {
+        default: U(() => [
+          d(q, {
+            "model-value": p(e),
+            "onUpdate:modelValue": m[0] || (m[0] = (S) => N(e) ? e.value = S : null),
+            class: "mb-6",
+            items: a
+          }, null, 8, ["model-value"]),
+          p(e) ? (y(), V(E(x.value), $(L({ key: 0 }, {
+            terminal: r.value,
+            onUpdate: g
+          })), null, 16)) : M("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  ee as default
+};

package/dist/{TerminalTransaction-LofDTVwC.js → TerminalTransaction-C0g2mMBJ.js}

@@ -1,11 +1,11 @@
-import { defineComponent as A, resolveComponent as m, openBlock as g, createBlock as h, unref as s, normalizeClass as O, withCtx as y, createElementVNode as _, toDisplayString as E, ref as v, watch as N, createVNode as d, isRef as f, h as x } from "vue";
-import { c as o, g as D, b as k } from "./index-DCPNrUDq.js";
+import { defineComponent as A, resolveComponent as m, openBlock as g, createBlock as I, unref as s, normalizeClass as O, withCtx as w, createElementVNode as _, toDisplayString as E, ref as v, watch as N, createVNode as d, isRef as f, h as x } from "vue";
+import { c as o, g as D, b as k } from "./index-DflgpHga.js";
 import { h as T } from "./moment-h96o7c8I.js";
-import { u as K } from "./index-Bmka-1lQ.js";
-import { _ as V } from "./index.vue_vue_type_script_setup_true_lang-CAR-bNaR.js";
-import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import { u as K } from "./index-CIIojtd5.js";
+import { _ as V } from "./index.vue_vue_type_script_setup_true_lang-CcY9Uu6G.js";
+import { _ as M } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
 import "@feedmepos/ui-library";
-import { g as L } from "./assets-DnuLfRTO.js";
+import { g as L } from "./assets-nIQ0r4oP.js";
 import { d as B } from "./dinero-CIVmXLL-.js";
 const P = /* @__PURE__ */ A({
   __name: "Gateway",
@@ -16,7 +16,7 @@ const P = /* @__PURE__ */ A({
   setup(i) {
     return (a, n) => {
       const r = m("FmThumbnail");
-      return g(), h(r, {
+      return g(), I(r, {
         src: s(L)(a.row.original.gateway),
         class: "mr-2 border-transparent w-[32px] h-[32px]"
       }, null, 8, ["src"]);
@@ -35,11 +35,11 @@ const P = /* @__PURE__ */ A({
     }
     return (r, c) => {
       const u = m("FmBadge");
-      return g(), h(u, {
+      return g(), I(u, {
         inline: "",
         class: O(n())
       }, {
-        default: y(() => [
+        default: w(() => [
           _("div", null, E(r.data.toUpperCase()), 1)
         ]),
         _: 1
@@ -54,7 +54,7 @@ const P = /* @__PURE__ */ A({
       })
     );
   }
-}, Y = { class: "flex justify-between mb-6 items-start" }, G = { class: "flex space-x-4 items-start" }, Q = { class: "flex space-x-4" }, te = /* @__PURE__ */ A({
+}, Y = { class: "flex justify-between mb-6 items-start" }, G = { class: "flex space-x-4 items-start" }, W = { class: "flex space-x-4" }, te = /* @__PURE__ */ A({
   __name: "TerminalTransaction",
   setup(i) {
     const a = v(), { dateRange: n, status: r, searchKey: c } = K({
@@ -67,19 +67,19 @@ const P = /* @__PURE__ */ A({
     });
     N([n, r], () => {
       var e;
-      return (e = a.value) == null ? void 0 : e.refreshQuery();
+      return (e = a.value) == null ? void 0 : e.reset();
     });
     let u;
     N(c, async () => {
       u && clearTimeout(u), u = setTimeout(
         () => {
           var e;
-          return (e = a.value) == null ? void 0 : e.refreshQuery();
+          return (e = a.value) == null ? void 0 : e.reset();
         },
         700
       );
     });
-    const w = [
+    const y = [
       {
         label: "Success",
         value: o.F_TERMINAL_TRANSACTION_ACTION.Enum.success
@@ -172,12 +172,12 @@ const P = /* @__PURE__ */ A({
       }
     ];
     return (e, t) => {
-      const p = m("FmSearch"), I = m("FmSelect"), S = m("FmDateRangePicker"), F = m("FmButton");
-      return g(), h(M, {
+      const p = m("FmSearch"), h = m("FmSelect"), S = m("FmDateRangePicker"), F = m("FmButton");
+      return g(), I(M, {
         title: "Terminal Transactions",
         loading: !1
       }, {
-        default: y(() => [
+        default: w(() => [
           _("div", Y, [
             _("div", G, [
               d(p, {
@@ -187,14 +187,14 @@ const P = /* @__PURE__ */ A({
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
-              d(I, {
+              d(h, {
                 modelValue: s(r),
                 "onUpdate:modelValue": t[1] || (t[1] = (l) => f(r) ? r.value = l : null),
                 class: "mr-6 w-[300px]",
                 label: "Status",
                 "label-mark": "required",
                 multiselect: "",
-                items: w
+                items: y
               }, null, 8, ["modelValue"]),
               d(S, {
                 modelValue: s(n),
@@ -203,7 +203,7 @@ const P = /* @__PURE__ */ A({
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            _("div", Q, [
+            _("div", W, [
               d(F, {
                 "append-icon": "file_download",
                 variant: "primary",