@feedmepos/mf-payment 0.0.0-beta.22 → 0.0.0-beta.24

package/dist/Terminal-C4gOl3zs.js

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

package/dist/{TerminalSetting-BuAaL5qK.js → TerminalSetting-DC9NBozT.js}

@@ -1,9 +1,9 @@
 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-De4-LJjg.js";
+import { u as P } from "./index-_qikPh5K.js";
 import { useRouter as j } from "vue-router";
-import { t as I } from "./index-DYnNx4du.js";
+import { t as I } from "./index-Jtghafz6.js";
 import { _ as A } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
-import { u as O } from "./index-DA_XRfnd.js";
+import { u as O } from "./index-Bvb4T6xz.js";
 import { useSnackbar as R } from "@feedmepos/ui-library";
 import { u as z } from "./error-K1CakhA9.js";
 const G = /* @__PURE__ */ k({

package/dist/{TerminalTransaction-D4c0ivQg.js → TerminalTransaction-BUT01dUv.js}

@@ -1,29 +1,30 @@
-import { defineComponent as I, openBlock as h, 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 k, watch as A, createVNode as i, isRef as T, h as x } from "vue";
-import { c as s } from "./index-De4-LJjg.js";
-import { h as g } from "./moment-h96o7c8I.js";
-import { u as K } from "./index-DA_XRfnd.js";
-import { _ as V } from "./index.vue_vue_type_script_setup_true_lang-J6BwjC-p.js";
+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-_qikPh5K.js";
+import { h as I } from "./moment-h96o7c8I.js";
+import { u as k } from "./index-Bvb4T6xz.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-CfU6stly.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-Cj6QBVPU.js";
-import { t as w } from "./index-CvMai9eW.js";
-import { d as $ } from "./dinero-CIVmXLL-.js";
+import { g as $ } from "./assets-BmFExmpA.js";
+import { t as w } from "./index-DeF94ACV.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";
 import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-const Y = ["src"], G = /* @__PURE__ */ I({
+import { _ as Y } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+const G = ["src"], W = /* @__PURE__ */ h({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(p) {
-    return (l, n) => (h(), F("img", {
+    return (l, n) => (N(), F("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
-      src: r(L)(l.row.original.gateway)
-    }, null, 8, Y));
+      src: r($)(l.row.original.gateway)
+    }, null, 8, G));
   }
-}), W = /* @__PURE__ */ I({
+}), j = /* @__PURE__ */ h({
   __name: "Status",
   props: {
     row: {},
@@ -36,7 +37,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
     }
     return (o, c) => {
       const m = d("FmBadge");
-      return h(), y(m, {
+      return N(), y(m, {
         inline: "",
         class: b(n())
       }, {
@@ -47,15 +48,15 @@ const Y = ["src"], G = /* @__PURE__ */ I({
       }, 8, ["class"]);
     };
   }
-}), j = { class: "flex justify-between mb-6 items-start" }, q = { class: "flex space-x-8 items-start" }, z = { class: "flex space-x-4" }, me = /* @__PURE__ */ I({
+}), q = { class: "flex justify-between mb-6 items-start" }, z = { class: "flex space-x-8 items-start" }, Q = { class: "flex space-x-4" }, ie = /* @__PURE__ */ h({
   __name: "TerminalTransaction",
   setup(p) {
-    const { currentRestaurant: l } = P(), n = k(), { dateRange: o, status: c, searchKey: m } = K({
+    const { currentRestaurant: l } = P(), n = V(), { dateRange: o, status: c, searchKey: m } = k({
       searchKey: "",
       status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: g().startOf("day").toISOString(),
-        endDate: g().endOf("day").toISOString()
+        startDate: I().startOf("day").toISOString(),
+        endDate: I().endOf("day").toISOString()
       }
     });
     A([o, c], () => {
@@ -95,12 +96,12 @@ const Y = ["src"], G = /* @__PURE__ */ I({
     ], C = function(e) {
       const t = e;
       let u = "-";
-      return t.details.amount && (u = $(t.details.amount).toFormat("$0.00")), {
+      return t.details.amount && (u = L(t.details.amount).toFormat("$0.00")), {
         id: e._id,
         refId: e.refId,
         owner: e.owner,
         terminalId: e.terminalId,
-        transactionAt: g(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: I(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         amount: u
@@ -111,7 +112,8 @@ const Y = ["src"], G = /* @__PURE__ */ I({
         header: () => "Transaction ID",
         meta: {
           textAlign: "left"
-        }
+        },
+        cell: ({ cell: e }) => g(Y, { data: e.getValue() })
       },
       {
         accessorKey: "refId",
@@ -127,7 +129,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => x(G, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => g(W, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -136,7 +138,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
           textAlign: "left",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => x(W, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => g(j, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -168,14 +170,14 @@ const Y = ["src"], G = /* @__PURE__ */ I({
       }
     ];
     return (e, t) => {
-      const u = d("FmSearch"), N = d("FmSelect"), v = d("FmDateRangePicker");
-      return h(), y(M, {
+      const u = d("FmSearch"), x = d("FmSelect"), v = d("FmDateRangePicker");
+      return N(), y(M, {
         title: "Terminal Transactions",
         loading: !1
       }, {
         default: R(() => [
-          _("div", j, [
-            _("div", q, [
+          _("div", q, [
+            _("div", z, [
               i(B),
               i(u, {
                 "model-value": r(m),
@@ -184,7 +186,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
-              i(N, {
+              i(x, {
                 modelValue: r(c),
                 "onUpdate:modelValue": t[1] || (t[1] = (a) => T(c) ? c.value = a : null),
                 class: "mr-6 w-[300px]",
@@ -200,7 +202,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            _("div", z, [
+            _("div", Q, [
               i(U, {
                 button: {
                   appendIcon: "file_download",
@@ -214,7 +216,7 @@ const Y = ["src"], G = /* @__PURE__ */ I({
               }, null, 8, ["handler"])
             ])
           ]),
-          i(V, {
+          i(K, {
             ref_key: "controller",
             ref: n,
             "column-defs": O,
@@ -237,5 +239,5 @@ const Y = ["src"], G = /* @__PURE__ */ I({
   }
 });
 export {
-  me as default
+  ie as default
 };

package/dist/{TerminalTransaction-DbjVvH2P.js → TerminalTransaction-CCdbfxx0.js}

@@ -1,27 +1,28 @@
-import { defineComponent as T, openBlock as g, 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 h, createVNode as i, isRef as f, h as N } from "vue";
-import { c as s } from "./index-De4-LJjg.js";
-import { h as A } from "./moment-h96o7c8I.js";
-import { u as k } from "./index-DA_XRfnd.js";
-import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-J6BwjC-p.js";
-import { _ as V } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+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-_qikPh5K.js";
+import { h as T } from "./moment-h96o7c8I.js";
+import { u as V } from "./index-Bvb4T6xz.js";
+import { _ as k } from "./index.vue_vue_type_script_setup_true_lang-CfU6stly.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-Cj6QBVPU.js";
-import { t as x } from "./index-CvMai9eW.js";
+import { g as M } from "./assets-BmFExmpA.js";
+import { t as x } from "./index-DeF94ACV.js";
 import { d as L } from "./dinero-CIVmXLL-.js";
 import { _ as $ } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
-const B = ["src"], P = /* @__PURE__ */ T({
+import { _ as B } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+const P = ["src"], U = /* @__PURE__ */ g({
   __name: "Gateway",
   props: {
     row: {},
     data: {}
   },
   setup(p) {
-    return (a, o) => (g(), v("img", {
+    return (a, o) => (I(), v("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
       src: r(M)(a.row.original.gateway)
-    }, null, 8, B));
+    }, null, 8, P));
   }
-}), U = /* @__PURE__ */ T({
+}), Y = /* @__PURE__ */ g({
   __name: "Status",
   props: {
     row: {},
@@ -34,7 +35,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
     }
     return (l, c) => {
       const m = u("FmBadge");
-      return g(), w(m, {
+      return I(), w(m, {
         inline: "",
         class: F(o())
       }, {
@@ -45,23 +46,23 @@ const B = ["src"], P = /* @__PURE__ */ T({
       }, 8, ["class"]);
     };
   }
-}), Y = { class: "flex justify-between mb-6 items-start" }, G = { class: "flex space-x-4 items-start" }, W = { class: "flex space-x-4" }, ne = /* @__PURE__ */ T({
+}), G = { class: "flex justify-between mb-6 items-start" }, W = { class: "flex space-x-4 items-start" }, j = { class: "flex space-x-4" }, oe = /* @__PURE__ */ g({
   __name: "TerminalTransaction",
   setup(p) {
-    const a = D(), { dateRange: o, status: l, searchKey: c } = k({
+    const a = D(), { dateRange: o, status: l, searchKey: c } = V({
       searchKey: "",
       status: [s.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
       dateRange: {
-        startDate: A().startOf("day").toISOString(),
-        endDate: A().endOf("day").toISOString()
+        startDate: T().startOf("day").toISOString(),
+        endDate: T().endOf("day").toISOString()
       }
     });
-    h([o, l], () => {
+    N([o, l], () => {
       var e;
       return (e = a.value) == null ? void 0 : e.reset();
     });
     let m;
-    h(c, async () => {
+    N(c, async () => {
       m && clearTimeout(m), m = setTimeout(
         () => {
           var e;
@@ -95,7 +96,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
         refId: e.refId,
         owner: e.owner,
         terminalId: e.terminalId,
-        transactionAt: A(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        transactionAt: T(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
         action: e.action,
         gateway: e.gateway,
         amount: d
@@ -106,7 +107,8 @@ const B = ["src"], P = /* @__PURE__ */ T({
         header: () => "Transaction ID",
         meta: {
           textAlign: "left"
-        }
+        },
+        cell: ({ cell: e }) => A(B, { data: e.getValue() })
       },
       {
         accessorKey: "refId",
@@ -122,7 +124,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
           textAlign: "center",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => N(P, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => A(U, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "action",
@@ -131,7 +133,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
           textAlign: "left",
           maxWidth: "128px"
         },
-        cell: ({ cell: e, row: t }) => N(U, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: t }) => A(Y, { row: t, data: e.getValue() })
       },
       {
         accessorKey: "amount",
@@ -163,14 +165,14 @@ const B = ["src"], P = /* @__PURE__ */ T({
       }
     ];
     return (e, t) => {
-      const d = u("FmSearch"), I = u("FmSelect"), O = u("FmDateRangePicker");
-      return g(), w(V, {
+      const d = u("FmSearch"), h = u("FmSelect"), O = u("FmDateRangePicker");
+      return I(), w(K, {
         title: "Terminal Transactions",
         loading: !1
       }, {
         default: y(() => [
-          _("div", Y, [
-            _("div", G, [
+          _("div", G, [
+            _("div", W, [
               i(d, {
                 "model-value": r(c),
                 "onUpdate:modelValue": t[0] || (t[0] = (n) => f(c) ? c.value = n : null),
@@ -178,7 +180,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
                 label: "Search",
                 placeholder: "Search Transactions ..."
               }, null, 8, ["model-value"]),
-              i(I, {
+              i(h, {
                 modelValue: r(l),
                 "onUpdate:modelValue": t[1] || (t[1] = (n) => f(l) ? l.value = n : null),
                 class: "mr-6 w-[300px]",
@@ -194,7 +196,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
                 "show-predefined-range": ""
               }, null, 8, ["modelValue"])
             ]),
-            _("div", W, [
+            _("div", j, [
               i($, {
                 button: {
                   appendIcon: "file_download",
@@ -208,7 +210,7 @@ const B = ["src"], P = /* @__PURE__ */ T({
               }, null, 8, ["handler"])
             ])
           ]),
-          i(K, {
+          i(k, {
             ref_key: "controller",
             ref: a,
             "column-defs": C,
@@ -231,5 +233,5 @@ const B = ["src"], P = /* @__PURE__ */ T({
   }
 });
 export {
-  ne as default
+  oe as default
 };