@feedmepos/mf-payment 0.0.0-beta.9 → 1.0.0-beta.10

package/dist/Transaction-B3ZWKg6Q.js

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

package/dist/Transaction-B_0nUmpf.js

@@ -0,0 +1,238 @@
+import { defineComponent as f, resolveComponent as N, openBlock as g, createBlock as S, normalizeClass as O, withCtx as D, createElementVNode as _, toDisplayString as V, createElementBlock as I, unref as o, ref as A, h as v, onMounted as C, watch as w, createVNode as p, isRef as E } from "vue";
+import { t as b, b as M } from "./transaction-COjHU7aN.js";
+import { e as x, u as Y } from "./index-4meiCsRz.js";
+import "@feedmepos/ui-library";
+import "./dinero-CIVmXLL-.js";
+import { h as F } from "./moment-h96o7c8I.js";
+import { g as $, a as k } from "./assets-BCAivOTo.js";
+import { useCoreStore as L } from "@feedmepos/mf-common";
+import { _ as P } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
+import { u as B } from "./index-BwFHcZlm.js";
+import { _ as U } from "./AsyncButton.vue_vue_type_script_setup_true_lang-DcjzvYwT.js";
+import { _ as G } from "./RestaurantSelector.vue_vue_type_script_setup_true_lang-CY4ttpKj.js";
+import { _ as q } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const J = /* @__PURE__ */ f({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    const a = s;
+    function t() {
+      return a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : a.data === x.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : a.data === x.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 = N("FmBadge");
+      return g(), S(d, {
+        inline: "",
+        class: O(t())
+      }, {
+        default: D(() => [
+          _("div", null, V(l.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), j = ["src"], z = /* @__PURE__ */ f({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (a, t) => (g(), I("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: o($)(a.row.original.gateway)
+    }, null, 8, j));
+  }
+}), Q = ["src"], H = /* @__PURE__ */ f({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(s) {
+    return (a, t) => (g(), I("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: o(k)(a.row.original.method.issuer)
+    }, null, 8, Q));
+  }
+}), W = /* @__PURE__ */ f({
+  __name: "TransactionTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["row-click"],
+  setup(s, { emit: a }) {
+    const t = s, l = a, c = A(""), d = [
+      {
+        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 ? v(z, { row: e, data: n.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: n, row: e }) => e.original.method ? v(H, { 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 }) => v(J, { 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 h = N("FmTable");
+      return g(), S(h, {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (i) => c.value = i),
+        "column-defs": d,
+        "row-data": t.data,
+        loading: t.loading,
+        onRowClick: e[1] || (e[1] = (i) => l("row-click", t.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 self-center" }, ae = { class: "mb-6" }, fe = /* @__PURE__ */ f({
+  __name: "Transaction",
+  setup(s) {
+    const { dateRange: a, searchKey: t } = B({
+      searchKey: "",
+      dateRange: {
+        startDate: F().startOf("day").format("YYYY-MM-DD"),
+        endDate: F().endOf("day").format("YYYY-MM-DD")
+      }
+    }), { isLoading: l, startAsyncCall: c } = Y(!0), { currentRestaurant: d } = L(), n = A([]), e = A([]);
+    async function h() {
+      await c(async () => {
+        const { startDate: y, endDate: r } = a.value, u = await b.readRestaurantTransactions({
+          start: y,
+          end: r
+        });
+        if (n.value = M(u), e.value = n.value, t.value > "") {
+          var m = new RegExp(t.value, "i");
+          e.value = n.value.filter((R) => {
+            const K = JSON.stringify(R);
+            return m.test(K);
+          });
+        }
+      });
+    }
+    function i() {
+      h();
+    }
+    C(i), w(d, i), w(a, h);
+    let T;
+    return w(t, async () => {
+      T && clearTimeout(T), T = setTimeout(() => {
+        var y = new RegExp(t.value, "i");
+        e.value = n.value.filter((r) => {
+          const u = JSON.stringify(r);
+          return y.test(u);
+        });
+      }, 700);
+    }), (y, r) => {
+      const u = N("FmSearch");
+      return g(), S(P, {
+        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: D(() => [
+          _("div", X, [
+            _("div", Z, [
+              p(G),
+              p(u, {
+                "model-value": o(t),
+                "onUpdate:modelValue": r[0] || (r[0] = (m) => E(t) ? t.value = m : null),
+                label: "Search",
+                placeholder: "Search Transactions ..."
+              }, null, 8, ["model-value"])
+            ]),
+            _("div", ee, [
+              p(U, {
+                button: {
+                  appendIcon: "file_download",
+                  variant: "primary",
+                  label: "Export"
+                },
+                handler: async () => {
+                  await o(b).downloadRestaurantTransactionReport(n.value);
+                }
+              }, null, 8, ["handler"])
+            ])
+          ]),
+          _("div", ae, [
+            p(q, {
+              modelValue: o(a),
+              "onUpdate:modelValue": r[1] || (r[1] = (m) => E(a) ? a.value = m : null)
+            }, null, 8, ["modelValue"])
+          ]),
+          p(W, {
+            loading: o(l),
+            data: e.value
+          }, 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[]>;
+};