@feedmepos/mf-payment 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/{PayoutAccount-Bj5zvmoj.js → PayoutAccount-BCWthHjR.js}

@@ -1,133 +1,134 @@
-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-7KNaibcq.js";
-import { _ as O } from "./index-CWaKb7bG.js";
+import { defineComponent as g, resolveComponent as i, openBlock as h, createBlock as y, normalizeClass as N, withCtx as _, createElementVNode as P, toDisplayString as C, createVNode as p, computed as x, ref as E, watch as F, unref as s, isRef as b, h as v } from "vue";
+import { u as S } from "./index-BwFHcZlm.js";
+import { _ as O } from "./index-4meiCsRz.js";
 import { _ as K } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { P as V } from "./payout-account-CBT1rfSS.js";
-import { p as D } from "./index-BwcJZFsi.js";
+import { P as V } from "./payout-account-CSEKeh4S.js";
+import { p as $ } from "./index-BFYq3eq8.js";
 import "@feedmepos/ui-library";
-import { _ as T } from "./index.vue_vue_type_script_setup_true_lang-JdAFa8vy.js";
-import { useRouter as $ } from "vue-router";
-const G = /* @__PURE__ */ b({
+import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-CKOlikHb.js";
+import { useRouter as T } from "vue-router";
+import { _ as U } from "./SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js";
+const G = /* @__PURE__ */ g({
   __name: "Status",
   props: {
     row: {},
     data: {}
   },
   setup(d) {
-    const r = d;
+    const o = 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 o.data === "NEW" ? "!w-[16px] !h-[16px] bg-yellow-400" : o.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, {
+    return (m, c) => {
+      const r = i("FmBadge");
+      return h(), y(r, {
         inline: "",
         class: N(t())
       }, {
-        default: f(() => [
-          P("div", null, C(s.data), 1)
+        default: _(() => [
+          P("div", null, C(m.data), 1)
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), U = /* @__PURE__ */ b({
+}), L = /* @__PURE__ */ g({
   __name: "IsActive",
   props: {
     row: {},
     data: {}
   },
   setup(d) {
-    const r = d;
+    const o = d;
     function t() {
-      return r.data ? "#66BB6A" : "#EF5350";
+      return o.data ? "#66BB6A" : "#EF5350";
     }
-    function s() {
-      return r.data ? "check" : "close";
+    function m() {
+      return o.data ? "check" : "close";
     }
-    return (u, n) => {
-      const p = m("FmIcon");
-      return g(), h(p, {
-        name: s(),
+    return (c, r) => {
+      const l = i("FmIcon");
+      return h(), y(l, {
+        name: m(),
         color: t(),
         size: "lg"
       }, null, 8, ["name", "color"]);
     };
   }
-}), L = /* @__PURE__ */ b({
+}), W = /* @__PURE__ */ g({
   __name: "Bank",
   props: {
     row: {},
     data: {}
   },
   setup(d) {
-    function r(t) {
+    function o(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, {
+    return (t, m) => {
+      const c = i("FmBadge"), r = i("FmListItem");
+      return h(), y(r, {
         label: t.row.original.holderName,
         sublabel: t.row.original.bankName + "  -  " + t.row.original.bankNumber,
         clickable: !1,
         tag: "label"
       }, {
-        append: f(() => [
-          c(u, {
+        append: _(() => [
+          p(c, {
             inline: "",
-            class: N(r(t.row.original.bankReady))
+            class: N(o(t.row.original.bankReady))
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 8, ["label", "sublabel"]);
     };
   }
-}), W = /* @__PURE__ */ b({
+}), j = /* @__PURE__ */ g({
   __name: "PersonInCharge",
   props: {
     row: {},
     data: {}
   },
   setup(d) {
-    function r(t) {
+    function o(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, {
+    return (t, m) => {
+      const c = i("FmBadge"), r = i("FmListItem");
+      return h(), y(r, {
         label: t.row.original.picName,
         sublabel: t.row.original.picEmail + "  -  " + t.row.original.picPhone,
         clickable: !1,
         tag: "label"
       }, {
-        append: f(() => [
-          c(u, {
+        append: _(() => [
+          p(c, {
             inline: "",
-            class: N(r(t.row.original.picReady))
+            class: N(o(t.row.original.picReady))
           }, null, 8, ["class"])
         ]),
         _: 1
       }, 8, ["label", "sublabel"]);
     };
   }
-}), j = { class: "flex items-start mb-6" }, ee = /* @__PURE__ */ b({
+}), q = { class: "flex items-start mb-6" }, te = /* @__PURE__ */ g({
   __name: "PayoutAccount",
   setup(d) {
-    const r = x(() => V.storeEventOptions), t = x(() => V.statusOptions), s = E(), u = $(), { event: n, status: p, searchKey: i } = S({
+    const o = x(() => V.storeEventOptions), t = x(() => V.statusOptions), m = E(), c = T(), { event: r, status: l, searchKey: u } = S({
       searchKey: "",
       event: O.F_PAYOUT_FOR.Enum.ORDERING,
       status: t.value.map((e) => e.value)
     });
-    F([n, p], () => {
+    F([r, l], () => {
       var e;
-      return (e = s.value) == null ? void 0 : e.reset();
+      return (e = m.value) == null ? void 0 : e.reset();
     });
-    let v;
-    F(i, async () => {
-      v && clearTimeout(v), v = setTimeout(
+    let w;
+    F(u, async () => {
+      w && clearTimeout(w), w = setTimeout(
         () => {
           var e;
-          return (e = s.value) == null ? void 0 : e.reset();
+          return (e = m.value) == null ? void 0 : e.reset();
         },
         700
       );
@@ -145,27 +146,27 @@ const G = /* @__PURE__ */ b({
         bankName: e.store.bank.name,
         holderName: e.store.bank.holderName
       });
-      const _ = {
+      const f = {
         picReady: !1,
         picName: "",
         picPhone: "",
         picEmail: ""
       };
-      e.store.keyPerson && Object.assign(_, {
+      e.store.keyPerson && Object.assign(f, {
         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), {
+      let k = e.ref.name;
+      return e.store.event === "ORDERING" && (k = e.ref.profile.name), {
         _id: e._id,
         event: e.store.event,
-        name: y,
+        name: k,
         status: e.status,
         isActive: e.enable,
         ...a,
-        ..._
+        ...f
       };
     }, R = [
       {
@@ -182,7 +183,7 @@ const G = /* @__PURE__ */ b({
       {
         header: () => "Status",
         accessorKey: "status",
-        cell: ({ cell: e, row: a }) => w(G, { row: a, data: e.getValue() }),
+        cell: ({ cell: e, row: a }) => v(G, { row: a, data: e.getValue() }),
         meta: {
           maxWidth: "108px",
           textAlign: "right"
@@ -194,70 +195,79 @@ const G = /* @__PURE__ */ b({
         meta: {
           maxWidth: "64px"
         },
-        cell: ({ cell: e, row: a }) => w(U, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => v(L, { row: a, data: e.getValue() })
       },
       {
         header: () => "Bank Details",
         accessorKey: "bank",
-        cell: ({ cell: e, row: a }) => w(L, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => v(W, { row: a, data: e.getValue() })
       },
       {
         header: () => "Person In-Charge (PIC)",
         accessorKey: "pic",
-        cell: ({ cell: e, row: a }) => w(W, { row: a, data: e.getValue() })
+        cell: ({ cell: e, row: a }) => v(j, { row: a, data: e.getValue() })
       }
     ];
     return (e, a) => {
-      const _ = m("FmSelect"), y = m("FmSearch"), B = m("FmFormGroup");
-      return g(), h(K, {
+      const f = i("FmSelect"), k = i("FmSearch"), B = i("FmFormGroup");
+      return h(), y(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),
+        default: _(() => [
+          P("div", q, [
+            p(f, {
+              modelValue: s(r),
+              "onUpdate:modelValue": a[0] || (a[0] = (n) => b(r) ? r.value = n : null),
               class: "mr-6 w-[128px]",
               label: "Type",
               "label-mark": "required",
-              items: r.value
+              items: o.value
             }, null, 8, ["modelValue", "items"]),
-            c(_, {
-              modelValue: l(p),
-              "onUpdate:modelValue": a[1] || (a[1] = (o) => k(p) ? p.value = o : null),
+            p(f, {
+              modelValue: s(l),
+              "onUpdate:modelValue": a[2] || (a[2] = (n) => b(l) ? l.value = n : null),
               class: "mr-6 w-[300px]",
               label: "Status",
               "label-mark": "required",
               multiselect: "",
               items: t.value
-            }, null, 8, ["modelValue", "items"]),
-            c(B, {
+            }, {
+              "prepend-menu": _(() => [
+                p(U, {
+                  modelValue: s(l),
+                  "onUpdate:modelValue": a[1] || (a[1] = (n) => b(l) ? l.value = n : null),
+                  items: t.value
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items"]),
+            p(B, {
               class: "w-[300px]",
-              modelValue: l(i),
-              "onUpdate:modelValue": a[3] || (a[3] = (o) => k(i) ? i.value = o : null),
+              modelValue: s(u),
+              "onUpdate:modelValue": a[4] || (a[4] = (n) => b(u) ? u.value = n : null),
               label: "Search"
             }, {
-              default: f(() => [
-                c(y, {
-                  modelValue: l(i),
-                  "onUpdate:modelValue": a[2] || (a[2] = (o) => k(i) ? i.value = o : null),
+              default: _(() => [
+                p(k, {
+                  modelValue: s(u),
+                  "onUpdate:modelValue": a[3] || (a[3] = (n) => b(u) ? u.value = n : null),
                   placeholder: "Search accounts ..."
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["modelValue"])
           ]),
-          c(T, {
+          p(D, {
             ref_key: "controller",
-            ref: s,
+            ref: m,
             "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({
+            paginate: (n, A) => s($).read({ event: s(r), status: s(l), searchKey: s(u), limit: n, cursor: A }),
+            onRowClick: a[5] || (a[5] = (n) => s(c).push({
               name: "mf-payment-admin.payout-account-settings",
               params: {
-                accountId: o._id
+                accountId: n._id
               }
             }))
           }, null, 8, ["paginate"])
@@ -268,5 +278,5 @@ const G = /* @__PURE__ */ b({
   }
 });
 export {
-  ee as default
+  te as default
 };

package/dist/{PayoutAccount-BHRhEZ9h.js → PayoutAccount-BU2ocKJ0.js}

@@ -1,19 +1,19 @@
 import { defineComponent as f, ref as W, reactive as k, computed as j, watch as p, resolveComponent as Y, openBlock as n, createBlock as u, withCtx as E, createElementVNode as r, createVNode as D, unref as w, createCommentVNode as I, createElementBlock as N, normalizeClass as U, toDisplayString as R, h as O, onMounted as T, Fragment as L } from "vue";
-import { p as z } from "./index-BwcJZFsi.js";
-import { _ as y, u as S, e as K } from "./index-CWaKb7bG.js";
+import { p as z } from "./index-BFYq3eq8.js";
+import { _ as y, u as S, e as K } from "./index-4meiCsRz.js";
 import { defineStore as _ } from "pinia";
 import { useCoreStore as $ } from "@feedmepos/mf-common";
-import { c as AA, P as v } from "./payout-account-CBT1rfSS.js";
+import { c as AA, P as v } from "./payout-account-CSEKeh4S.js";
 import { useDialogChild as sA, useDialog as eA } from "@feedmepos/ui-library";
 import { z as X, a as x } from "./validator-D5jtpt9A.js";
-import { P as J } from "./PDFViewer-CjH_C1uT.js";
+import { P as J } from "./PDFViewer-xrBtzrlR.js";
 import { _ as tA } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 function aA() {
   return {
     businessPayoutAccounts: []
   };
 }
-const gA = _("payoutAccount", {
+const gA = _("mf-payment-payoutAccount", {
   state: () => aA(),
   getters: {
     getBusinessPayoutAccounts: (a) => a.businessPayoutAccounts
@@ -512,7 +512,7 @@ const gA = _("payoutAccount", {
 }, YA = { class: "hidden mr-6 lg:block lg:w-1/6" }, GA = ["src"], mA = { class: "w-full max-w-lg text-left" }, dA = { class: "py-4" }, CA = { class: "flex justify-end items-center mb-6" }, VA = { class: "flex space-x-4 items-center" }, jA = /* @__PURE__ */ f({
   __name: "PayoutAccount",
   setup(a) {
-    const { currentBusiness: o, restaurants: g } = $(), { isLoading: d, startAsyncCall: s } = S(!0), G = eA(), m = gA(), e = j(() => m.getBusinessPayoutAccounts), B = j(() => g.value.filter((c) => e.value.find((t) => t.store.id !== c._id) !== void 0).map((c) => ({ label: c.profile.name, value: c._id }))), M = j(() => {
+    const { currentBusiness: o, restaurants: g } = $(), { isLoading: d, startAsyncCall: s } = S(!0), G = eA(), m = gA(), e = j(() => m.getBusinessPayoutAccounts), B = j(() => g.value.filter((c) => e.value.findIndex((t) => t.store.id === c._id) === -1).map((c) => ({ label: c.profile.name, value: c._id }))), M = j(() => {
       var c, t;
       return [{ label: (c = o.value) == null ? void 0 : c.name, value: (t = o.value) == null ? void 0 : t._id }];
     }), V = j(() => B.value.length > 0 || !e.value.find((c) => c.store.event === "MARKETING"));

package/dist/{PayoutAccountSetting-kUQLeAcb.js → PayoutAccountSetting-CmgVLhdp.js}

@@ -1,10 +1,10 @@
 import { defineComponent as I, resolveComponent as m, openBlock as g, createElementBlock as R, Fragment as D, createElementVNode as s, createVNode as u, withCtx as x, createTextVNode as C, toDisplayString as P, createCommentVNode as U, createBlock as V, ref as k, watch as O, computed as K, unref as r, isRef as j, h as q, onMounted as Y, resolveDynamicComponent as z, normalizeProps as H, mergeProps as L } from "vue";
-import { p as N } from "./index-BwcJZFsi.js";
-import { g as B, b as E, u as Q, e as $ } from "./index-CWaKb7bG.js";
+import { p as N } from "./index-BFYq3eq8.js";
+import { g as B, b as E, u as Q, e as $ } from "./index-4meiCsRz.js";
 import { _ as Z } from "./Layout.vue_vue_type_script_setup_true_lang-DJm5br5a.js";
 import { useRouter as J } from "vue-router";
-import { u as W } from "./index-7KNaibcq.js";
-import { P as M } from "./PDFViewer-CjH_C1uT.js";
+import { u as W } from "./index-BwFHcZlm.js";
+import { P as M } from "./PDFViewer-xrBtzrlR.js";
 import { useSnackbar as X } from "@feedmepos/ui-library";
 import { u as h } from "./error-K1CakhA9.js";
 import { z as A, a as S } from "./validator-D5jtpt9A.js";

package/dist/SelectAll.vue_vue_type_script_setup_true_lang-DA4rs3tk.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, mergeModels as r, useModel as s, computed as i, resolveComponent as d, openBlock as p, createBlock as v } from "vue";
+import "@feedmepos/ui-library";
+const h = /* @__PURE__ */ c({
+  __name: "SelectAll",
+  props: /* @__PURE__ */ r({
+    label: {
+      type: String
+    },
+    items: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    modelValue: {
+      required: !0,
+      type: Array
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = s(e, "modelValue"), t = e, o = i(() => {
+      const a = l.value;
+      return t.items.filter((n) => a.includes(n.value)).length === t.items.length;
+    });
+    return (a, n) => {
+      const u = d("FmMenuItem");
+      return p(), v(u, {
+        "model-value": o.value,
+        "has-checkbox": "",
+        key: "select-all",
+        label: e.label ?? "All",
+        onclick: () => {
+          o.value ? l.value = [] : l.value = e.items.map((m) => m.value);
+        }
+      }, null, 8, ["model-value", "label", "onclick"]);
+    };
+  }
+});
+export {
+  h as _
+};

package/dist/{Settlement-JHOJNkhd.js → Settlement-B1-WmCwC.js}

@@ -1,15 +1,16 @@
-import { defineComponent as h, ref as C, computed as V, resolveComponent as i, openBlock as k, createBlock as D, h as M, watch as $, onMounted as L, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as K, createElementBlock as P, Fragment as E, renderList as O } from "vue";
-import { u as S } from "./index-CWaKb7bG.js";
-import { h as v } from "./moment-h96o7c8I.js";
-import { s as d } from "./index-CojhNtuG.js";
+import { defineComponent as C, ref as h, computed as x, resolveComponent as d, openBlock as k, createBlock as A, h as B, watch as V, onMounted as I, unref as a, withCtx as b, createElementVNode as y, createVNode as s, isRef as $, createElementBlock as L, Fragment as K, renderList as E } from "vue";
+import { u as D } from "./index-4meiCsRz.js";
+import { h as g } from "./moment-h96o7c8I.js";
+import { s as c } from "./index-CETCXB6X.js";
 import { useSnackbar as T } from "@feedmepos/ui-library";
-import { d as g } from "./dinero-CIVmXLL-.js";
-import { _ as Y } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
+import { d as v } from "./dinero-CIVmXLL-.js";
+import { _ as P } from "./AutoCopyCell.vue_vue_type_script_setup_true_lang-GXPXBEf5.js";
 import { useRouter as q } from "vue-router";
 import { _ as N } from "./AdminLayout.vue_vue_type_script_setup_true_lang-BTmMOzwx.js";
-import { u as U } from "./index-7KNaibcq.js";
-import { u as j } from "./error-K1CakhA9.js";
-const z = /* @__PURE__ */ h({
+import { u as O } from "./index-BwFHcZlm.js";
+import { u as U } from "./error-K1CakhA9.js";
+import { _ as j } from "./DateRangePicker.vue_vue_type_script_setup_true_lang-dP_5WjEJ.js";
+const z = /* @__PURE__ */ C({
   __name: "SettlementTable",
   props: {
     data: {
@@ -23,11 +24,11 @@ const z = /* @__PURE__ */ h({
   },
   emits: ["row-click"],
   setup(w, { emit: u }) {
-    const r = w, m = u, o = C(""), p = [
+    const r = w, i = u, o = h(""), p = [
       {
         header: () => "Settlement ID",
         accessorKey: "id",
-        cell: ({ cell: e }) => M(Y, { data: e.getValue() })
+        cell: ({ cell: e }) => B(P, { data: e.getValue() })
       },
       {
         header: () => "Created At",
@@ -48,38 +49,38 @@ const z = /* @__PURE__ */ h({
         header: () => "Settlement Amount",
         accessorKey: "payout"
       }
-    ], f = V(() => r.data.map((e) => ({
+    ], f = x(() => r.data.map((e) => ({
       id: e._id,
-      transactionAt: v(e.createdAt).format("YYYY-MM-DD"),
-      amount: g(e.totalAmount).toFormat("$0.00"),
-      fee: g(e.totalFee).toFormat("$0.00"),
-      payout: g(e.totalPayout).toFormat("$0.00")
+      transactionAt: g(e.createdAt).format("YYYY-MM-DD"),
+      amount: v(e.totalAmount).toFormat("$0.00"),
+      fee: v(e.totalFee).toFormat("$0.00"),
+      payout: v(e.totalPayout).toFormat("$0.00")
     })));
     return (e, n) => {
-      const _ = i("FmTable");
-      return k(), D(_, {
+      const _ = d("FmTable");
+      return k(), A(_, {
         modelValue: o.value,
         "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
         "row-data": f.value,
         "column-defs": p,
         loading: r.loading,
-        onRowClick: n[1] || (n[1] = (l) => m("row-click", r.data.at(l.index)))
+        onRowClick: n[1] || (n[1] = (l) => i("row-click", r.data.at(l.index)))
       }, null, 8, ["modelValue", "row-data", "loading"]);
     };
   }
-}), G = { class: "flex justify-between items-center mb-6" }, Q = { class: "flex space-x-4 items-center" }, H = { class: "flex space-x-4 items-center" }, ie = /* @__PURE__ */ h({
+}), G = { class: "flex justify-between items-center mb-6" }, Q = { class: "flex space-x-4 items-center" }, H = { class: "flex space-x-4" }, ie = /* @__PURE__ */ C({
   __name: "Settlement",
   setup(w) {
-    const { isLoading: u, startAsyncCall: r } = S(!0), m = S(!1), o = C([]), p = q(), f = T(), { dateRange: e } = U({
+    const { isLoading: u, startAsyncCall: r } = D(!0), i = D(!1), o = h([]), p = q(), f = T(), { dateRange: e } = O({
       dateRange: {
-        startDate: v().startOf("day").toISOString(),
-        endDate: v().endOf("day").toISOString()
+        startDate: g().startOf("day").format("YYYY-MM-DD"),
+        endDate: g().endOf("day").format("YYYY-MM-DD")
       }
     });
-    $(e, n);
+    V(e, n);
     async function n() {
       await r(async () => {
-        const F = await d.readByDate(
+        const F = await c.readByDate(
           {
             start: e.value.startDate,
             end: e.value.endDate
@@ -91,14 +92,14 @@ const z = /* @__PURE__ */ h({
     function _() {
       n();
     }
-    L(_);
+    I(_);
     const l = [
       {
         label: "Audit Report",
         sublabel: "Full transactions details report from each payment providers.",
         icon: "file_download",
         value: "auditReport",
-        onClick: () => d.downloadSettlementReport({
+        onClick: () => c.downloadSettlementReport({
           start: e.value.startDate,
           end: e.value.endDate
         })
@@ -108,7 +109,7 @@ const z = /* @__PURE__ */ h({
         sublabel: "Summarized settlement information for each payout accounts.",
         icon: "account_balance",
         value: "summaryReport",
-        onClick: () => d.downloadSummaryReport(o.value, {
+        onClick: () => c.downloadSummaryReport(o.value, {
           start: e.value.startDate,
           end: e.value.endDate
         })
@@ -118,51 +119,49 @@ const z = /* @__PURE__ */ h({
         sublabel: "Generate bank instruction file based on bank formats.",
         icon: "description",
         value: "bankInstructionFile",
-        onClick: () => d.downloadBankInstructionFile(o.value)
+        onClick: () => c.downloadBankInstructionFile(o.value)
       }
     ];
-    return (F, c) => {
-      const R = i("FmSimpleDateRangePicker"), A = i("FmButton"), x = i("FmMenuItem"), I = i("FmMenu");
-      return k(), D(N, {
+    return (F, m) => {
+      const M = d("FmButton"), R = d("FmMenuItem"), S = d("FmMenu");
+      return k(), A(N, {
         title: "Settlements",
         loading: a(u)
       }, {
         default: b(() => [
           y("div", G, [
             y("div", Q, [
-              s(R, {
+              s(j, {
                 modelValue: a(e),
-                "onUpdate:modelValue": c[0] || (c[0] = (t) => K(e) ? e.value = t : null),
-                "show-predefined-range": ""
+                "onUpdate:modelValue": m[0] || (m[0] = (t) => $(e) ? e.value = t : null)
               }, null, 8, ["modelValue"])
             ]),
             y("div", H, [
-              s(I, { trigger: "click" }, {
+              s(S, { trigger: "click" }, {
                 "menu-button": b(() => [
-                  s(A, {
-                    class: "w-full mt-6",
+                  s(M, {
                     variant: "primary",
                     "append-icon": "arrow_drop_down",
                     label: "Actions",
-                    loading: a(m).isLoading.value
+                    loading: a(i).isLoading.value
                   }, null, 8, ["loading"])
                 ]),
                 default: b(() => [
-                  (k(), P(E, null, O(l, (t) => s(x, {
+                  (k(), L(K, null, E(l, (t) => s(R, {
                     key: t.value,
                     label: t.label,
                     icon: t.icon,
                     sublabel: t.sublabel,
                     selectable: !0,
                     onClick: (J) => {
-                      a(m).startAsyncCall(async () => {
+                      a(i).startAsyncCall(async () => {
                         try {
                           await t.onClick();
-                        } catch (B) {
+                        } catch (Y) {
                           a(f).open({
                             type: "error",
                             title: "Error",
-                            message: a(j)(B)
+                            message: a(U)(Y)
                           });
                         }
                       });
@@ -176,7 +175,7 @@ const z = /* @__PURE__ */ h({
           s(z, {
             loading: a(u),
             data: o.value,
-            onRowClick: c[1] || (c[1] = (t) => a(p).push({
+            onRowClick: m[1] || (m[1] = (t) => a(p).push({
               name: "mf-payment-admin.settlement-transaction",
               params: {
                 settlementId: t._id