@feedmepos/mf-payment 0.0.0-beta.3 → 0.0.0-beta.5

package/dist/{PayoutAccount-J3GJxUjj.js → PayoutAccount-DG7T6kD1.js}

@@ -1,128 +1,130 @@
-import { defineComponent as b, resolveComponent as i, openBlock as f, createBlock as g, normalizeClass as v, withCtx as _, createElementVNode as V, toDisplayString as A, createVNode as c, computed as N, ref as C, watch as x, unref as u, isRef as y, h as k } from "vue";
-import { u as E } from "./index-B8_4waUa.js";
-import { _ as S } from "./index-DvzXwr90.js";
-import { _ as O } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
-import { P as F, p as K } from "./index-D-lMrCvM.js";
+import { defineComponent as b, resolveComponent as m, openBlock as g, createBlock as h, normalizeClass as N, withCtx as f, createElementVNode as P, toDisplayString as C, createVNode as c, computed as x, ref as E, watch as F, unref as l, isRef as k, h as w } from "vue";
+import { u as S } from "./index-B-3Vz_px.js";
+import { _ as O } from "./index-RfsX2czs.js";
+import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-oPYFBeEo.js";
+import { P as V } from "./payout-account-B1kRpd3u.js";
+import { p as $ } from "./index-ONVv2EsB.js";
 import "@feedmepos/ui-library";
