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

package/dist/SettlementTransactions-V5fjLv7H.js

@@ -0,0 +1,334 @@
+import { defineComponent as w, resolveComponent as g, openBlock as F, createBlock as k, normalizeClass as j, withCtx as l, createElementVNode as t, toDisplayString as u, createElementBlock as L, unref as p, ref as T, onMounted as Y, watch as H, createVNode as n, createTextVNode as i, h as N } from "vue";
+import { e as E, u as q } from "./index-De4-LJjg.js";
+import { useDialog as J, useSnackbar as Q } from "@feedmepos/ui-library";
+import { d as B } from "./dinero-CIVmXLL-.js";
+import { g as W, a as X } from "./assets-Cj6QBVPU.js";
+import { t as P, a as Z } from "./transaction-BmxtNt6_.js";
+import { _ as ee } from "./Layout.vue_vue_type_script_setup_true_lang-C38PTqO5.js";
+import { useRouter as te } from "vue-router";
+import { s as ae } from "./index-C58XD8h3.js";
+import { u as ne } from "./error-K1CakhA9.js";
+import { w as oe } from "./Modal-DB8M9o1T.js";
+const re = /* @__PURE__ */ w({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    const o = y;
+    function m() {
+      return o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.PENDING ? "!w-[16px] !h-[16px] bg-yellow-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.FAILED ? "!w-[16px] !h-[16px] bg-red-400" : o.data === E.F_PAYMENT_TRANSACTION_STATUS.Enum.REFUNDED ? "!w-[16px] !h-[16px] bg-blue-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (A, _) => {
+      const b = g("FmBadge");
+      return F(), k(b, {
+        inline: "",
+        class: j(m())
+      }, {
+        default: l(() => [
+          t("div", null, u(A.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), le = ["src"], se = /* @__PURE__ */ w({
+  __name: "Gateway",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    return (o, m) => (F(), L("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: p(W)(o.row.original.gateway)
+    }, null, 8, le));
+  }
+}), ue = ["src"], ie = /* @__PURE__ */ w({
+  __name: "Method",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(y) {
+    return (o, m) => (F(), L("img", {
+      class: "rounded-md m-auto border-transparent w-[32px] h-[32px]",
+      src: p(X)(o.row.original.method.issuer)
+    }, null, 8, ue));
+  }
+}), me = /* @__PURE__ */ w({
+  __name: "Actions",
+  props: {
+    row: {},
+    data: {}
+  },
+  emits: ["delete"],
+  setup(y, { emit: o }) {
+    const m = o;
+    return (A, _) => {
+      const b = g("FmButton");
+      return F(), k(b, {
+        variant: "plain",
+        "prepend-icon": "delete",
+        onClick: _[0] || (_[0] = () => m("delete"))
+      });
+    };
+  }
+}), de = { class: "flex mb-6" }, ce = { class: "my-6 w-[240px]" }, Ae = /* @__PURE__ */ w({
+  __name: "SettlementTransactions",
+  props: {
+    settlementId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(y) {
+    const o = y, { isLoading: m, startAsyncCall: A, startAsyncCallFn: _ } = q(!0), b = J(), M = Q(), O = te(), s = T(), S = T([]), I = T([]);
+    async function V(a = !1) {
+      A(async () => {
+        a || (s.value = await ae.readById(o.settlementId));
+        const e = await P.readBySettlementId(o.settlementId);
+        S.value = Z(e), I.value = S.value;
+      });
+    }
+    function R() {
+      V();
+    }
+    Y(R);
+    const K = T(""), U = [
+      {
+        header: () => "Transaction ID",
+        accessorKey: "id"
+      },
+      {
+        header: () => "Pay ID",
+        accessorKey: "payId"
+      },
+      {
+        header: () => "Gateway",
+        accessorKey: "gateway",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: a, row: e }) => e.original.method ? N(se, { row: e, data: a.getValue() }) : ""
+      },
+      {
+        header: () => "Method",
+        accessorKey: "method",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ cell: a, row: e }) => e.original.method ? N(ie, { row: e, data: a.getValue() }) : ""
+      },
+      {
+        header: () => "Type",
+        accessorKey: "type",
+        meta: {
+          textAlign: "center"
+        },
+        cell: ({ row: a }) => {
+          if (!a.original.method)
+            return "";
+          const e = a.original.method.variant;
+          return e.includes("_ONLINE") ? "ONLINE" : e.includes("_OFFLINE") ? "OFFLINE" : e;
+        }
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: a, row: e }) => N(re, { row: e, data: a.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: "action",
+        cell: ({ cell: a, row: e }) => N(me, {
+          row: e,
+          data: a.getValue(),
+          onDelete: () => oe(
+            b,
+            "Remove transaction",
+            "Are you sure to remove transaction from settlement? This action cannot be revert !",
+            _(async () => {
+              try {
+                await P.removeTransactionFromSettlement(e.original.id), await V();
+              } catch (f) {
+                M.open({
+                  type: "error",
+                  title: "Error occurs when removing transaction",
+                  message: ne(f)
+                });
+              }
+            })
+          )
+        })
+      }
+    ], x = T("");
+    let h;
+    return H(x, async () => {
+      h && clearTimeout(h), h = setTimeout(() => {
+        var a = new RegExp(x.value, "i");
+        I.value = S.value.filter((e) => {
+          const f = JSON.stringify(e);
+          return a.test(f);
+        });
+      }, 700);
+    }), (a, e) => {
+      var $;
+      const f = g("FmCardHeader"), v = g("FmCardSection"), C = g("FmCard"), z = g("FmSearch"), G = g("FmTable");
+      return F(), k(ee, {
+        title: `Settlement Transactions (${($ = s.value) == null ? void 0 : $._id})`,
+        loading: p(m),
+        onBack: p(O).back
+      }, {
+        default: l(() => [
+          t("div", de, [
+            n(C, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
+                      class: "p-0",
+                      title: "Transaction Info",
+                      subtitle: ""
+                    }),
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c, D;
+                        return [
+                          e[2] || (e[2] = t("b", null, "For", -1)),
+                          i(": " + u((d = (r = s.value) == null ? void 0 : r.store) == null ? void 0 : d.event) + " ", 1),
+                          e[3] || (e[3] = t("br", null, null, -1)),
+                          e[4] || (e[4] = t("b", null, "Reference", -1)),
+                          i(": " + u((D = (c = s.value) == null ? void 0 : c.store) == null ? void 0 : D.id), 1),
+                          e[5] || (e[5] = t("br", null, null, -1)),
+                          e[6] || (e[6] = t("b", null, "Transaction", -1)),
+                          i(": " + u(S.value.length), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(C, {
+              horizontal: "",
+              class: "flex-1 p-6 mx-6",
+              variant: "elevated"
+            }, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
+                      class: "p-0",
+                      title: "Bank Info",
+                      subtitle: ""
+                    }),
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c;
+                        return [
+                          e[7] || (e[7] = t("b", null, "Bank", -1)),
+                          i(": " + u((r = s.value) == null ? void 0 : r.beneficiaryBank.name), 1),
+                          e[8] || (e[8] = t("br", null, null, -1)),
+                          e[9] || (e[9] = t("b", null, "Name", -1)),
+                          i(": " + u((d = s.value) == null ? void 0 : d.beneficiaryBank.holderName), 1),
+                          e[10] || (e[10] = t("br", null, null, -1)),
+                          e[11] || (e[11] = t("b", null, "Number", -1)),
+                          i(": " + u((c = s.value) == null ? void 0 : c.beneficiaryBank.accountNumber), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(C, {
+              horizontal: "",
+              class: "flex-1 p-6",
+              variant: "elevated"
+            }, {
+              default: l(() => [
+                n(v, { class: "flex flex-col gap-16 justify-between" }, {
+                  default: l(() => [
+                    n(f, {
+                      class: "p-0",
+                      title: "Payout Info",
+                      subtitle: ""
+                    }),
+                    n(v, { class: "p-0" }, {
+                      default: l(() => {
+                        var r, d, c;
+                        return [
+                          e[12] || (e[12] = t("b", null, "Amount", -1)),
+                          i(": " + u(p(B)((r = s.value) == null ? void 0 : r.totalAmount).toFormat("$0.00")), 1),
+                          e[13] || (e[13] = t("br", null, null, -1)),
+                          e[14] || (e[14] = t("b", null, "Fee", -1)),
+                          i(": " + u(p(B)((d = s.value) == null ? void 0 : d.totalFee).toFormat("$0.00")), 1),
+                          e[15] || (e[15] = t("br", null, null, -1)),
+                          e[16] || (e[16] = t("b", null, "Payout", -1)),
+                          i(": " + u(p(B)((c = s.value) == null ? void 0 : c.totalPayout).toFormat("$0.00")), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          t("div", ce, [
+            n(z, {
+              modelValue: x.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (r) => x.value = r),
+              placeholder: "Search Transactions ..."
+            }, null, 8, ["modelValue"])
+          ]),
+          n(G, {
+            modelValue: K.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => K.value = r),
+            "search-value": x.value,
+            "row-data": I.value,
+            "column-defs": U,
+            loading: p(m)
+          }, null, 8, ["modelValue", "search-value", "row-data", "loading"])
+        ]),
+        _: 1
+      }, 8, ["title", "loading", "onBack"]);
+    };
+  }
+});
+export {
+  Ae as default
+};

package/dist/Terminal-C_G_AuJZ.js

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