@feedmepos/mf-payment 0.0.0-beta.8 → 1.0.0

package/dist/Transaction-68L7JzIk.js

@@ -0,0 +1,242 @@
+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-DqrhM5jB.js";
+import { e as S, u as P } from "./index-Bt_OgDYn.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-Bji7O2YD.js";
+import { useCoreStore as M } from "@feedmepos/mf-common";
+import { _ as U } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as G } from "./index-DjDGwRX8.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__ */ _({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    const n = s;
+    function a() {
+      return n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (l, c) => {
+      const d = T("FmBadge");
+      return f(), N(d, {
+        inline: "",
+        class: k(a())
+      }, {
+        default: R(() => [
+          y("div", null, K(l.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), j = ["src"], z = /* @__PURE__ */ _({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    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));
+  }
+}), Q = ["src"], H = /* @__PURE__ */ _({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    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));
+  }
+}), W = /* @__PURE__ */ _({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(s, { emit: n }) {
+    const a = s, l = n, c = A(""), d = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? x(z, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: t, row: e }) => e.original.method ? x(H, { row: e, data: t.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: t }) => {
+          if (!t.original.method)
+            return "";
+          const e = t.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: t, row: e }) => x(J, { row: e, data: t.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      }
+    ];
+    return (t, e) => {
+      const g = T("FmTable");
+      return f(), N(g, {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => c.value = i),
+        "column-defs": d,
+        "row-data": a.data,
+        loading: a.loading,
+        onRowClick: e[1] || (e[1] = (i) => l("row-click", a.data.at(i.index)))
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), X = { class: "flex justify-between mb-6 items-center" }, Z = { class: "flex space-x-8" }, ee = { class: "flex space-x-4" }, pe = /* @__PURE__ */ _({
+  __name: "Transaction",
+  setup(s) {
+    const { dateRange: n, searchKey: a } = G({
+      searchKey: "",
+      dateRange: {
+        startDate: b().startOf("day").toISOString(),
+        endDate: b().endOf("day").toISOString()
+      }
+    }), { isLoading: l, startAsyncCall: c } = P(!0);
+    $();
+    const { currentRestaurant: d } = M(), t = A([]), e = A([]);
+    async function g() {
+      await c(async () => {
+        const { startDate: h, endDate: r } = n.value, u = await I.readRestaurantTransactions({
+          start: h,
+          end: r
+        });
+        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 D = JSON.stringify(m);
+            return v.test(D);
+          });
+        }
+      });
+    }
+    function i() {
+      g();
+    }
+    V(i), E(d, i);
+    let w;
+    return E(a, async () => {
+      w && clearTimeout(w), w = setTimeout(() => {
+        var h = new RegExp(a.value, "i");
+        e.value = t.value.filter((r) => {
+          const u = JSON.stringify(r);
+          return h.test(u);
+        });
+      }, 700);
+    }), (h, r) => {
+      const u = T("FmSearch"), v = T("FmDateRangePicker");
+      return f(), N(U, {
+        title: "Online Transactions",
+        description: "Transactions are purchases or payments made over the internet using electronic methods like cards or digital wallets.",
+        loading: o(l)
+      }, {
+        default: R(() => [
+          y("div", X, [
+            y("div", Z, [
+              p(q),
+              p(u, {
+                "model-value": o(a),
+                "onUpdate:modelValue": r[0] || (r[0] = (m) => F(a) ? a.value = m : null),
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              p(v, {
+                modelValue: o(n),
+                "onUpdate:modelValue": [
+                  r[1] || (r[1] = (m) => F(n) ? n.value = m : null),
+                  g
+                ],
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            y("div", ee, [
+              p(Y, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await o(I).downloadRestaurantTransactionReport(t.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          p(W, {
+            loading: o(l),
+            data: e.value
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  pe as default
+};

package/dist/Transaction-a1VfiCP_.js

@@ -0,0 +1,405 @@
+import { defineComponent as h, resolveComponent as _, openBlock as g, createBlock as E, normalizeClass as $, withCtx as x, createElementVNode as b, toDisplayString as L, createElementBlock as F, unref as m, createVNode as y, Fragment as B, renderList as U, ref as N, h as T, onMounted as G, watch as k, isRef as D } from "vue";
+import { t as w, a as J, b as R } from "./transaction-DqrhM5jB.js";
+import { e as S, u as Q } from "./index-Bt_OgDYn.js";
+import { useSnackbar as Y, useDialog as j } from "@feedmepos/ui-library";
+import "./dinero-CIVmXLL-.js";
+import { h as O } from "./moment-h96o7c8I.js";
+import { g as z, a as H } from "./assets-Bji7O2YD.js";
+import { _ as W } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { u as X } from "./index-DjDGwRX8.js";
+import { _ as Z } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
+import { _ as ee } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { w as P } from "./Modal-DB8M9o1T.js";
+import { u as I } from "./error-K1CakhA9.js";
+const te = /* @__PURE__ */ h({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    const n = p;
+    function o() {
+      return n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : n.data === S.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (l, f) => {
+      const s = _("FmBadge");
+      return g(), E(s, {
+        inline: "",
+        class: $(o())
+      }, {
+        default: x(() => [
+          b("div", null, L(l.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), ae = ["src"], ne = /* @__PURE__ */ h({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    return (n, o) => (g(), F("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: m(z)(n.row.original.gateway)
+    }, null, 8, ae));
+  }
+}), oe = ["src"], re = /* @__PURE__ */ h({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(p) {
+    return (n, o) => (g(), F("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: m(H)(n.row.original.method.issuer)
+    }, null, 8, oe));
+  }
+}), se = /* @__PURE__ */ h({
+  __name: "Actions",
+  props: {
+    onAction: { type: Function }
+  },
+  setup(p) {
+    const n = [
+      {
+        label: "Query",
+        sublabel: "Perform transaction status inquriy",
+        icon: "question_answer",
+        action: "query"
+      },
+      {
+        label: "Refund",
+        sublabel: "Perform transaction refund request",
+        icon: "request_page",
+        action: "refund"
+      },
+      {
+        label: "Notify",
+        sublabel: "Perform webhook notification for transaction",
+        icon: "webhook",
+        action: "notify"
+      }
+    ];
+    return (o, l) => {
+      const f = _("FmIcon"), s = _("FmMenuItem"), r = _("FmMenu");
+      return g(), F("div", {
+        onClick: l[0] || (l[0] = (e) => {
+          e.stopPropagation();
+        })
+      }, [
+        y(r, null, {
+          "menu-button": x(() => [
+            y(f, { name: "settings" })
+          ]),
+          default: x(() => [
+            (g(), F(B, null, U(n, (e) => y(s, {
+              selectable: !0,
+              key: e.label,
+              sublabel: e.sublabel,
+              label: e.label,
+              icon: e.icon,
+              onclick: () => o.onAction(e.action)
+            }, null, 8, ["sublabel", "label", "icon", "onclick"])), 64))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ie = /* @__PURE__ */ h({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["query", "refund", "notify"],
+  setup(p, { emit: n }) {
+    const o = p, l = n, f = N(""), s = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id",
+        cell: ({ cell: r }) => T(W, { data: r.getValue() })
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? T(ne, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: r, row: e }) => e.original.method ? T(re, { row: e, data: r.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: r }) => {
+          if (!r.original.method)
+            return "";
+          const e = r.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: r, row: e }) => T(te, { row: e, data: r.getValue() })
+      },
+      {
+        header: () => "Transaction At",
+        accessorKey: "transactionAt",
+        meta: {
+          width: "180px"
+        }
+      },
+      {
+        header: () => "Sales Amount",
+        accessorKey: "amount"
+      },
+      {
+        header: () => "Fee",
+        accessorKey: "fee"
+      },
+      {
+        header: () => "Settlement Amount",
+        accessorKey: "payout"
+      },
+      {
+        header: () => "Actions",
+        accessorKey: "actions",
+        cell: ({ row: r }) => T(se, {
+          onAction: (e) => l(e, r.index)
+        })
+      }
+    ];
+    return (r, e) => {
+      const c = _("FmTable");
+      return g(), E(c, {
+        modelValue: f.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (v) => f.value = v),
+        "column-defs": s,
+        "row-data": o.data,
+        loading: o.loading
+      }, null, 8, ["modelValue", "row-data", "loading"]);
+    };
+  }
+}), ce = { class: "flex justify-between mb-6 items-center" }, le = { class: "flex space-x-4" }, ue = { class: "flex space-x-4" }, Fe = /* @__PURE__ */ h({
+  __name: "Transaction",
+  setup(p) {
+    const { dateRange: n, searchKey: o } = X({
+      searchKey: "",
+      dateRange: {
+        startDate: O().startOf("day").toISOString(),
+        endDate: O().endOf("day").toISOString()
+      }
+    }), { isLoading: l, startAsyncCall: f } = Q(!0), s = Y(), r = j(), e = N([]), c = N([]);
+    async function v() {
+      await f(async () => {
+        const { startDate: i, endDate: t } = n.value, a = await w.readTransactions({
+          start: i,
+          end: t
+        });
+        if (e.value = J(a), c.value = e.value, o.value > "") {
+          var u = new RegExp(o.value, "i");
+          c.value = e.value.filter((d) => {
+            const C = JSON.stringify(d);
+            return u.test(C);
+          });
+        }
+      });
+    }
+    function q() {
+      v();
+    }
+    G(q);
+    let A;
+    k(o, async () => {
+      A && clearTimeout(A), A = setTimeout(() => {
+        var i = new RegExp(o.value, "i");
+        c.value = e.value.filter((t) => {
+          const a = JSON.stringify(t);
+          return i.test(a);
+        });
+      }, 700);
+    }), k(e, async () => {
+      let i = e.value;
+      if (o.value) {
+        var t = new RegExp(o.value, "i");
+        i = e.value.filter((a) => {
+          const u = JSON.stringify(a);
+          return t.test(u);
+        });
+      }
+      c.value = i;
+    }, { deep: !0 });
+    async function K(i) {
+      const t = c.value.at(i);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      try {
+        const a = await w.refetchTransaction({ transactionId: t.id }), u = e.value.findIndex((d) => d.id === a._id);
+        e.value[u] = R(a), s.open({
+          type: "success",
+          title: "Transaction queried and updated successfully."
+        });
+      } catch (a) {
+        s.open({
+          type: "error",
+          title: "Fail to query transaction.",
+          message: I(a)
+        });
+      }
+    }
+    async function V(i) {
+      const t = c.value.at(i);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      P(
+        r,
+        "Refund Transaction",
+        "Are you sure to refund transaction? This action cannot be revert!",
+        async () => {
+          try {
+            const a = await w.refundTransaction({
+              transactionId: t.id,
+              reason: "portal transaction refund",
+              amount: t.fdoAmount
+            }), u = e.value.findIndex((d) => d.id === a._id);
+            e.value[u] = R(a), s.open({
+              type: "success",
+              title: "Transaction refund request initiated."
+            });
+          } catch (a) {
+            s.open({
+              type: "error",
+              title: "Fail to request refund transaction.",
+              message: I(a)
+            });
+          }
+        }
+      );
+    }
+    async function M(i) {
+      const t = c.value.at(i);
+      if (!t) {
+        s.open({
+          type: "error",
+          title: "Something went wrong",
+          message: "Fail to find transactions from the displayed transactions."
+        });
+        return;
+      }
+      P(
+        r,
+        "Notify Transaction",
+        "Are you sure to perform notify transaction?",
+        async () => {
+          try {
+            await w.renotifyTransaction(t.id), s.open({
+              type: "success",
+              title: "Transaction notify successfully."
+            });
+          } catch (a) {
+            s.open({
+              type: "error",
+              title: "Fail to notify transaction.",
+              message: I(a)
+            });
+          }
+        }
+      );
+    }
+    return (i, t) => {
+      const a = _("FmSearch"), u = _("FmDateRangePicker");
+      return g(), E(Z, {
+        title: "Online Transactions",
+        loading: m(l)
+      }, {
+        default: x(() => [
+          b("div", ce, [
+            b("div", le, [
+              y(a, {
+                "model-value": m(o),
+                "onUpdate:modelValue": t[0] || (t[0] = (d) => D(o) ? o.value = d : null),
+                class: "mr-8",
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"]),
+              y(u, {
+                modelValue: m(n),
+                "onUpdate:modelValue": [
+                  t[1] || (t[1] = (d) => D(n) ? n.value = d : null),
+                  v
+                ],
+                compare: "",
+                "show-predefined-range": ""
+              }, null, 8, ["modelValue"])
+            ]),
+            b("div", ue, [
+              y(ee, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await m(w).downloadTransactionReport({
+                    start: m(n).startDate,
+                    end: m(n).endDate
+                  });
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          y(ie, {
+            loading: m(l),
+            data: c.value,
+            onQuery: K,
+            onRefund: V,
+            onNotify: M
+          }, null, 8, ["loading", "data"])
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+export {
+  Fe as default
+};

package/dist/api/index.d.ts

@@ -1,5 +1,6 @@
 import { type PaginatedResult } from "@feedmepos/payment-entity";
 import { type AxiosInstance, type AxiosResponse } from "axios";
+import type { WorkBook } from "xlsx";
 type ApiVariant = "portal" | "auth";
 interface ApiUrl {
     portalBackendUrl: string;
@@ -29,6 +30,19 @@ export declare const authInstance: (config?: {
 }) => AxiosInstance;
 export declare const businessClientInstance: () => AxiosInstance;
 export declare const restaurantClientInstance: (prefix?: string) => AxiosInstance;
+type TransformFunction<T> = (value: T) => any;
+type TransformFunctions<T> = {
+    [K in keyof T]?: TransformFunction<T[K]>;
+};
+export declare function flattenObject(obj: Record<string, any>, parentKey?: string): Record<string, any>;
+export declare function localWorkbookAndDownload<T extends Object>(data: T[], options?: {
+    transformers?: TransformFunctions<T>;
+    exclude?: (keyof T)[];
+    rename?: Partial<Record<keyof T, string>>;
+    filename?: string;
+}): void;
+export declare function getWorkbookAndDownload(response: AxiosResponse<WorkBook>, filename: string): void;
+export declare function downloadAs(blob: Blob, filename: string): void;
 export declare function getData<T>(response: AxiosResponse<T>): T;
 export declare function getPaginatedResult<T>(response: AxiosResponse<PaginatedResult<T>>): PaginatedResult<T>;
 export {};

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[]>;
+};