-import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-y4tchjya.js";
-const T = /* @__PURE__ */ b({
+import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-BB6McGpo.js";
+import { useRouter as T } from "vue-router";
+const G = /* @__PURE__ */ b({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    const n = p;
-    function a() {
+  setup(d) {
+    const n = d;
+    function t() {
       return n.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : n.data === "PENDING" ? "!w-[16px] !h-[16px] bg-red-400" : "!w-[16px] !h-[16px] bg-green-400";
     }
-    return (s, o) => {
-      const r = i("FmBadge");
-      return f(), g(r, {
+    return (s, u) => {
+      const r = m("FmBadge");
+      return g(), h(r, {
         inline: "",
-        class: v(a())
+        class: N(t())
       }, {
-        default: _(() => [
-          V("div", null, A(s.data), 1)
+        default: f(() => [
+          P("div", null, C(s.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), $ = /* @__PURE__ */ b({
+}), U = /* @__PURE__ */ b({
   __name: "IsActive",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    const n = p;
-    function a() {
+  setup(d) {
+    const n = d;
+    function t() {
       return n.data ? "#66BB6A" : "#EF5350";
     }
     function s() {
       return n.data ? "check" : "close";
     }
-    return (o, r) => {
-      const l = i("FmIcon");
-      return f(), g(l, {
+    return (u, r) => {
+      const p = m("FmIcon");
+      return g(), h(p, {
         name: s(),
-        color: a(),
+        color: t(),
         size: "lg"
       }, null, 8, ["name", "color"]);
     };
   }
-}), G = /* @__PURE__ */ b({
+}), L = /* @__PURE__ */ b({
   __name: "Bank",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    function n(a) {
-      return a ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+  setup(d) {
+    function n(t) {
+      return t ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
     }
-    return (a, s) => {
-      const o = i("FmBadge"), r = i("FmListItem");
-      return f(), g(r, {
-        label: a.row.original.holderName,
-        sublabel: a.row.original.bankName + "  -  " + a.row.original.bankNumber,
+    return (t, s) => {
+      const u = m("FmBadge"), r = m("FmListItem");
+      return g(), h(r, {
+        label: t.row.original.holderName,
+        sublabel: t.row.original.bankName + "  -  " + t.row.original.bankNumber,
         clickable: !1,
         tag: "label"
       }, {
-        append: _(() => [
-          c(o, {
+        append: f(() => [
+          c(u, {
             inline: "",
-            class: v(n(a.row.original.bankReady))
+            class: N(n(t.row.original.bankReady))
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 8, ["label", "sublabel"]);
     };
   }
-}), U = /* @__PURE__ */ b({
+}), W = /* @__PURE__ */ b({
   __name: "PersonInCharge",
   props: {
     row: {},
     data: {}
   },
-  setup(p) {
-    function n(a) {
-      return a ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+  setup(d) {
+    function n(t) {
+      return t ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
     }
-    return (a, s) => {
-      const o = i("FmBadge"), r = i("FmListItem");
-      return f(), g(r, {
-        label: a.row.original.picName,
-        sublabel: a.row.original.picEmail + "  -  " + a.row.original.picPhone,
+    return (t, s) => {
+      const u = m("FmBadge"), r = m("FmListItem");
+      return g(), h(r, {
+        label: t.row.original.picName,
+        sublabel: t.row.original.picEmail + "  -  " + t.row.original.picPhone,
         clickable: !1,
         tag: "label"
       }, {
-        append: _(() => [
-          c(o, {
+        append: f(() => [
+          c(u, {
             inline: "",
-            class: v(n(a.row.original.picReady))
+            class: N(n(t.row.original.picReady))
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 8, ["label", "sublabel"]);
     };
   }
-}), L = { class: "flex items-start mb-6" }, J = /* @__PURE__ */ b({
+}), Q = { class: "flex items-start mb-6" }, ee = /* @__PURE__ */ b({
   __name: "PayoutAccount",
-  setup(p) {
-    const n = N(() => F.storeEventOptions), a = N(() => F.statusOptions), s = C(), { event: o, status: r, searchKey: l } = E({
+  setup(d) {
+    const n = x(() => V.storeEventOptions), t = x(() => V.statusOptions), s = E(), u = T(), { event: r, status: p, searchKey: i } = S({
       searchKey: "",
-      event: S.F_PAYOUT_FOR.Enum.ORDERING,
-      status: a.value.map((e) => e.value)
+      event: O.F_PAYOUT_FOR.Enum.ORDERING,
+      status: t.value.map((e) => e.value)
     });
-    x([o, r], () => {
+    F([r, p], () => {
       var e;
       return (e = s.value) == null ? void 0 : e.refreshQuery();
     });
-    let w;
-    x(l, async () => {
-      w && clearTimeout(w), w = setTimeout(
+    let v;
+    F(i, async () => {
+      v && clearTimeout(v), v = setTimeout(
         () => {
           var e;
           return (e = s.value) == null ? void 0 : e.refreshQuery();
@@ -130,42 +132,42 @@ const T = /* @__PURE__ */ b({
         700
       );
     });
-    const P = function(e) {
-      const t = {
+    const I = function(e) {
+      const a = {
         bankReady: !1,
         bankNumber: "",
         bankName: "",
         holderName: ""
       };
-      e.store.bank && e.store.bank.accountNumber && Object.assign(t, {
+      e.store.bank && e.store.bank.accountNumber && Object.assign(a, {
         bankReady: !0,
         bankNumber: e.store.bank.accountNumber,
         bankName: e.store.bank.name,
         holderName: e.store.bank.holderName
       });
-      const d = {
+      const _ = {
         picReady: !1,
         picName: "",
         picPhone: "",
         picEmail: ""
       };
-      e.store.keyPerson && Object.assign(d, {
+      e.store.keyPerson && Object.assign(_, {
         picReady: !0,
         picName: e.store.keyPerson.name,
         picPhone: e.store.keyPerson.phone,
         picEmail: e.store.keyPerson.email
       });
-      let h = e.ref.name;
-      return e.store.event === "ORDERING" && (h = e.ref.profile.name), {
+      let y = e.ref.name;
+      return e.store.event === "ORDERING" && (y = e.ref.profile.name), {
         _id: e._id,
         event: e.store.event,
-        name: h,
+        name: y,
         status: e.status,
         isActive: e.enable,
-        ...t,
-        ...d
+        ...a,
+        ..._
       };
-    }, I = [
+    }, R = [
       {
         header: () => "Type",
         accessorKey: "event",
@@ -180,7 +182,7 @@ const T = /* @__PURE__ */ b({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: e, row: t }) => k(T, { row: t, data: e.getValue() }),
+        cell: ({ cell: e, row: a }) => w(G, { row: a, data: e.getValue() }),
         meta: {
           maxWidth: "108px",
           textAlign: "right"
@@ -192,54 +194,54 @@ const T = /* @__PURE__ */ b({
         meta: {
           maxWidth: "64px"
         },
-        cell: ({ cell: e, row: t }) => k($, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => w(U, { row: a, data: e.getValue() })
       },
       {
         header: () => "Bank Details",
         accessorKey: "bank",
-        cell: ({ cell: e, row: t }) => k(G, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => w(L, { row: a, data: e.getValue() })
       },
       {
         header: () => "Person In-Charge (PIC)",
         accessorKey: "pic",
-        cell: ({ cell: e, row: t }) => k(U, { row: t, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => w(W, { row: a, data: e.getValue() })
       }
     ];
-    return (e, t) => {
-      const d = i("FmSelect"), h = i("FmSearch"), B = i("FmFormGroup");
-      return f(), g(O, {
+    return (e, a) => {
+      const _ = m("FmSelect"), y = m("FmSearch"), B = m("FmFormGroup");
+      return g(), h(K, {
         title: "Payout Accounts",
         loading: !1
       }, {
-        default: _(() => [
-          V("div", L, [
-            c(d, {
-              modelValue: u(o),
-              "onUpdate:modelValue": t[0] || (t[0] = (m) => y(o) ? o.value = m : null),
+        default: f(() => [
+          P("div", Q, [
+            c(_, {
+              modelValue: l(r),
+              "onUpdate:modelValue": a[0] || (a[0] = (o) => k(r) ? r.value = o : null),
               class: "mr-6 w-[128px]",
               label: "Type",
               "label-mark": "required",
               items: n.value
             }, null, 8, ["modelValue", "items"]),
-            c(d, {
-              modelValue: u(r),
-              "onUpdate:modelValue": t[1] || (t[1] = (m) => y(r) ? r.value = m : null),
+            c(_, {
+              modelValue: l(p),
+              "onUpdate:modelValue": a[1] || (a[1] = (o) => k(p) ? p.value = o : null),
               class: "mr-6 w-[300px]",
               label: "Status",
               "label-mark": "required",
               multiselect: "",
-              items: a.value
+              items: t.value
             }, null, 8, ["modelValue", "items"]),
             c(B, {
               class: "w-[300px]",
-              modelValue: u(l),
-              "onUpdate:modelValue": t[3] || (t[3] = (m) => y(l) ? l.value = m : null),
+              modelValue: l(i),
+              "onUpdate:modelValue": a[3] || (a[3] = (o) => k(i) ? i.value = o : null),
               label: "Search"
             }, {
-              default: _(() => [
-                c(h, {
-                  modelValue: u(l),
-                  "onUpdate:modelValue": t[2] || (t[2] = (m) => y(l) ? l.value = m : null),
+              default: f(() => [
+                c(y, {
+                  modelValue: l(i),
+                  "onUpdate:modelValue": a[2] || (a[2] = (o) => k(i) ? i.value = o : null),
                   placeholder: "Search accounts ..."
                 }, null, 8, ["modelValue"])
               ]),
@@ -249,11 +251,12 @@ const T = /* @__PURE__ */ b({
           c(D, {
             ref_key: "controller",
             ref: s,
-            "column-defs": I,
-            "rows-defs": P,
-            paginate: (m, R) => u(K).read({ event: u(o), status: u(r), searchKey: u(l), limit: m, cursor: R }),
-            onRowClick: () => {
-            }
+            "column-defs": R,
+            "rows-defs": I,
+            paginate: (o, A) => l($).read({ event: l(r), status: l(p), searchKey: l(i), limit: o, cursor: A }),
+            onRowClick: a[4] || (a[4] = (o) => l(u).push({
+              path: `/payment/admin/payout-accounts/${o._id}`
+            }))
           }, null, 8, ["paginate"])
         ]),
         _: 1
@@ -262,5 +265,5 @@ const T = /* @__PURE__ */ b({
   }
 });
 export {
-  J as default
+  ee as default
 };