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

package/dist/Transaction-CkRaGtkz.js

@@ -0,0 +1,243 @@
+import { defineComponent as p, resolveComponent as y, openBlock as _, createBlock as A, normalizeClass as O, withCtx as I, createElementVNode as h, toDisplayString as R, createElementBlock as b, unref as r, ref as S, h as x, onMounted as K, watch as V, createVNode as g, isRef as N } from "vue";
+import { t as E, a as C } from "./transaction-CSqbF07L.js";
+import { e as v, u as k } from "./index-BBTjdV3w.js";
+import "@feedmepos/ui-library";
+import "./dinero-CIVmXLL-.js";
+import { h as F } from "./moment-h96o7c8I.js";
+import { g as P, a as L } from "./assets-DB7pg43Y.js";
+import { useCoreStore as $ } from "@feedmepos/mf-common";
+import { u as B } from "./index-Bboaan5m.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({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    const a = i;
+    function t() {
+      return a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === v.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (c, d) => {
+      const o = y("FmBadge");
+      return _(), A(o, {
+        inline: "",
+        class: O(t())
+      }, {
+        default: I(() => [
+          h("div", null, R(c.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), Y = ["src"], q = /* @__PURE__ */ p({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (a, t) => (_(), b("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r(P)(a.row.original.gateway)
+    }, null, 8, Y));
+  }
+}), J = ["src"], j = /* @__PURE__ */ p({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(i) {
+    return (a, t) => (_(), b("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: r(L)(a.row.original.method.issuer)
+    }, null, 8, J));
+  }
+}), z = /* @__PURE__ */ p({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(i, { emit: a }) {
+    const t = i, c = a, d = S(""), o = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? x(q, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? x(j, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: n }) => {
+          if (!n.original.method)
+            return "";
+          const e = n.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: n, row: e }) => x(G, { row: e, data: n.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ];
+    return (n, e) => {
+      const T = y("FmTable");
+      return _(), A(T, {
+        modelValue: d.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => d.value = l),
+        "column-defs": o,
+        "row-data": t.data,
+        loading: t.loading,
+        onRowClick: e[1] || (e[1] = (l) => c("row-click", t.data.at(l.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), Q = { class: "flex justify-between mb-6 items-center" }, H = { class: "flex space-x-4" }, W = { class: "flex space-x-4" }, ce = /* @__PURE__ */ p({
+  __name: "Transaction",
+  setup(i) {
+    const { dateRange: a, searchKey: t } = B({
+      searchKey: "",
+      dateRange: {
+        startDate: F().startOf("day").toISOString(),
+        endDate: F().endOf("day").toISOString()
+      }
+    }), { isLoading: c, startAsyncCall: d } = k(!0);
+    $();
+    const o = S([]), n = S([]);
+    async function e() {
+      await d(async () => {
+        const { startDate: f, endDate: s } = a.value, u = await E.readTransactions({
+          start: f,
+          end: s
+        });
+        if (o.value = C(u), n.value = o.value, t.value > "") {
+          var w = new RegExp(t.value, "i");
+          n.value = o.value.filter((m) => {
+            const D = JSON.stringify(m);
+            return w.test(D);
+          });
+        }
+      });
+    }
+    function T() {
+      e();
+    }
+    K(T);
+    let l;
+    return V(t, async () => {
+      l && clearTimeout(l), l = setTimeout(() => {
+        var f = new RegExp(t.value, "i");
+        n.value = o.value.filter((s) => {
+          const u = JSON.stringify(s);
+          return f.test(u);
+        });
+      }, 700);
+    }), (f, s) => {
+      const u = y("FmSearch"), w = y("FmDateRangePicker");
+      return _(), A(M, {
+        title: "Transactions",
+        loading: r(c)
+      }, {
+        default: I(() => [
+          h("div", Q, [
+            h("div", H, [
+              g(u, {
+                "model-value": r(t),
+                "onUpdate:modelValue": s[0] || (s[0] = (m) => N(t) ? t.value = m : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              g(w, {
+                modelValue: r(a),
+                "onUpdate:modelValue": [
+                  s[1] || (s[1] = (m) => N(a) ? a.value = m : null),
+                  e
+                ],
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            h("div", W, [
+              g(U, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await r(E).downloadTransactionReport({
+                    start: r(a).startDate,
+                    end: r(a).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          g(z, {
+            loading: r(c),
+            data: n.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  ce as default
+};

package/dist/api/pagination.d.ts

@@ -0,0 +1,20 @@
+export interface PaginationRequest {
+    skip: number;
+    limit: number;
+    sortBy: string;
+    descending?: boolean;
+    search?: string;
+}
+export interface PaginatedResponse<T> {
+    resources: T[];
+    meta: PaginatedMeta;
+}
+export interface PaginatedMeta {
+    skip: number;
+    limit: number;
+    sortBy: string;
+    descending?: boolean;
+    search?: string;
+    totalPages: number | null;
+    totalResources: number | null;
+}

package/dist/api/payment-gateway/index.d.ts

@@ -0,0 +1,9 @@
+import type { FdoPaymentGateway } from "@feedmepos/payment-entity";
+/**
+ * Relying on the payout account so need pass in the restaurant id from the payout account
+ */
+export declare const paymentGatewayApi: {
+    get(restaurantId: string): Promise<FdoPaymentGateway[]>;
+    upsert(restaurantId: string, body: FdoPaymentGateway): Promise<FdoPaymentGateway[]>;
+    delete(restaurantId: string, gatewayId: string): Promise<FdoPaymentGateway[]>;
+};

package/dist/api/terminal-transaction/index.d.ts

@@ -8,4 +8,12 @@ export declare const terminalTransactionApi: {
         limit: number;
         cursor: string;
     }): Promise<PaginatedResult<FdoTerminalTransaction>>;
+    readRestaurantTransactions(payload: {
+        status: F_TERMINAL_TRANSACTION_ACTION[];
+        searchKey: string;
+        start: string;
+        end: string;
+        limit: number;
+        cursor: string;
+    }): Promise<PaginatedResult<FdoTerminalTransaction>>;
 };

package/dist/app.js

@@ -1,7 +1,7 @@
 import { createRouter as R, createWebHistory as D, useRouter as I } from "vue-router";
-import { computed as d, watch as p, defineComponent as f, ref as S, resolveComponent as y, openBlock as b, createBlock as h, onMounted as T, onBeforeMount as g } from "vue";
+import { computed as d, watch as p, defineComponent as f, ref as T, resolveComponent as y, openBlock as b, createBlock as h, onMounted as S, onBeforeMount as w } from "vue";
 import { useCoreStore as c } from "@feedmepos/mf-common";
-import { defineStore as w } from "pinia";
+import { defineStore as P } from "pinia";
 const u = [
   {
     path: "/admin/payout-accounts",
@@ -9,13 +9,13 @@ const u = [
     meta: {
       sidebarDisplay: "Payout Accounts"
     },
-    component: () => import("./PayoutAccount-DuqITwjB.js")
+    component: () => import("./PayoutAccount-CNVWd22h.js")
   },
   {
     path: "/admin/payout-accounts/:accountId",
     name: "mf-payment-admin.payout-account-settings",
     props: !0,
-    component: () => import("./PayoutAccountSetting-cOThY31e.js")
+    component: () => import("./PayoutAccountSetting-uiFglxyj.js")
   },
   {
     path: "/admin/transaction",
@@ -23,7 +23,7 @@ const u = [
     meta: {
       sidebarDisplay: "Transactions"
     },
-    component: () => import("./Transaction-BKBh8jOT.js")
+    component: () => import("./Transaction-CkRaGtkz.js")
   },
   {
     path: "/admin/settlement",
@@ -31,13 +31,13 @@ const u = [
     meta: {
       sidebarDisplay: "Settlements"
     },
-    component: () => import("./Settlement-Dr6Rmkid.js")
+    component: () => import("./Settlement-DLFEvFiY.js")
   },
   {
     path: "/admin/settlement/:settlementId",
     name: "mf-payment-admin.settlement-transaction",
     props: !0,
-    component: () => import("./SettlementTransactions-CSz0G9iE.js")
+    component: () => import("./SettlementTransactions--BvqHEHi.js")
   },
   {
     path: "/admin/terminal",
@@ -45,13 +45,13 @@ const u = [
     meta: {
       sidebarDisplay: "Terminals"
     },
-    component: () => import("./Terminal-DQqtUzV2.js")
+    component: () => import("./Terminal-C6ns-w6k.js")
   },
   {
     path: "/admin/terminal/:terminalId",
     name: "mf-payment-admin.terminal-setting",
     props: !0,
-    component: () => import("./TerminalSetting-T0Sxq_z0.js")
+    component: () => import("./TerminalSetting-Dditd6yX.js")
   },
   {
     path: "/admin/terminal-transaction",
@@ -59,7 +59,7 @@ const u = [
     meta: {
       sidebarDisplay: "Terminal Transactions"
     },
-    component: () => import("./TerminalTransaction-C0g2mMBJ.js")
+    component: () => import("./TerminalTransaction-DYlm_3zt.js")
   }
 ], l = [
   {
@@ -69,7 +69,7 @@ const u = [
   {
     path: "/payout-account",
     name: "mf-payment-payout-account",
-    component: () => import("./PayoutAccount-BHwKD9si.js"),
+    component: () => import("./PayoutAccount-DqNPOjFg.js"),
     meta: {
       sidebarDisplay: "Payout Accounts"
     }
@@ -77,7 +77,7 @@ const u = [
   {
     path: "/transaction",
     name: "mf-payment-transaction",
-    component: () => import("./Transaction-DVS8SkBi.js"),
+    component: () => import("./Transaction-CHHwlo39.js"),
     meta: {
       sidebarDisplay: "Transactions"
     }
@@ -85,7 +85,7 @@ const u = [
   {
     path: "/settlement",
     name: "mf-payment-settlement",
-    component: () => import("./Settlement-JkH7-Wd_.js"),
+    component: () => import("./Settlement-DuT2FxzJ.js"),
     meta: {
       sidebarDisplay: "Settlements"
     }
@@ -94,36 +94,44 @@ const u = [
     path: "/settlement/:settlementId",
     name: "mf-payment-settlement-transaction",
     props: !0,
-    component: () => import("./SettlementTransactions-BGfDReId.js")
+    component: () => import("./SettlementTransactions-BQpqcrAK.js")
+  },
+  {
+    path: "/terminal-tranasction",
+    name: "mf-payment-terminal-transaction",
+    meta: {
+      sidebarDisplay: "Terminal Transactions"
+    },
+    component: () => import("./TerminalTransaction-CxkG6chg.js")
   }
-], P = w("iframe", () => {
-  const m = {
+], g = P("iframe", () => {
+  const o = {
     isIframe: !1
-  }, a = d(() => m);
-  function n(o) {
-    m.isIframe = o;
+  }, n = d(() => o);
+  function a(m) {
+    o.isIframe = m;
   }
   return {
-    state: a,
-    init: n
+    state: n,
+    init: a
   };
 }), A = R({
   history: D(),
   routes: [...l, ...u]
 });
-A.beforeEach(async (m) => {
-  const { sessionUser: a, currentRestaurant: n, readRestaurants: o, changeRestaurant: i } = c();
-  if (console.log(m), m.name.startsWith("mf-payment-admin"))
-    return a.value ? !0 : new Promise((r) => {
-      const s = p(a, (e) => {
+A.beforeEach(async (o) => {
+  const { sessionUser: n, currentRestaurant: a, readRestaurants: m, changeRestaurant: i } = c();
+  if (o.name.startsWith("mf-payment-admin"))
+    return n.value ? !0 : new Promise((r) => {
+      const s = p(n, (e) => {
         var t;
-        e && (s(), r((t = a.value) == null ? void 0 : t.isInternal));
+        e && (s(), r((t = n.value) == null ? void 0 : t.isInternal));
       });
     });
-  if (!n.value) {
-    const r = await o();
+  if (!a.value) {
+    const r = await m();
     return await i(r == null ? void 0 : r.at(0)), new Promise((s) => {
-      const e = p(n, (t) => {
+      const e = p(a, (t) => {
         t && (e(), s(!0));
       });
     });
@@ -132,10 +140,10 @@ A.beforeEach(async (m) => {
 });
 const C = /* @__PURE__ */ f({
   __name: "AppSidebar",
-  setup(m) {
-    const a = c(), n = I(), o = S(n.currentRoute.value.name);
-    p(n.currentRoute, () => {
-      o.value = n.currentRoute.value.name;
+  setup(o) {
+    const n = c(), a = I(), m = T(a.currentRoute.value.name);
+    p(a.currentRoute, () => {
+      m.value = a.currentRoute.value.name;
     });
     const i = l.map((e) => {
       var t;
@@ -144,8 +152,8 @@ const C = /* @__PURE__ */ f({
           label: e.meta.sidebarDisplay,
           value: e.name,
           action: () => {
-            if (n.currentRoute.value.name !== e.name)
-              return n.push({ name: e.name });
+            if (a.currentRoute.value.name !== e.name)
+              return a.push({ name: e.name });
           }
         };
     }).filter((e) => !!e), r = u.map((e) => {
@@ -155,14 +163,14 @@ const C = /* @__PURE__ */ f({
           label: e.meta.sidebarDisplay,
           value: e.name,
           action: () => {
-            if (n.currentRoute.value.name !== e.name)
-              return n.push({ name: e.name });
+            if (a.currentRoute.value.name !== e.name)
+              return a.push({ name: e.name });
           }
         };
     }).filter((e) => !!e), s = d(() => {
       var t;
       const e = [...i];
-      return (t = a.sessionUser.value) != null && t.isInternal && (e.push({
+      return (t = n.sessionUser.value) != null && t.isInternal && (e.push({
         label: "",
         value: "divider",
         disabled: !0
@@ -176,8 +184,8 @@ const C = /* @__PURE__ */ f({
     return (e, t) => {
       const _ = y("FmCollapsibleTabs");
       return b(), h(_, {
-        modelValue: o.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (v) => o.value = v),
+        modelValue: m.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (v) => m.value = v),
         items: s.value,
         class: "py-16 px-8"
       }, null, 8, ["modelValue", "items"]);
@@ -185,13 +193,13 @@ const C = /* @__PURE__ */ f({
   }
 }), F = /* @__PURE__ */ f({
   __name: "App",
-  setup(m) {
-    const { state: a } = P(), n = c();
-    return T(() => {
-      a.isIframe && parent.postMessage({ event: "ready" }, "*");
-    }), g(() => {
-      n.registerSidebarComponent(C);
-    }), (o, i) => {
+  setup(o) {
+    const { state: n } = g(), a = c();
+    return S(() => {
+      n.isIframe && parent.postMessage({ event: "ready" }, "*");
+    }), w(() => {
+      a.registerSidebarComponent(C);
+    }), (m, i) => {
       const r = y("RouterView");
       return b(), h(r);
     };