@feedmepos/mf-connect 0.0.5-beta.20 → 0.0.5-beta.21

package/dist/StoreTransactions.vue_vue_type_script_setup_true_lang-B2kjcViv.js

@@ -0,0 +1,794 @@
+import { defineComponent as P, ref as k, computed as $, onMounted as z, resolveComponent as x, openBlock as R, createBlock as O, unref as a, withCtx as N, createVNode as g, normalizeClass as U, createCommentVNode as oe, createElementVNode as C, 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-C7qI5flU.js";
+import { a as X } from "./loading-CM3ZyteE.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-CSBV_14_.js";
+import { d as G, i as me, S as pe, f as fe, a as ge } from "./app-B4oDOeXm.js";
+import { u as J, _ as Q } from "./usePagination-cObe7G1g.js";
+import { g as Z } from "./user-Bm4KttFq.js";
+import { B as ee, a as te } from "./export-LApNX--r.js";
+import { o as A } from "./objectId-dwaoBfJX.js";
+function ye(o) {
+  let s = "";
+  switch (o) {
+    case "PORTAL":
+      s = "ADMIN";
+      break;
+    case "EXPIRED":
+      s = "EXPIRED";
+      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 = o;
+      break;
+  }
+  return s;
+}
+function be(o) {
+  var s, l, p, d, r, y;
+  switch ((s = o == null ? void 0 : o.pf_collectible) == null ? void 0 : s.type) {
+    case "VOUCHER":
+      return `${(l = o.pf_collectible) == null ? void 0 : l.type} (${(p = o.pf_collectible) == null ? void 0 : p.name})`;
+    case "TITLE":
+      return `${(d = o.pf_collectible) == null ? void 0 : d.type} (${(r = o.pf_collectible) == null ? void 0 : r.name})`;
+    case "POINT":
+      return "Experience";
+    case "COIN":
+      return "Point";
+    default:
+      return de((y = o == null ? void 0 : o.pf_collectible) == null ? void 0 : y.type);
+  }
+}
+function he(o) {
+  switch (o) {
+    case "ONLINE":
+      return "Online";
+    case "COIN":
+      return "Point";
+    default:
+      return o;
+  }
+}
+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(o, { emit: s }) {
+    const l = o, p = s, d = k(!1), r = k({}), y = $(() => {
+      if (!r.value || Object.keys(r.value).length == l.items.length)
+        return "All";
+      {
+        const m = Object.keys(r.value).length;
+        return `${m > 0 ? m : "None"} selected`;
+      }
+    });
+    function D(m) {
+      r.value[m] ? delete r.value[m] : r.value[m] = !0, p("update:model-value", Object.keys(r.value));
+    }
+    function I() {
+      Object.keys(r.value).length > 0 ? r.value = {} : r.value = l.items.reduce((m, t) => (m[t.value] = !0, m), {}), p("update:model-value", Object.keys(r.value));
+    }
+    return z(() => {
+      r.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(), O(f, {
+        placement: o.placement || "bottom-end",
+        disabled: o.disabled == !0,
+        "model-value": a(d),
+        onMenuChanged: t[0] || (t[0] = (e) => d.value = e),
+        "close-on-click": !1
+      }, {
+        "menu-button": N(() => [
+          g(_, {
+            label: o.label,
+            class: U(l.class || "text-fm-color-neutral-gray-400 cursor-pointer")
+          }, {
+            default: N(() => [
+              l.icon ? (R(), O(u, {
+                key: 0,
+                name: l.icon,
+                class: U(l.class),
+                outline: "",
+                size: "sm"
+              }, null, 8, ["name", "class"])) : oe("", !0),
+              C("div", ve, q(l.label) + " " + q(o.showItemLabel ? a(y) : ""), 1),
+              g(u, {
+                name: a(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(a(r)).length === l.items.length,
+            label: "All",
+            "has-checkbox": !0,
+            indeterminate: !0,
+            onClick: I
+          }, null, 8, ["model-value"]),
+          (R(!0), L(le, null, se(l.items ?? [], (e) => (R(), O(w, {
+            key: e.value,
+            value: e.value,
+            label: e.label,
+            "has-checkbox": !0,
+            "model-value": a(r)[e.value],
+            "onUpdate:modelValue": (n) => D(e.value)
+          }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["placement", "disabled", "model-value"]);
+    };
+  }
+}), V = "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(V),
+        endDate: b().endOf("day").format(V)
+      })
+    },
+    dateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["update:model-value"], ["update:dateRange"]),
+  setup(o, { emit: s }) {
+    const l = o, p = s, d = ie(o, "dateRange"), r = $(() => d.value ? `${y.value.startDate ?? "Start"} - ${y.value.endDate ?? "End"}` : "No dates selected."), y = $(() => ({
+      startDate: d.value.startDate ? b(d.value.startDate).format(V) : void 0,
+      endDate: d.value.endDate ? b(d.value.endDate).format(V) : void 0
+    }));
+    return z(() => {
+      d.value = l.modelValue;
+    }), j(
+      () => d.value,
+      () => {
+        p("update:model-value", y.value);
+      }
+    ), (D, I) => {
+      const m = x("FmChip"), t = x("FmDateRangePicker");
+      return R(), O(t, {
+        modelValue: d.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (u) => d.value = u),
+        "show-predefined-range": ""
+      }, {
+        "trigger-button": N(() => [
+          g(m, {
+            label: a(r),
+            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 o = pe.getBusinessId();
+  if (!o) throw new Error("Invalid business ID");
+  return fe(`businesses/${o}/transactions`, {
+    noIdRequired: !0
+  });
+}, M = {
+  async readAll(o, s) {
+    const l = G(
+      await W().get("", {
+        params: { ...o, ...s }
+      })
+    );
+    return {
+      meta: l.meta,
+      resources: l.resources
+    };
+  },
+  async readStoreTransactions(o, s) {
+    const l = G(
+      await W().get("/store", {
+        params: { ...o, ...s }
+      })
+    );
+    return {
+      meta: l.meta,
+      resources: l.resources
+    };
+  },
+  async readBills(o, s, l) {
+    return (await me("").get(`/restaurants/${o}/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" }, ze = /* @__PURE__ */ P({
+  __name: "CollectionTransactions",
+  props: {
+    user: {
+      type: String
+    }
+  },
+  setup(o) {
+    const s = ge(), l = o, 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: (n) => {
+                n.preventDefault(), n.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, E;
+          const n = H(
+            e.row.original.expiryAmount.reduce(
+              (ne, re) => ne + re.amount,
+              e.row.original.amount ?? 0
+            ),
+            2
+          ), h = (i = (v = e.row.original.expiryAmount) == null ? void 0 : v[0]) != null && i.expiredAt ? b((E = (F = e.row.original.expiryAmount) == null ? void 0 : F[0]) == null ? void 0 : E.expiredAt).format(
+            "D MMM YYYY"
+          ) : "";
+          return c("div", { class: "flex items-center" }, [
+            c(
+              "div",
+              {
+                class: [
+                  "pr-2",
+                  +n > 0 ? "text-fm-color-system-success-300" : "text-fm-color-system-error-300"
+                ]
+              },
+              n
+            ),
+            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 n = T.formattedType(e.row.original);
+          return c("div", { class: "flex items-center" }, [
+            c("div", { class: "truncate text-ellipsis" }, n),
+            n.length > 20 ? c(
+              S.FmTooltip,
+              {
+                content: n
+              },
+              [
+                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) => e.pf_user.phoneNumber
+      },
+      {
+        accessorFn: (e) => e.ref,
+        header: "References",
+        accessorKey: "ref",
+        cell(e) {
+          var n, h;
+          return c("div", { class: "flex items-center justify-between gap-4" }, [
+            c("div", { class: "flex items-center" }, [
+              (n = e.row.original.metadata) != null && n.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)
+          ]);
+        }
+      }
+    ], r = 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: I, debouncedFetchData: m, onSearch: t } = J(async (e) => {
+      const n = {
+        ...r.value,
+        user: l.user,
+        dateRange: {
+          start: new Date(r.value.dateRange.startDate).toISOString(),
+          end: new Date(r.value.dateRange.endDate).toISOString()
+        }
+      }, h = await M.readAll(e, n);
+      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(
+      r,
+      () => {
+        m();
+      },
+      { deep: !0 }
+    );
+    async function f() {
+      try {
+        p.value = !0;
+        const e = {
+          ...r.value,
+          user: l.user,
+          dateRange: {
+            start: new Date(r.value.dateRange.startDate).toISOString(),
+            end: new Date(r.value.dateRange.endDate).toISOString()
+          }
+        };
+        await te({
+          exporter: new _e(),
+          readFunction: (n) => M.readAll(n, e),
+          transformRecord: (n) => {
+            var h, v, i;
+            return {
+              TransactionID: n._id,
+              CreatedAt: b(A(n._id.toString())).format(
+                "D MMM YYYY, hh:mmA"
+              ),
+              Amount: H(
+                n.expiryAmount.reduce(
+                  (F, E) => F + E.amount,
+                  n.amount ?? 0
+                ),
+                2
+              ),
+              Type: T.formattedType(n),
+              Source: Y(T.getReason(n.source)),
+              User: ((h = n.pf_user) == null ? void 0 : h.name) || "",
+              "Phone No.": ((v = n.pf_user) == null ? void 0 : v.phoneNumber) || "",
+              References: n.ref,
+              Remark: ((i = n.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, n) => {
+      const h = x("FmSearch"), v = x("FmButton");
+      return R(), L("div", null, [
+        C("div", Se, [
+          g(h, {
+            class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
+            modelValue: a(r).search,
+            "onUpdate:modelValue": n[0] || (n[0] = (i) => a(r).search = i),
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          g(v, {
+            icon: "ios_share",
+            variant: "tertiary",
+            onClick: f
+          })
+        ]),
+        C("div", xe, [
+          C("div", we, [
+            g(B, {
+              class: "cursor-pointer text-fm-color-neutral-gray-400",
+              "right-icon": "keyboard_arrow_down",
+              modelValue: a(r)["metadata.location"],
+              "onUpdate:modelValue": n[1] || (n[1] = (i) => a(r)["metadata.location"] = i),
+              icon: "storefront",
+              "show-item-label": !0,
+              items: a(w)
+            }, null, 8, ["modelValue", "items"]),
+            g(B, {
+              class: "cursor-pointer text-fm-color-neutral-gray-400",
+              "right-icon": "keyboard_arrow_down",
+              modelValue: a(r)["pf_collectible.type"],
+              "onUpdate:modelValue": n[2] || (n[2] = (i) => a(r)["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: a(r).source,
+              "onUpdate:modelValue": n[3] || (n[3] = (i) => a(r).source = i),
+              label: "Source: ",
+              "show-item-label": !0,
+              items: a(_)
+            }, null, 8, ["modelValue", "items"]),
+            g(ae, {
+              "model-value": {
+                startDate: a(r).dateRange.startDate,
+                endDate: a(r).dateRange.endDate
+              },
+              "onUpdate:modelValue": n[4] || (n[4] = (i) => a(r).dateRange = {
+                startDate: a(b)(i.startDate).startOf("d").toISOString(),
+                endDate: a(b)(i.endDate).endOf("d").toISOString()
+              })
+            }, null, 8, ["model-value"])
+          ]),
+          g(h, {
+            class: "xs:hidden",
+            modelValue: a(r).search,
+            "onUpdate:modelValue": n[5] || (n[5] = (i) => a(r).search = i),
+            placeholder: "Search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          C("div", De, [
+            g(v, {
+              icon: "ios_share",
+              variant: "tertiary",
+              onClick: f
+            })
+          ])
+        ]),
+        g(Q, {
+          loading: a(y).isLoading,
+          "row-data": a(D),
+          "row-count": a(y).totalRows,
+          "column-defs": d.filter(
+            (i) => !l.user || i.header !== "User" && i.header !== "Phone No."
+          ),
+          "page-count": a(y).pageCount,
+          "page-index": a(y).pageIndex,
+          "page-size": a(y).pageSize,
+          "shrink-at": !1,
+          onSortChange: a(I),
+          onPageChange: n[6] || (n[6] = (i) => a(m)({
+            pageSize: i.pageSize,
+            pageIndex: i.pageIndex
+          }))
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
+      ]);
+    };
+  }
+});
+class Ie extends ee {
+}
+const Ce = { class: "flex items-center justify-between" }, Re = { class: "flex gap-8 items-center" }, Fe = { class: "flex gap-8 items-center xs:hidden" }, Le = /* @__PURE__ */ P({
+  __name: "StoreTransactions",
+  props: {
+    user: {
+      type: String
+    }
+  },
+  setup(o) {
+    const s = o, 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: r, onSort: y, debouncedFetchData: D, onSearch: I } = 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 Ie(),
+      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, [
+        C("div", Ce, [
+          C("div", Re, [
+            g(ae, {
+              modelValue: a(p).dateRange,
+              "onUpdate:modelValue": u[0] || (u[0] = (f) => a(p).dateRange = f)
+            }, null, 8, ["modelValue"])
+          ]),
+          C("div", Fe, [
+            g(_, {
+              modelValue: a(d).searchValue,
+              "onUpdate:modelValue": [
+                u[1] || (u[1] = (f) => a(d).searchValue = f),
+                a(I)
+              ],
+              placeholder: "Search",
+              collapsible: ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+            g(w, {
+              icon: "ios_share",
+              variant: "tertiary",
+              onClick: m
+            })
+          ])
+        ]),
+        g(Q, {
+          loading: a(d).isLoading,
+          "row-data": a(r),
+          "row-count": a(d).totalRows,
+          "column-defs": l.filter(
+            (f) => !s.user || f.header !== "User" && f.header !== "Phone No."
+          ),
+          "page-count": a(d).pageCount,
+          "page-index": a(d).pageIndex,
+          "page-size": a(d).pageSize,
+          "shrink-at": !1,
+          onSortChange: a(y),
+          onPageChange: u[2] || (u[2] = (f) => a(D)({
+            pageSize: f.pageSize,
+            pageIndex: f.pageIndex
+          }))
+        }, null, 8, ["loading", "row-data", "row-count", "column-defs", "page-count", "page-index", "page-size", "onSortChange"])
+      ]);
+    };
+  }
+});
+export {
+  ze as _,
+  Le as a
+};