@feedmepos/mf-payment 0.0.0-beta.31 → 0.0.0-beta.32

package/dist/TerminalTransaction-GJ2KCmSi.js

@@ -0,0 +1,273 @@
+import { defineComponent as g, openBlock as p, createElementBlock as N, unref as n, createCommentVNode as F, createElementVNode as u, resolveComponent as A, createBlock as R, normalizeClass as k, withCtx as C, toDisplayString as S, ref as V, watch as w, createVNode as d, isRef as h, h as f } from "vue";
+import { e as c } from "./index-Cnxt2xmc.js";
+import { h as I } from "./moment-h96o7c8I.js";
+import { u as D } from "./index-BgnU5ezY.js";
+import { _ as K } from "./index.vue_vue_type_script_setup_true_lang-B7ePQpGr.js";
+import { _ as $ } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import "@feedmepos/ui-library";
+import { g as M } from "./assets-sX1_K-nt.js";
+import { E as L, t as y } from "./index-RhSxYSBk.js";
+import { d as B } from "./dinero-CIVmXLL-.js";
+import { _ as P } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as G } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { useRouter as U } from "vue-router";
+const Y = { class: "flex" }, W = ["src"], j = ["src"], q = /* @__PURE__ */ g({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (a, r) => (p(), N("div", Y, [
+      a.row.original.ecrGateway ? (p(), N("img", {
+        key: 0,
+        class: "bg-fm-color-overlay-background rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: n(L)
+      }, null, 8, W)) : F("", !0),
+      u("img", {
+        class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+        src: n(M)(a.row.original.gateway)
+      }, null, 8, j)
+    ]));
+  }
+}), z = /* @__PURE__ */ g({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    const a = i;
+    function r() {
+      return a.data === c.F_TERMINAL_TRANSACTION_ACTION.Enum.process ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === c.F_TERMINAL_TRANSACTION_ACTION.Enum.failed ? "!w-[16px] !h-[16px] bg-red-400" : a.data === c.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, l) => {
+      const m = A("FmBadge");
+      return p(), R(m, {
+        inline: "",
+        class: k(r())
+      }, {
+        default: C(() => [
+          u("div", null, S(s.data.toUpperCase()), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), Q = /* @__PURE__ */ g({
+  __name: "RouteCell",
+  props: {
+    data: {},
+    route: {}
+  },
+  setup(i) {
+    const a = i, r = U();
+    function s() {
+      r.push(a.route);
+    }
+    return (l, m) => (p(), N("div", {
+      class: "fm-typo-en-link-md-600",
+      onClick: m[0] || (m[0] = (T) => {
+        T.stopPropagation(), s();
+      })
+    }, S(l.data), 1));
+  }
+}), H = { class: "flex justify-between mb-6 items-start" }, J = { class: "flex space-x-4 items-start" }, X = { class: "flex space-x-4" }, ue = /* @__PURE__ */ g({
+  __name: "TerminalTransaction",
+  setup(i) {
+    const a = V(), { dateRange: r, status: s, searchKey: l } = D({
+      searchKey: "",
+      status: [c.F_TERMINAL_TRANSACTION_ACTION.Enum.success],
+      dateRange: {
+        startDate: I().startOf("day").toISOString(),
+        endDate: I().endOf("day").toISOString()
+      }
+    });
+    w([r, s], () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.reset();
+    });
+    let m;
+    w(l, async () => {
+      m && clearTimeout(m), m = setTimeout(
+        () => {
+          var e;
+          return (e = a.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const T = [
+      {
+        label: "Success",
+        value: c.F_TERMINAL_TRANSACTION_ACTION.Enum.success
+      },
+      {
+        label: "Refunded",
+        value: c.F_TERMINAL_TRANSACTION_ACTION.Enum.refunded
+      },
+      {
+        label: "Process",
+        value: c.F_TERMINAL_TRANSACTION_ACTION.Enum.process
+      },
+      {
+        label: "Failed",
+        value: c.F_TERMINAL_TRANSACTION_ACTION.Enum.failed
+      }
+    ], v = function(e) {
+      const t = e;
+      let _ = "-";
+      return t.details.amount && (_ = B(t.details.amount).toFormat("$0.00")), {
+        id: e._id,
+        refId: e.refId,
+        owner: e.owner,
+        terminalId: e.terminalId,
+        transactionAt: I(e.transactionAt).format("YYYY-MM-DD hh:mm:ss"),
+        action: e.action,
+        gateway: e.gateway,
+        amount: _
+      };
+    }, E = [
+      {
+        accessorKey: "id",
+        header: () => "Transaction ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => f(G, { data: e.getValue() })
+      },
+      {
+        accessorKey: "terminalId",
+        header: () => "Terminal ID",
+        meta: {
+          textAlign: "left"
+        },
+        cell: ({ cell: e }) => {
+          const t = e.getValue();
+          return f(Q, {
+            data: t,
+            route: {
+              name: "mf-payment-admin.terminal-setting",
+              params: { terminalId: t }
+            }
+          });
+        }
+      },
+      {
+        accessorKey: "refId",
+        header: () => "Reference ID",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "gateway",
+        header: () => "Gateway",
+        meta: {
+          textAlign: "center",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => f(q, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "action",
+        header: () => "Status",
+        meta: {
+          textAlign: "left",
+          maxWidth: "128px"
+        },
+        cell: ({ cell: e, row: t }) => f(z, { row: t, data: e.getValue() })
+      },
+      {
+        accessorKey: "amount",
+        header: () => "Sales Amount",
+        meta: {
+          textAlign: "center"
+        }
+      },
+      {
+        accessorKey: "owner",
+        header: () => "Reference",
+        meta: {
+          textAlign: "left"
+        }
+      },
+      {
+        accessorKey: "transactionAt",
+        header: () => "Transaction At",
+        meta: {
+          textAlign: "left"
+        }
+      }
+    ];
+    return (e, t) => {
+      const _ = A("FmSearch"), x = A("FmSelect"), O = A("FmDateRangePicker");
+      return p(), R($, {
+        title: "Offline Transactions",
+        loading: !1
+      }, {
+        default: C(() => [
+          u("div", H, [
+            u("div", J, [
+              d(_, {
+                "model-value": n(l),
+                "onUpdate:modelValue": t[0] || (t[0] = (o) => h(l) ? l.value = o : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              d(x, {
+                modelValue: n(s),
+                "onUpdate:modelValue": t[1] || (t[1] = (o) => h(s) ? s.value = o : null),
+                class: "mr-6 w-[300px]",
+                label: "Status",
+                "label-mark": "required",
+                multiselect: "",
+                items: T
+              }, null, 8, ["modelValue"]),
+              d(O, {
+                modelValue: n(r),
+                "onUpdate:modelValue": t[2] || (t[2] = (o) => h(r) ? r.value = o : null),
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            u("div", X, [
+              d(P, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: () => {
+                  var o;
+                  return n(y).downloadTransactions(((o = a.value) == null ? void 0 : o.data()) ?? []);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          d(K, {
+            ref_key: "controller",
+            ref: a,
+            "column-defs": E,
+            "rows-defs": v,
+            paginate: (o, b) => n(y).readTransactions({
+              status: n(s),
+              searchKey: n(l),
+              limit: o,
+              cursor: b,
+              start: n(r).startDate,
+              end: n(r).endDate
+            }),
+            onRowClick: () => {
+            }
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ue as default
+};

package/dist/{Transaction-Dwijtg8b.js → Transaction-Atm-A5eN.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-CNNzvDLH.js";
-import { e as S, u as P } from "./index-DTz8Nmfb.js";
+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 O, 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-BH1Pm92q.js";
+import { c as S, u as P } from "./index-Cnxt2xmc.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-UG99C8i-.js";
+import { g as L, a as B } from "./assets-sX1_K-nt.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-DrH47k0r.js";
+import { u as G } from "./index-BgnU5ezY.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__ */ _({
@@ -41,7 +41,7 @@ const J = /* @__PURE__ */ _({
     data: {}
   },
   setup(s) {
-    return (n, a) => (f(), D("img", {
+    return (n, a) => (f(), O("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
       src: o(L)(n.row.original.gateway)
     }, null, 8, j));
@@ -53,7 +53,7 @@ const J = /* @__PURE__ */ _({
     data: {}
   },
   setup(s) {
-    return (n, a) => (f(), D("img", {
+    return (n, a) => (f(), O("img", {
       class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
       src: o(B)(n.row.original.method.issuer)
     }, null, 8, Q));
@@ -168,8 +168,8 @@ const J = /* @__PURE__ */ _({
         if (t.value = C(u), e.value = t.value, a.value > "") {
           var v = new RegExp(a.value, "i");
           e.value = t.value.filter((m) => {
-            const O = JSON.stringify(m);
-            return v.test(O);
+            const D = JSON.stringify(m);
+            return v.test(D);
           });
         }
       });
@@ -190,7 +190,7 @@ const J = /* @__PURE__ */ _({
     }), (h, r) => {
       const u = T("FmSearch"), v = T("FmDateRangePicker");
       return f(), N(U, {
-        title: "Transactions",
+        title: "Online Transactions",
         description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
         loading: o(l)
       }, {

package/dist/{Transaction-t6PdA3hg.js → Transaction-DpmCjczz.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-CNNzvDLH.js";
-import { e as v, u as C } from "./index-DTz8Nmfb.js";
+import { t as E, a as k } from "./transaction-BH1Pm92q.js";
+import { c as v, u as C } from "./index-Cnxt2xmc.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-UG99C8i-.js";
-import { _ as L } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-DWoahPJL.js";
+import { g as P, a as $ } from "./assets-sX1_K-nt.js";
+import { _ as L } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
 import "@feedmepos/mf-common";
-import { u as B } from "./index-DrH47k0r.js";
+import { u as B } from "./index-BgnU5ezY.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({
@@ -189,7 +189,7 @@ const G = /* @__PURE__ */ p({
     }), (f, s) => {
       const u = T("FmSearch"), x = T("FmDateRangePicker");
       return _(), A(M, {
-        title: "Transactions",
+        title: "Online Transactions",
         loading: r(c)
       }, {
         default: I(() => [

package/dist/app.js

@@ -1,5 +1,5 @@
-import { createRouter as D, createWebHistory as I, useRouter as T } from "vue-router";
-import { computed as b, watch as l, defineComponent as h, ref as S, resolveComponent as v, openBlock as _, createBlock as R, onMounted as g, onBeforeMount as w } from "vue";
+import { createRouter as D, createWebHistory as I, useRouter as S } from "vue-router";
+import { computed as b, watch as l, defineComponent as h, ref as T, resolveComponent as v, openBlock as _, createBlock as R, onMounted as g, onBeforeMount as w } from "vue";
 import { useCoreStore as d } from "@feedmepos/mf-common";
 import { defineStore as P } from "pinia";
 const f = [
@@ -9,35 +9,13 @@ const f = [
     meta: {
       sidebarDisplay: "Payout Accounts"
     },
-    component: () => import("./PayoutAccount-CiTsWONr.js")
+    component: () => import("./PayoutAccount-7lPdf3Xu.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
     name: "mf-payment-admin.payout-account-settings",
     props: !0,
-    component: () => import("./PayoutAccountSetting-quTrnrC3.js")
-  },
-  {
-    path: "/admin/transaction",
-    name: "mf-payment-admin.transaction",
-    meta: {
-      sidebarDisplay: "Transactions"
-    },
-    component: () => import("./Transaction-t6PdA3hg.js")
-  },
-  {
-    path: "/admin/settlement",
-    name: "mf-payment-admin.settlement",
-    meta: {
-      sidebarDisplay: "Settlements"
-    },
-    component: () => import("./Settlement-PVDes6sk.js")
-  },
-  {
-    path: "/admin/settlement/:settlementId",
-    name: "mf-payment-admin.settlement-transaction",
-    props: !0,
-    component: () => import("./SettlementTransactions-yQYGTzAC.js")
+    component: () => import("./PayoutAccountSetting-Dc-ccYWa.js")
   },
   {
     path: "/admin/terminal",
@@ -45,21 +23,43 @@ const f = [
     meta: {
       sidebarDisplay: "Terminals"
     },
-    component: () => import("./Terminal-DcwgOlid.js")
+    component: () => import("./Terminal-BbIs7aYi.js")
   },
   {
     path: "/admin/terminal/:terminalId",
     name: "mf-payment-admin.terminal-setting",
     props: !0,
-    component: () => import("./TerminalSetting-BLp4Y6V9.js")
+    component: () => import("./TerminalSetting-3CRuMj8l.js")
   },
   {
     path: "/admin/terminal-transaction",
     name: "mf-payment-admin.terminal-transaction",
     meta: {
-      sidebarDisplay: "Terminal Transactions"
+      sidebarDisplay: "Offline Transactions"
+    },
+    component: () => import("./TerminalTransaction-GJ2KCmSi.js")
+  },
+  {
+    path: "/admin/transaction",
+    name: "mf-payment-admin.transaction",
+    meta: {
+      sidebarDisplay: "Online Transactions"
     },
-    component: () => import("./TerminalTransaction-Cb9V1igD.js")
+    component: () => import("./Transaction-DpmCjczz.js")
+  },
+  {
+    path: "/admin/settlement",
+    name: "mf-payment-admin.settlement",
+    meta: {
+      sidebarDisplay: "Settlements"
+    },
+    component: () => import("./Settlement-C1H4r_ni.js")
+  },
+  {
+    path: "/admin/settlement/:settlementId",
+    name: "mf-payment-admin.settlement-transaction",
+    props: !0,
+    component: () => import("./SettlementTransactions-CdZswF1S.js")
   }
 ], y = [
   {
@@ -69,23 +69,31 @@ const f = [
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-SIy-StvQ.js"),
+    component: () => import("./PayoutAccount-DnxAlZxo.js"),
     meta: {
       sidebarDisplay: "Payout Accounts"
     }
   },
+  {
+    path: "/terminal-tranasction",
+    name: "mf-payment-terminal-transaction",
+    meta: {
+      sidebarDisplay: "Offline Transactions"
+    },
+    component: () => import("./TerminalTransaction-CoPJlBCt.js")
+  },
   {
     path: "/transaction",
     name: "mf-payment-transaction",
-    component: () => import("./Transaction-Dwijtg8b.js"),
+    component: () => import("./Transaction-Atm-A5eN.js"),
     meta: {
-      sidebarDisplay: "Transactions"
+      sidebarDisplay: "Online Transactions"
     }
   },
   {
     path: "/settlement",
     name: "mf-payment-settlement",
-    component: () => import("./Settlement-DOgQp010.js"),
+    component: () => import("./Settlement-B28WumZX.js"),
     meta: {
       sidebarDisplay: "Settlements"
     }
@@ -94,15 +102,7 @@ const f = [
     path: "/settlement/:settlementId",
     name: "mf-payment-settlement-transaction",
     props: !0,
-    component: () => import("./SettlementTransactions-gvYCXBgb.js")
-  },
-  {
-    path: "/terminal-tranasction",
-    name: "mf-payment-terminal-transaction",
-    meta: {
-      sidebarDisplay: "Terminal Transactions"
-    },
-    component: () => import("./TerminalTransaction-DHmQYA02.js")
+    component: () => import("./SettlementTransactions-w0jXLftr.js")
   }
 ], A = P("iframe", () => {
   const o = {
@@ -144,7 +144,7 @@ C.beforeEach(async (o) => {
 const B = /* @__PURE__ */ h({
   __name: "AppSidebar",
   setup(o) {
-    const a = d(), n = T(), r = S(n.currentRoute.value.name);
+    const a = d(), n = S(), r = T(n.currentRoute.value.name);
     l(n.currentRoute, () => {
       r.value = n.currentRoute.value.name;
     });
@@ -194,7 +194,7 @@ const B = /* @__PURE__ */ h({
       }, null, 8, ["modelValue", "items"]);
     };
   }
-}), M = /* @__PURE__ */ h({
+}), F = /* @__PURE__ */ h({
   __name: "App",
   setup(o) {
     const { state: a } = A(), n = d();
@@ -207,11 +207,11 @@ const B = /* @__PURE__ */ h({
       return _(), R(s);
     };
   }
-}), U = [
+}), M = [
   ...f,
   ...y
 ];
 export {
-  M as FmApp,
-  U as routers
+  F as FmApp,
+  M as routers
 };