@feedmepos/mf-connect 0.0.24-prod → 0.0.26-prod

package/dist/StoreTransactions.vue_vue_type_script_setup_true_lang-DNIqB0jd.js

@@ -1,795 +0,0 @@
-import { defineComponent as P, ref as k, computed as $, onMounted as z, resolveComponent as x, openBlock as R, createBlock as E, unref as n, withCtx as N, createVNode as g, normalizeClass as U, createCommentVNode as re, createElementVNode as I, toDisplayString as q, createElementBlock as L, Fragment as le, renderList as se, mergeModels as K, useModel as ie, watch as j, onBeforeMount as ce, h as c } from "vue";
-import { components as S } from "@feedmepos/ui-library";
-import { d as ue } from "./index-Cr7N263J.js";
-import { a as X } from "./loading-CrTiMhEE.js";
-import { s as de } from "./index-Dbd4WA4r.js";
-import { h as b } from "./moment-BWErdI6_.js";
-import { s as Y } from "./index-CuvNtC_M.js";
-import { f as H } from "./number-DRvZfW5z.js";
-import { u as me } from "./business-DGCDUsna.js";
-import { u as J, _ as Q } from "./usePagination-JoYaROkV.js";
-import { g as Z } from "./user-Bm4KttFq.js";
-import { B as ee, a as te } from "./export-BArwqiqn.js";
-import { o as A } from "./objectId-dwaoBfJX.js";
-import { g as G, a as pe, S as fe, b as ge } from "./index-CksikPRJ.js";
-function ye(r) {
-  let s = "";
-  switch (r) {
-    case "PORTAL":
-      s = "ADMIN";
-      break;
-    case "BENEFIT":
-      s = "MEMBERSHIP";
-      break;
-    case "ORDER":
-      s = "ORDER";
-      break;
-    case "BILL":
-      s = "SPENDING";
-      break;
-    case "CASHBACK":
-      s = "CASHBACK";
-      break;
-    case "CYCLE":
-      s = "EXPIRED";
-      break;
-    case "COUNTER_CONSUME":
-      s = "COUNTER REDEEM";
-      break;
-    default:
-      s = r;
-      break;
-  }
-  return s;
-}
-function be(r) {
-  var s, l, p, d, o, y;
-  switch ((s = r == null ? void 0 : r.pf_collectible) == null ? void 0 : s.type) {
-    case "VOUCHER":
-      return `${(l = r.pf_collectible) == null ? void 0 : l.type} (${(p = r.pf_collectible) == null ? void 0 : p.name})`;
-    case "TITLE":
-      return `${(d = r.pf_collectible) == null ? void 0 : d.type} (${(o = r.pf_collectible) == null ? void 0 : o.name})`;
-    case "POINT":
-      return "Experience";
-    case "COIN":
-      return "Point";
-    default:
-      return de((y = r == null ? void 0 : r.pf_collectible) == null ? void 0 : y.type);
-  }
-}
-function he(r) {
-  switch (r) {
-    case "ONLINE":
-      return "Online";
-    case "COIN":
-      return "Point";
-    default:
-      return r;
-  }
-}
-const T = {
-  getReason: ye,
-  formattedType: be,
-  formattedPaymentType: he
-}, ve = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, B = /* @__PURE__ */ P({
-  __name: "FilterChip",
-  props: {
-    modelValue: {
-      type: Array,
-      required: !1
-    },
-    label: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    showItemLabel: {
-      type: Boolean,
-      default: !1
-    },
-    placement: {
-      type: String,
-      required: !1,
-      default: "bottom-end"
-    },
-    class: {
-      type: String,
-      required: !1
-    },
-    disabled: {
-      type: Boolean,
-      required: !1
-    },
-    items: {
-      type: Array,
-      required: !0
-    },
-    icon: {
-      type: String,
-      required: !1
-    }
-  },
-  emits: ["update:model-value"],
-  setup(r, { emit: s }) {
-    const l = r, p = s, d = k(!1), o = k({}), y = $(() => {
-      if (!o.value || Object.keys(o.value).length == l.items.length)
-        return "All";
-      {
-        const m = Object.keys(o.value).length;
-        return `${m > 0 ? m : "None"} selected`;
-      }
-    });
-    function D(m) {
-      o.value[m] ? delete o.value[m] : o.value[m] = !0, p("update:model-value", Object.keys(o.value));
-    }
-    function C() {
-      Object.keys(o.value).length > 0 ? o.value = {} : o.value = l.items.reduce((m, t) => (m[t.value] = !0, m), {}), p("update:model-value", Object.keys(o.value));
-    }
-    return z(() => {
-      o.value = l.modelValue.reduce(
-        (m, t) => (m[t] = !0, m),
-        {}
-      ), l.modelValue.length == 0;
-    }), (m, t) => {
-      const u = x("FmIcon"), _ = x("FmChip"), w = x("FmMenuItem"), f = x("FmMenu");
-      return R(), E(f, {
-        placement: r.placement || "bottom-end",
-        disabled: r.disabled == !0,
-        "model-value": n(d),
-        onMenuChanged: t[0] || (t[0] = (e) => d.value = e),
-        "close-on-click": !1
-      }, {
-        "menu-button": N(() => [
-          g(_, {
-            label: r.label,
-            class: U(l.class || "text-fm-color-neutral-gray-400 cursor-pointer")
-          }, {
-            default: N(() => [
-              l.icon ? (R(), E(u, {
-                key: 0,
-                name: l.icon,
-                class: U(l.class),
-                outline: "",
-                size: "sm"
-              }, null, 8, ["name", "class"])) : re("", !0),
-              I("div", ve, q(l.label) + " " + q(r.showItemLabel ? n(y) : ""), 1),
-              g(u, {
-                name: n(d) ? "keyboard_arrow_up" : "keyboard_arrow_down",
-                class: U(l.class),
-                outline: "",
-                size: "sm"
-              }, null, 8, ["name", "class"])
-            ]),
-            _: 1
-          }, 8, ["label", "class"])
-        ]),
-        default: N(() => [
-          g(w, {
-            "model-value": Object.keys(n(o)).length === l.items.length,
-            label: "All",
-            "has-checkbox": !0,
-            indeterminate: !0,
-            onClick: C
-          }, null, 8, ["model-value"]),
-          (R(!0), L(le, null, se(l.items ?? [], (e) => (R(), E(w, {
-            key: e.value,
-            value: e.value,
-            label: e.label,
-            "has-checkbox": !0,
-            "model-value": n(o)[e.value],
-            "onUpdate:modelValue": (a) => D(e.value)
-          }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["placement", "disabled", "model-value"]);
-    };
-  }
-}), O = "YYYY-MM-DD", ae = /* @__PURE__ */ P({
-  __name: "DateRangeChip",
-  props: /* @__PURE__ */ K({
-    modelValue: {
-      type: Object,
-      required: !0
-    }
-  }, {
-    dateRange: {
-      type: Object,
-      default: () => ({
-        startDate: b().subtract(7, "day").format(O),
-        endDate: b().endOf("day").format(O)
-      })
-    },
-    dateRangeModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["update:model-value"], ["update:dateRange"]),
-  setup(r, { emit: s }) {
-    const l = r, p = s, d = ie(r, "dateRange"), o = $(() => d.value ? `${y.value.startDate ?? "Start"} - ${y.value.endDate ?? "End"}` : "No dates selected."), y = $(() => ({
-      startDate: d.value.startDate ? b(d.value.startDate).format(O) : void 0,
-      endDate: d.value.endDate ? b(d.value.endDate).format(O) : void 0
-    }));
-    return z(() => {
-      d.value = l.modelValue;
-    }), j(
-      () => d.value,
-      () => {
-        p("update:model-value", y.value);
-      }
-    ), (D, C) => {
-      const m = x("FmChip"), t = x("FmDateRangePicker");
-      return R(), E(t, {
-        modelValue: d.value,
-        "onUpdate:modelValue": C[0] || (C[0] = (u) => d.value = u),
-        "show-predefined-range": ""
-      }, {
-        "trigger-button": N(() => [
-          g(m, {
-            label: n(o),
-            icon: "calendar_month",
-            "right-icon": "keyboard_arrow_down",
-            class: "text-fm-color-neutral-gray-400 cursor-pointer"
-          }, null, 8, ["label"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-class _e extends ee {
-}
-const W = () => {
-  const r = fe.getBusinessId();
-  if (!r) throw new Error("Invalid business ID");
-  return ge(`businesses/${r}/transactions`, {
-    noIdRequired: !0
-  });
-}, M = {
-  async readAll(r, s) {
-    const l = G(
-      await W().get("", {
-        params: { ...r, ...s }
-      })
-    );
-    return {
-      meta: l.meta,
-      resources: l.resources
-    };
-  },
-  async readStoreTransactions(r, s) {
-    const l = G(
-      await W().get("/store", {
-        params: { ...r, ...s }
-      })
-    );
-    return {
-      meta: l.meta,
-      resources: l.resources
-    };
-  },
-  async readBills(r, s, l) {
-    return (await pe("").get(`/restaurants/${r}/receipt?start=${s}&end=${l}`)).data;
-  }
-}, Se = { class: "hidden xs:flex items-center justify-end" }, xe = { class: "flex items-center justify-between" }, we = { class: "flex gap-8 items-center w-full overflow-x-scroll" }, De = { class: "xs:hidden" }, Le = /* @__PURE__ */ P({
-  __name: "CollectionTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(r) {
-    const s = me(), l = r, p = k(!1), d = [
-      {
-        header: "Transaction ID",
-        accessorKey: "_id",
-        meta: {
-          maxWidth: "100px"
-        },
-        cell(e) {
-          return c("div", { class: "flex items-center" }, [
-            c(S.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4",
-              onClick: (a) => {
-                a.preventDefault(), a.stopPropagation(), X(e.row.original._id.toString());
-              }
-            }),
-            c(
-              "div",
-              { class: "pr-2 text-ellipsis overflow-hidden" },
-              e.row.original._id.toString()
-            )
-          ]);
-        },
-        enableSorting: !1
-      },
-      {
-        header: "Created at",
-        accessorKey: "_id",
-        accessorFn: (e) => b(A(e._id.toString())).format("D MMM YYYY, hh:mmA"),
-        enableSorting: !0
-      },
-      {
-        header: "Amount",
-        // accessorKey: 'totalAmount',
-        enableSorting: !1,
-        cell(e) {
-          var v, i, F, V;
-          const a = H(
-            e.row.original.expiryAmount.reduce(
-              (ne, oe) => ne + oe.amount,
-              e.row.original.amount ?? 0
-            ),
-            2
-          ), h = (i = (v = e.row.original.expiryAmount) == null ? void 0 : v[0]) != null && i.expiredAt ? b((V = (F = e.row.original.expiryAmount) == null ? void 0 : F[0]) == null ? void 0 : V.expiredAt).format(
-            "D MMM YYYY"
-          ) : "";
-          return c("div", { class: "flex items-center" }, [
-            c(
-              "div",
-              {
-                class: [
-                  "pr-2",
-                  +a > 0 ? "text-fm-color-system-success-300" : "text-fm-color-system-error-300"
-                ]
-              },
-              a
-            ),
-            c("div", { class: "flex items-center" }, [
-              e.row.original.expiryAmount.length > 0 ? c(
-                S.FmTooltip,
-                {
-                  content: `Expired on ${h}`
-                },
-                [
-                  c(S.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : c("div")
-            ])
-          ]);
-        }
-      },
-      {
-        header: "Type",
-        accessorKey: "pf_collectible.type",
-        accessorFn: (e) => T.formattedType(e),
-        meta: {
-          maxWidth: "200px"
-        },
-        cell(e) {
-          const a = T.formattedType(e.row.original);
-          return c("div", { class: "flex items-center" }, [
-            c("div", { class: "truncate text-ellipsis" }, a),
-            a.length > 20 ? c(
-              S.FmTooltip,
-              {
-                content: a
-              },
-              [
-                c(S.FmIcon, {
-                  name: "info",
-                  outline: !0,
-                  size: "sm"
-                })
-              ]
-            ) : null
-          ]);
-        }
-      },
-      {
-        header: "Source",
-        accessorKey: "source",
-        accessorFn: (e) => Y(T.getReason(e.source))
-      },
-      {
-        header: "User",
-        accessorKey: "pf_user.name",
-        cell(e) {
-          return Z(e.row.original.pf_user);
-        }
-      },
-      {
-        header: "Phone No.",
-        accessorKey: "pf_user.phoneNumber",
-        accessorFn: (e) => {
-          var a;
-          return ((a = e == null ? void 0 : e.pf_user) == null ? void 0 : a.phoneNumber) || "";
-        }
-      },
-      {
-        accessorFn: (e) => e.ref,
-        header: "References",
-        accessorKey: "ref",
-        cell(e) {
-          var a, h;
-          return c("div", { class: "flex items-center justify-between gap-4" }, [
-            c("div", { class: "flex items-center" }, [
-              (a = e.row.original.metadata) != null && a.remark ? c(
-                S.FmTooltip,
-                {
-                  content: (h = e.row.original.metadata) == null ? void 0 : h.remark
-                },
-                [
-                  c(S.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : c("div")
-            ]),
-            c("div", { class: "flex-1" }, e.row.original.ref)
-          ]);
-        }
-      }
-    ], o = k({
-      search: "",
-      "pf_collectible.type": [],
-      "metadata.location": [],
-      dateRange: {
-        startDate: b().subtract(7, "day").toISOString(),
-        endDate: b().endOf("day").toISOString()
-      },
-      source: []
-    }), { tableMeta: y, rowData: D, onSort: C, debouncedFetchData: m, onSearch: t } = J(async (e) => {
-      const a = {
-        ...o.value,
-        user: l.user,
-        dateRange: {
-          start: new Date(o.value.dateRange.startDate).toISOString(),
-          end: new Date(o.value.dateRange.endDate).toISOString()
-        }
-      }, h = await M.readAll(e, a);
-      return {
-        resources: h.resources.map((v) => {
-          const i = u.value.find((F) => F._id === v.ref);
-          return { ...v, ref: (i == null ? void 0 : i.seqNumber) || v.ref };
-        }),
-        meta: h.meta
-      };
-    }), u = k([]), _ = ue.options.map((e) => ({ label: Y(T.getReason(e)), value: e })), w = s.locations.map((e) => ({ label: e.name, value: e._id }));
-    j(
-      o,
-      () => {
-        m();
-      },
-      { deep: !0 }
-    );
-    async function f() {
-      try {
-        p.value = !0;
-        const e = {
-          ...o.value,
-          user: l.user,
-          dateRange: {
-            start: new Date(o.value.dateRange.startDate).toISOString(),
-            end: new Date(o.value.dateRange.endDate).toISOString()
-          }
-        };
-        await te({
-          exporter: new _e(),
-          readFunction: (a) => M.readAll(a, e),
-          transformRecord: (a) => {
-            var h, v, i;
-            return {
-              TransactionID: a._id,
-              CreatedAt: b(A(a._id.toString())).format(
-                "D MMM YYYY, hh:mmA"
-              ),
-              Amount: H(
-                a.expiryAmount.reduce(
-                  (F, V) => F + V.amount,
-                  a.amount ?? 0
-                ),
-                2
-              ),
-              Type: T.formattedType(a),
-              Source: Y(T.getReason(a.source)),
-              User: ((h = a.pf_user) == null ? void 0 : h.name) || "",
-              "Phone No.": ((v = a.pf_user) == null ? void 0 : v.phoneNumber) || "",
-              References: a.ref,
-              Remark: ((i = a.metadata) == null ? void 0 : i.remark) || ""
-            };
-          },
-          filename: "transactions"
-        });
-      } catch (e) {
-        console.error(e);
-      } finally {
-        p.value = !1;
-      }
-    }
-    return ce(async () => {
-      await s.readLocations(), await m();
-    }), (e, a) => {
-      const h = x("FmSearch"), v = x("FmButton");
-      return R(), L("div", null, [
-        I("div", Se, [
-          g(h, {
-            class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
-            modelValue: n(o).search,
-            "onUpdate:modelValue": a[0] || (a[0] = (i) => n(o).search = i),
-            placeholder: "Search",
-            collapsible: ""
-          }, null, 8, ["modelValue"]),
-          g(v, {
-            icon: "ios_share",
-            variant: "tertiary",
-            onClick: f
-          })
-        ]),
-        I("div", xe, [
-          I("div", we, [
-            g(B, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: n(o)["metadata.location"],
-              "onUpdate:modelValue": a[1] || (a[1] = (i) => n(o)["metadata.location"] = i),
-              icon: "storefront",
-              "show-item-label": !0,
-              items: n(w)
-            }, null, 8, ["modelValue", "items"]),
-            g(B, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: n(o)["pf_collectible.type"],
-              "onUpdate:modelValue": a[2] || (a[2] = (i) => n(o)["pf_collectible.type"] = i),
-              label: "Type: ",
-              "show-item-label": !0,
-              items: [
-                { label: "Point", value: "COIN" },
-                { label: "Credit", value: "CREDIT" },
-                { label: "Voucher", value: "VOUCHER" },
-                { label: "Experience", value: "POINT" },
-                { label: "Tier", value: "TIER" },
-                { label: "Title", value: "TITLE" },
-                { label: "Game", value: "GAME" },
-                { label: "Stamp", value: "STAMP" }
-              ]
-            }, null, 8, ["modelValue"]),
-            g(B, {
-              class: "cursor-pointer text-fm-color-neutral-gray-400",
-              "right-icon": "keyboard_arrow_down",
-              modelValue: n(o).source,
-              "onUpdate:modelValue": a[3] || (a[3] = (i) => n(o).source = i),
-              label: "Source: ",
-              "show-item-label": !0,
-              items: n(_)
-            }, null, 8, ["modelValue", "items"]),
-            g(ae, {
-              "model-value": {
-                startDate: n(o).dateRange.startDate,
-                endDate: n(o).dateRange.endDate
-              },
-              "onUpdate:modelValue": a[4] || (a[4] = (i) => n(o).dateRange = {
-                startDate: n(b)(i.startDate).startOf("d").toISOString(),
-                endDate: n(b)(i.endDate).endOf("d").toISOString()
-              })
-            }, null, 8, ["model-value"])
-          ]),
-          g(h, {
-            class: "xs:hidden",
-            modelValue: n(o).search,
-            "onUpdate:modelValue": a[5] || (a[5] = (i) => n(o).search = i),
-            placeholder: "Search",
-            collapsible: ""
-          }, null, 8, ["modelValue"]),
-          I("div", De, [
-            g(v, {
-              icon: "ios_share",
-              variant: "tertiary",
-              onClick: f
-            })
-          ])
-        ]),
-        g(Q, {
-          loading: n(y).isLoading,
-          "row-data": n(D),
-          "row-count": n(y).totalRows,
-          "column-defs": d.filter(
-            (i) => !l.user || i.header !== "User" && i.header !== "Phone No."
-          ),
-          "page-count": n(y).pageCount,
-          "page-index": n(y).pageIndex,
-          "page-size": n(y).pageSize,
-          "shrink-at": !1,
-          onSortChange: n(C),
-          onPageChange: a[6] || (a[6] = (i) => n(m)({
-            pageSize: i.pageSize,
-            pageIndex: i.pageIndex
-          }))
-        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
-      ]);
-    };
-  }
-});
-class Ce extends ee {
-}
-const Ie = { class: "flex items-center justify-between" }, Re = { class: "flex gap-8 items-center" }, Fe = { class: "flex gap-8 items-center xs:hidden" }, je = /* @__PURE__ */ P({
-  __name: "StoreTransactions",
-  props: {
-    user: {
-      type: String
-    }
-  },
-  setup(r) {
-    const s = r, l = [
-      {
-        header: "Transaction ID",
-        meta: {
-          maxWidth: "150px"
-        },
-        cell(t) {
-          return c("div", { class: "flex items-center" }, [
-            c(S.FmIcon, {
-              name: "content_copy",
-              outline: !0,
-              size: "sm",
-              class: "cursor-pointer mr-4 shrink-0",
-              onClick: (u) => {
-                u.preventDefault(), u.stopPropagation(), X(t.row.original._id.toString());
-              }
-            }),
-            c("div", { class: "truncate" }, t.row.original._id.toString())
-          ]);
-        }
-      },
-      {
-        header: "Created at",
-        accessorFn: (t) => b(A(t._id.toString())).format("D MMM YYYY， hh:mmA"),
-        enableSorting: !0
-      },
-      {
-        header: "Bundle",
-        accessorFn: (t) => t.bundle.name
-      },
-      {
-        header: "Location",
-        accessorFn: (t) => t.location ? t.pf_location.name : "Online Store"
-      },
-      {
-        header: "Payment Type",
-        accessorFn: (t) => {
-          var u;
-          return ((u = t.paymentType) == null ? void 0 : u.type) ?? "N/A";
-        },
-        cell(t) {
-          var u, _;
-          return c("div", { class: "flex items-center gap-4" }, [
-            c("div", { class: "flex items-center" }, [
-              ((u = t.row.original.paymentType) == null ? void 0 : u.type) == "ONLINE" && t.row.original.paymentType.extra ? c(
-                S.FmTooltip,
-                {
-                  content: t.row.original.paymentType.extra
-                },
-                [
-                  c(S.FmIcon, {
-                    name: "info",
-                    outline: !0,
-                    size: "sm"
-                  })
-                ]
-              ) : c("div")
-            ]),
-            c(
-              "div",
-              { class: "flex-1" },
-              ((_ = t.row.original.paymentType) == null ? void 0 : _.type) ?? "N/A"
-            )
-          ]);
-        }
-      },
-      {
-        header: "User",
-        cell: (t) => Z(t.row.original.pf_member)
-      },
-      {
-        header: "Phone No.",
-        accessorFn: (t) => t.pf_member.phoneNumber
-      },
-      {
-        header: "Status",
-        accessorFn: (t) => t.status
-      }
-    ], p = k({
-      searchValue: "",
-      dateRange: {
-        startDate: b().subtract(7, "day").toISOString(),
-        endDate: b().toISOString()
-      }
-    }), { tableMeta: d, rowData: o, onSort: y, debouncedFetchData: D, onSearch: C } = J(async (t) => {
-      const u = {
-        ...p.value.dateRange,
-        user: s.user
-      };
-      return await M.readStoreTransactions(t, u);
-    });
-    j(
-      p,
-      () => {
-        D();
-      },
-      { deep: !0 }
-    ), z(async () => {
-      await D();
-    });
-    const m = async () => te({
-      exporter: new Ce(),
-      readFunction: (t) => M.readStoreTransactions(t, {
-        ...p.value.dateRange,
-        user: s.user
-      }),
-      transformRecord: (t) => {
-        var u, _, w, f, e;
-        return {
-          TransactionId: ((u = t._id) == null ? void 0 : u.toString()) || "",
-          CreatedAt: b(A(t._id.toString())).format(
-            "DD/MM/YYYY HH:mm:ss"
-          ),
-          Bundle: t.bundle.name || "",
-          Location: t.location ? t.pf_location.name : "Online Store",
-          PaymentType: ((_ = t.paymentType) == null ? void 0 : _.type) || "N/A",
-          PaymentExtra: ((w = t.paymentType) == null ? void 0 : w.extra) || "",
-          User: ((f = t.pf_member) == null ? void 0 : f.name) || "",
-          PhoneNumber: ((e = t.pf_member) == null ? void 0 : e.phoneNumber) || "",
-          Status: t.status || ""
-        };
-      },
-      filename: "store-transactions"
-    });
-    return (t, u) => {
-      const _ = x("FmSearch"), w = x("FmButton");
-      return R(), L("div", null, [
-        I("div", Ie, [
-          I("div", Re, [
-            g(ae, {
-              modelValue: n(p).dateRange,
-              "onUpdate:modelValue": u[0] || (u[0] = (f) => n(p).dateRange = f)
-            }, null, 8, ["modelValue"])
-          ]),
-          I("div", Fe, [
-            g(_, {
-              modelValue: n(d).searchValue,
-              "onUpdate:modelValue": [
-                u[1] || (u[1] = (f) => n(d).searchValue = f),
-                n(C)
-              ],
-              placeholder: "Search",
-              collapsible: ""
-            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            g(w, {
-              icon: "ios_share",
-              variant: "tertiary",
-              onClick: m
-            })
-          ])
-        ]),
-        g(Q, {
-          loading: n(d).isLoading,
-          "row-data": n(o),
-          "row-count": n(d).totalRows,
-          "column-defs": l.filter(
-            (f) => !s.user || f.header !== "User" && f.header !== "Phone No."
-          ),
-          "page-count": n(d).pageCount,
-          "page-index": n(d).pageIndex,
-          "page-size": n(d).pageSize,
-          "shrink-at": !1,
-          onSortChange: n(y),
-          onPageChange: u[2] || (u[2] = (f) => n(D)({
-            pageSize: f.pageSize,
-            pageIndex: f.pageIndex
-          }))
-        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
-      ]);
-    };
-  }
-});
-export {
-  Le as _,
-  je as a
-};