@feedmepos/mf-payment 1.0.4-beta.1 → 1.0.4

package/dist/Terminal-DX8v8WpM.js

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

package/dist/{TerminalSetting-BltsUaiq.js → TerminalSetting-qklmRz3H.js}

@@ -1,9 +1,9 @@
 import { defineComponent as T, openBlock as b, createElementBlock as N, Fragment as Y, createElementVNode as g, createTextVNode as V, toDisplayString as S, toRef as M, ref as F, watch as D, onMounted as G, computed as O, resolveComponent as f, unref as k, createVNode as I, createBlock as _, withCtx as q, createCommentVNode as B, isRef as h, resolveDynamicComponent as L, normalizeProps as j, mergeProps as E } from "vue";
-import { u as R, e as U } from "./index-BO5zewDS.js";
+import { u as R, e as U } from "./index-Dj_LwPBy.js";
 import { useRouter as A } from "vue-router";
-import { t as C } from "./index-D2L_rQB_.js";
+import { t as C } from "./index-DFePh4ct.js";
 import { _ as z } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
-import { u as H } from "./index-l8-xPUow.js";
+import { u as H } from "./index-BerQZMQW.js";
 import { useSnackbar as Q } from "@feedmepos/ui-library";
 import { u as J } from "./error-K1CakhA9.js";
 import { useCoreStore as $ } from "@feedmepos/mf-common";

package/dist/{TerminalTransaction-EYjZZ_w_.js → TerminalTransaction-64Bn6vh0.js}

@@ -1,11 +1,11 @@
-import { defineComponent as N, openBlock as p, createElementBlock as C, Fragment as O, unref as r, createCommentVNode as F, createElementVNode as d, resolveComponent as h, createBlock as v, normalizeClass as D, withCtx as y, toDisplayString as V, ref as M, watch as T, createVNode as i, isRef as _, h as I } from "vue";
-import { c as m } from "./index-BO5zewDS.js";
-import { h as g } from "./moment-h96o7c8I.js";
-import { u as k } from "./index-l8-xPUow.js";
-import { _ as Y } from "./index.vue_vue_type_script_setup_true_lang-CmDoWsi3.js";
+import { defineComponent as N, openBlock as p, createElementBlock as C, Fragment as O, unref as r, createCommentVNode as F, createElementVNode as d, resolveComponent as I, createBlock as v, normalizeClass as D, withCtx as y, toDisplayString as V, ref as M, watch as T, createVNode as i, isRef as _, h as g } from "vue";
+import { c as m } from "./index-Dj_LwPBy.js";
+import { h } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-BerQZMQW.js";
+import { _ as Y } from "./index.vue_vue_type_script_setup_true_lang-BgTr7KWF.js";
 import "@feedmepos/ui-library";
-import { g as $ } from "./assets-CtxhVAqn.js";
-import { E as K, t as R } from "./index-BSWqm4n5.js";
+import { g as $ } from "./assets-DjRoCcqv.js";
+import { E as K, t as R } from "./index-CKyh0nlu.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 G } from "@feedmepos/mf-common";
@@ -45,7 +45,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       return o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : o.data === m.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
     return (l, s) => {
-      const c = h("FmBadge");
+      const c = I("FmBadge");
       return p(), v(c, {
         inline: "",
         class: D(n())
@@ -57,15 +57,15 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       }, 8, ["class"]);
     };
   }
-}), X = { class: "flex justify-between mb-6 items-start" }, Z = { class: "flex space-x-8 items-start" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, Ie = /* @__PURE__ */ N({
+}), X = { class: "flex justify-between mb-6 items-start" }, Z = { class: "flex space-x-8 items-start" }, ee = { class: "flex space-x-4 self-center" }, ae = { class: "mb-6" }, ge = /* @__PURE__ */ N({
   __name: "TerminalTransaction",
   setup(f) {
     const { currentRestaurant: o } = G(), n = M(), { dateRange: l, status: s, searchKey: c } = k({
       searchKey: "",
       status: [m.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: g().startOf("day").format("YYYY-MM-DD"),
-        endDate: g().endOf("day").format("YYYY-MM-DD")
+        startDate: h().startOf("day").format("YYYY-MM-DD"),
+        endDate: h().endOf("day").format("YYYY-MM-DD")
       }
     });
     T([l, s], () => {
@@ -107,11 +107,10 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       let u = "-";
       return a.details && a.details.amount && (u = L(a.details.amount).toFormat("$0.00")), {
         id: e._id,
-        transactionId: e.transactionId,
         orderId: e.orderId,
         refId: e.refId,
         terminalId: e.terminalId,
-        transactionAt: g(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: h(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         ecrGateway: e.ecrGateway,
@@ -119,12 +118,12 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       };
     }, E = [
       {
-        accessorKey: "transactionId",
+        accessorKey: "id",
         header: () => "Transaction ID",
         meta: {
           textAlign: "left"
         },
-        cell: ({ cell: e }) => I(P, { data: e.getValue() })
+        cell: ({ cell: e }) => g(P, { data: e.getValue() })
       },
       {
         accessorKey: "orderId",
@@ -147,7 +146,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: a }) => I(H, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => g(H, { row: a, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -156,7 +155,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
           textAlign: "right",
           maxWidth: "132px"
         },
-        cell: ({ cell: e, row: a }) => I(J, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => g(J, { row: a, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -181,7 +180,7 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
       }
     ];
     return (e, a) => {
-      const u = h("FmSearch"), w = h("FmSelect");
+      const u = I("FmSearch"), w = I("FmSelect");
       return p(), v(j, {
         title: "Terminal Transactions",
         description: "Transactions are purchases or payments made in retail using electronic devices such as POS systems, kiosks, terminals, or ECRs.",
@@ -258,5 +257,5 @@ const z = ["src"], Q = ["src"], H = /* @__PURE__ */ N({
   }
 });
 export {
-  Ie as default
+  ge as default
 };