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

package/dist/PayoutAccount-C3OOz1oi.js

@@ -0,0 +1,272 @@
+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-DA_XRfnd.js";
+import { _ as O } from "./index-De4-LJjg.js";
+import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-1DSAdvX7.js";
+import { P as V } from "./payout-account-BBG-e-NS.js";
+import { p as D } from "./index-DN6pSWL_.js";
+import "@feedmepos/ui-library";
+import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-J6BwjC-p.js";
+import { useRouter as $ } from "vue-router";
+const G = /* @__PURE__ */ b({
+  __name: "Status",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(d) {
+    const r = d;
+    function t() {
+      return r.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : r.data === "PENDING" ? "!w-[16px] !h-[16px] bg-red-400" : "!w-[16px] !h-[16px] bg-green-400";
+    }
+    return (s, u) => {
+      const n = m("FmBadge");
+      return g(), h(n, {
+        inline: "",
+        class: N(t())
+      }, {
+        default: f(() => [
+          P("div", null, C(s.data), 1)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+}), U = /* @__PURE__ */ b({
+  __name: "IsActive",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(d) {
+    const r = d;
+    function t() {
+      return r.data ? "#66BB6A" : "#EF5350";
+    }
+    function s() {
+      return r.data ? "check" : "close";
+    }
+    return (u, n) => {
+      const p = m("FmIcon");
+      return g(), h(p, {
+        name: s(),
+        color: t(),
+        size: "lg"
+      }, null, 8, ["name", "color"]);
+    };
+  }
+}), L = /* @__PURE__ */ b({
+  __name: "Bank",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(d) {
+    function r(t) {
+      return t ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (t, s) => {
+      const u = m("FmBadge"), n = m("FmListItem");
+      return g(), h(n, {
+        label: t.row.original.holderName,
+        sublabel: t.row.original.bankName + "  -  " + t.row.original.bankNumber,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: f(() => [
+          c(u, {
+            inline: "",
+            class: N(r(t.row.original.bankReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), W = /* @__PURE__ */ b({
+  __name: "PersonInCharge",
+  props: {
+    row: {},
+    data: {}
+  },
+  setup(d) {
+    function r(t) {
+      return t ? "!w-[16px] !h-[16px] bg-green-400" : "!w-[16px] !h-[16px] bg-red-400";
+    }
+    return (t, s) => {
+      const u = m("FmBadge"), n = m("FmListItem");
+      return g(), h(n, {
+        label: t.row.original.picName,
+        sublabel: t.row.original.picEmail + "  -  " + t.row.original.picPhone,
+        clickable: !1,
+        tag: "label"
+      }, {
+        append: f(() => [
+          c(u, {
+            inline: "",
+            class: N(r(t.row.original.picReady))
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["label", "sublabel"]);
+    };
+  }
+}), j = { class: "flex items-start mb-6" }, ee = /* @__PURE__ */ b({
+  __name: "PayoutAccount",
+  setup(d) {
+    const r = x(() => V.storeEventOptions), t = x(() => V.statusOptions), s = E(), u = $(), { event: n, status: p, searchKey: i } = S({
+      searchKey: "",
+      event: O.F_PAYOUT_FOR.Enum.ORDERING,
+      status: t.value.map((e) => e.value)
+    });
+    F([n, p], () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.reset();
+    });
+    let v;
+    F(i, async () => {
+      v && clearTimeout(v), v = setTimeout(
+        () => {
+          var e;
+          return (e = s.value) == null ? void 0 : e.reset();
+        },
+        700
+      );
+    });
+    const I = function(e) {
+      const a = {
+        bankReady: !1,
+        bankNumber: "",
+        bankName: "",
+        holderName: ""
+      };
+      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 _ = {
+        picReady: !1,
+        picName: "",
+        picPhone: "",
+        picEmail: ""
+      };
+      e.store.keyPerson && Object.assign(_, {
+        picReady: !0,
+        picName: e.store.keyPerson.name,
+        picPhone: e.store.keyPerson.phone,
+        picEmail: e.store.keyPerson.email
+      });
+      let y = e.ref.name;
+      return e.store.event === "ORDERING" && (y = e.ref.profile.name), {
+        _id: e._id,
+        event: e.store.event,
+        name: y,
+        status: e.status,
+        isActive: e.enable,
+        ...a,
+        ..._
+      };
+    }, R = [
+      {
+        header: () => "Type",
+        accessorKey: "event",
+        meta: {
+          maxWidth: "92px"
+        }
+      },
+      {
+        header: () => "Name",
+        accessorKey: "name"
+      },
+      {
+        header: () => "Status",
+        accessorKey: "status",
+        cell: ({ cell: e, row: a }) => w(G, { row: a, data: e.getValue() }),
+        meta: {
+          maxWidth: "108px",
+          textAlign: "right"
+        }
+      },
+      {
+        header: () => "Active?",
+        accessorKey: "isActive",
+        meta: {
+          maxWidth: "64px"
+        },
+        cell: ({ cell: e, row: a }) => w(U, { row: a, data: e.getValue() })
+      },
+      {
+        header: () => "Bank Details",
+        accessorKey: "bank",
+        cell: ({ cell: e, row: a }) => w(L, { row: a, data: e.getValue() })
+      },
+      {
+        header: () => "Person In-Charge (PIC)",
+        accessorKey: "pic",
+        cell: ({ cell: e, row: a }) => w(W, { row: a, data: e.getValue() })
+      }
+    ];
+    return (e, a) => {
+      const _ = m("FmSelect"), y = m("FmSearch"), B = m("FmFormGroup");
+      return g(), h(K, {
+        title: "Payout Accounts",
+        loading: !1
+      }, {
+        default: f(() => [
+          P("div", j, [
+            c(_, {
+              modelValue: l(n),
+              "onUpdate:modelValue": a[0] || (a[0] = (o) => k(n) ? n.value = o : null),
+              class: "mr-6 w-[128px]",
+              label: "Type",
+              "label-mark": "required",
+              items: r.value
+            }, null, 8, ["modelValue", "items"]),
+            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: t.value
+            }, null, 8, ["modelValue", "items"]),
+            c(B, {
+              class: "w-[300px]",
+              modelValue: l(i),
+              "onUpdate:modelValue": a[3] || (a[3] = (o) => k(i) ? i.value = o : null),
+              label: "Search"
+            }, {
+              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"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          c(T, {
+            ref_key: "controller",
+            ref: s,
+            "column-defs": R,
+            "rows-defs": I,
+            paginate: (o, A) => l(D).read({ event: l(n), status: l(p), searchKey: l(i), limit: o, cursor: A }),
+            onRowClick: a[4] || (a[4] = (o) => l(u).push({
+              name: "mf-payment-admin.payout-account-settings",
+              params: {
+                accountId: o._id
+              }
+            }))
+          }, null, 8, ["paginate"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  ee as default
+};