@ozdao/martyrs 0.2.603 → 0.2.605

package/dist/martyrs/src/modules/backoffice/components/pages/Dashboard.vue.js

@@ -1,18 +1,17 @@
-import { ref, computed, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, toDisplayString, createCommentVNode, Fragment, renderList, normalizeStyle, unref, normalizeClass, createBlock } from "vue";
+import { ref, computed, watchEffect, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, toDisplayString, unref, createTextVNode, normalizeClass, Fragment, renderList } from "vue";
 import { useRoute } from "vue-router";
-import _sfc_main$7 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$3 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$5 from "../../../../components/Chart/Chart.vue.js";
+import _sfc_main$6 from "../../../../components/Feed/Feed.vue.js";
 import Table from "../../../../components/Table/Table.vue.js";
 import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import Calendar from "../../../../components/Calendar/Calendar.vue2.js";
-import _sfc_main$9 from "../../../core/views/components/blocks/Card.vue.js";
-import _sfc_main$3 from "../../../core/views/components/blocks/CardStat.vue.js";
-import _sfc_main$c from "../../../products/components/blocks/CardProduct.vue.js";
-import _sfc_main$4 from "../../../icons/entities/IconProfile.vue.js";
-import _sfc_main$5 from "../../../icons/entities/IconOrders.vue.js";
-import _sfc_main$6 from "../../../icons/entities/IconCash.vue.js";
-import _sfc_main$a from "../../../icons/entities/IconEvents.vue.js";
-import _sfc_main$b from "../../../icons/entities/IconFile.vue.js";
+import _sfc_main$7 from "../../../core/views/components/blocks/Card.vue.js";
+import _sfc_main$4 from "../../../core/views/components/blocks/CardStat.vue.js";
+import _sfc_main$b from "../../../products/components/blocks/CardProduct.vue.js";
+import _sfc_main$a from "../../../icons/entities/IconProfile.vue.js";
+import _sfc_main$8 from "../../../icons/entities/IconEvents.vue.js";
+import _sfc_main$9 from "../../../icons/entities/IconFile.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconCalendar.vue.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
 import $axios from "../../../core/views/utils/axios-instance.js";
@@ -26,56 +25,57 @@ const _hoisted_1 = { class: "pd-medium" };
 const _hoisted_2 = { class: "flex flex-v-center flex-justify-between mn-b-medium" };
 const _hoisted_3 = { class: "flex flex-v-center gap-thin bg-light pd-thin pd-l-small pd-r-small radius-small cursor-pointer" };
 const _hoisted_4 = { class: "t-small fw-medium" };
-const _hoisted_5 = { class: "mn-b-medium cols-3 mobile:cols-1 gap-small" };
+const _hoisted_5 = { class: "flex gap-micro mobile:flex-column" };
 const _hoisted_6 = {
-  viewBox: "0 0 500 200",
-  class: "w-100 d-block"
-};
-const _hoisted_7 = ["y1", "y2"];
-const _hoisted_8 = ["y"];
-const _hoisted_9 = ["points"];
-const _hoisted_10 = ["points"];
-const _hoisted_11 = ["cx", "cy", "onMouseenter"];
-const _hoisted_12 = ["cx", "cy", "r", "fill"];
-const _hoisted_13 = ["x"];
-const _hoisted_14 = {
   key: 1,
-  class: "t-transp"
+  class: "mn-b-medium cols-2 mobile:cols-1 gap-small"
+};
+const _hoisted_7 = { class: "t-dark fw-medium" };
+const _hoisted_8 = { class: "t-dark" };
+const _hoisted_9 = { class: "t-dark t-small" };
+const _hoisted_10 = {
+  key: 2,
+  class: "mn-b-medium cols-2 mobile:cols-1 gap-small"
 };
-const _hoisted_15 = { class: "mn-b-medium cols-2 mobile:cols-1 gap-small" };
-const _hoisted_16 = { class: "t-dark fw-medium" };
-const _hoisted_17 = { class: "t-dark" };
-const _hoisted_18 = { class: "t-dark t-small" };
-const _hoisted_19 = { class: "mn-b-medium cols-2 mobile:cols-1 gap-small" };
-const _hoisted_20 = {
+const _hoisted_11 = {
   key: 0,
   class: "cols-5 tablet:cols-3 mobile:cols-2 gap-small"
 };
-const _hoisted_21 = { class: "t-dark t-small mn-t-thin" };
-const _hoisted_22 = {
+const _hoisted_12 = { class: "t-dark t-small mn-t-thin" };
+const _hoisted_13 = {
   key: 1,
-  class: "t-transp"
+  class: "opacity-50"
+};
+const _hoisted_14 = {
+  key: 4,
+  class: "mn-b-medium cols-2 mobile:cols-1 gap-small"
 };
-const _hoisted_23 = { class: "mn-b-medium cols-2 mobile:cols-1 gap-small" };
-const CHART_LEFT = 50;
-const CHART_RIGHT = 490;
-const CHART_TOP = 20;
-const CHART_BOTTOM = 170;
 const _sfc_main = {
   __name: "Dashboard",
   setup(__props) {
     useRoute();
-    const { formatDate } = useGlobalMixins();
+    const { formatDate, isModuleInstalled } = useGlobalMixins();
     const orderStats = ref({});
     const userStats = ref({});
-    const hoveredRevenueIdx = ref(-1);
+    const now = /* @__PURE__ */ new Date();
+    const todayUTC = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()));
+    const weekAgoUTC = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate() - 6));
     const dateRange = ref({
-      start: new Date(Date.now() - 7 * 24 * 60 * 60 * 1e3),
-      end: /* @__PURE__ */ new Date()
+      start: weekAgoUTC.toISOString(),
+      end: new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59)).toISOString()
     });
+    function toDate(v) {
+      if (v instanceof Date) return v;
+      return new Date(v);
+    }
     const dateRangeLabel = computed(() => {
-      if (!dateRange.value?.start || !dateRange.value?.end) return "Select dates";
-      return formatDate(dateRange.value.start, { dayMonth: true }) + " — " + formatDate(dateRange.value.end, { dayMonth: true });
+      if (!dateRange.value?.start || !dateRange.value?.end) return "All time";
+      const s = toDate(dateRange.value.start);
+      const e = toDate(dateRange.value.end);
+      const sKey = toDateStr(s);
+      const eKey = toDateStr(e);
+      if (sKey === eKey) return formatDate(sKey, { dayMonth: true });
+      return formatDate(sKey, { dayMonth: true }) + " — " + formatDate(eKey, { dayMonth: true });
     });
     const orderColumns = [
       { key: "_id", label: "Order" },
@@ -83,65 +83,35 @@ const _sfc_main = {
       { key: "status", label: "Status" },
       { key: "createdAt", label: "Date" }
     ];
-    function chartX(i, total) {
-      if (total <= 1) return (CHART_LEFT + CHART_RIGHT) / 2;
-      return CHART_LEFT + i / (total - 1) * (CHART_RIGHT - CHART_LEFT);
-    }
-    function chartY(value, max) {
-      if (!max) return CHART_BOTTOM;
-      return CHART_BOTTOM - value / max * (CHART_BOTTOM - CHART_TOP);
-    }
-    function calcTicks(max) {
-      if (!max || max <= 0) return [0];
-      const step = Math.pow(10, Math.floor(Math.log10(max))) / 2;
-      const ticks = [];
-      for (let v = 0; v <= max; v += step) ticks.push(Math.round(v));
-      if (ticks[ticks.length - 1] < max) ticks.push(Math.round(max));
-      return ticks.length > 6 ? ticks.filter((_, i) => i % 2 === 0) : ticks;
-    }
     function formatChartValue(val) {
       if (val >= 1e3) return "฿" + Math.round(val / 1e3) + "k";
       return "฿" + Math.round(val);
     }
-    function calcXStep(count) {
-      if (count <= 8) return 1;
-      if (count <= 16) return 2;
-      if (count <= 30) return 5;
-      return 7;
+    function toDateStr(d) {
+      return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, "0")}-${String(d.getUTCDate()).padStart(2, "0")}`;
+    }
+    function fillDays(revenueMap, startDate, endDate) {
+      const result = [];
+      const s = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()));
+      const e = new Date(Date.UTC(endDate.getUTCFullYear(), endDate.getUTCMonth(), endDate.getUTCDate()));
+      while (s <= e && result.length < 3650) {
+        const key = toDateStr(s);
+        result.push({ _id: key, revenue: revenueMap[key] || 0 });
+        s.setUTCDate(s.getUTCDate() + 1);
+      }
+      return result;
     }
     const revenueChart = computed(() => {
-      const data = orderStats.value.dailyRevenue;
-      if (!data?.length) return [];
-      return data.slice(-30);
-    });
-    const maxRevenue = computed(() => {
-      if (!revenueChart.value.length) return 1;
-      return Math.max(...revenueChart.value.map((d) => d.revenue)) || 1;
-    });
-    const revenueTicks = computed(() => calcTicks(maxRevenue.value));
-    const revenueXStep = computed(() => calcXStep(revenueChart.value.length));
-    const revenueLinePoints = computed(() => {
-      return revenueChart.value.map(
-        (d, i) => `${chartX(i, revenueChart.value.length)},${chartY(d.revenue, maxRevenue.value)}`
-      ).join(" ");
-    });
-    const revenueAreaPoints = computed(() => {
-      if (!revenueChart.value.length) return "";
-      const len = revenueChart.value.length;
-      return `${chartX(0, len)},${CHART_BOTTOM} ${revenueLinePoints.value} ${chartX(len - 1, len)},${CHART_BOTTOM}`;
-    });
-    const revenueTooltipStyle = computed(() => {
-      if (hoveredRevenueIdx.value < 0) return {};
-      const i = hoveredRevenueIdx.value;
-      const len = revenueChart.value.length;
-      const day = revenueChart.value[i];
-      const x = chartX(i, len);
-      const y = chartY(day.revenue, maxRevenue.value);
-      return {
-        left: `${x / 500 * 100}%`,
-        top: `${y / 200 * 100}%`,
-        transform: "translate(-50%, -100%) translateY(-0.5rem)"
-      };
+      const raw = orderStats.value.dailyRevenue;
+      if (!raw?.length) return [];
+      const revenueMap = {};
+      for (const d of raw) revenueMap[d._id] = d.revenue;
+      const start = dateRange.value?.start;
+      const end = dateRange.value?.end;
+      if (start && end) {
+        return fillDays(revenueMap, toDate(start), toDate(end));
+      }
+      return fillDays(revenueMap, new Date(Date.UTC(2022, 9, 17)), todayUTC);
     });
     function formatId(id) {
       return id ? `${id.slice(0, 4)}...${id.slice(-4)}` : "";
@@ -157,18 +127,18 @@ const _sfc_main = {
         created: "bg-main-transp t-main",
         confirmed: "bg-green-transp t-green",
         completed: "bg-green-transp t-green",
-        cancelled: "bg-red-transp t-red"
+        canceled: "bg-red-transp t-red"
       };
       return classes[status] || "bg-light t-dark";
     }
     function getEventStatus(date) {
       if (!date?.start) return "No date";
-      const now = /* @__PURE__ */ new Date();
+      const now2 = /* @__PURE__ */ new Date();
       const start = new Date(date.start);
       const end = date.end ? new Date(date.end) : start;
-      if (now > end) return "Finished";
-      if (now >= start && now <= end) return "Live";
-      const diffDays = Math.ceil((start - now) / (1e3 * 60 * 60 * 24));
+      if (now2 > end) return "Finished";
+      if (now2 >= start && now2 <= end) return "Live";
+      const diffDays = Math.ceil((start - now2) / (1e3 * 60 * 60 * 24));
       if (diffDays <= 1) return "Tomorrow";
       if (diffDays <= 7) return `In ${diffDays} days`;
       return "Upcoming";
@@ -184,17 +154,18 @@ const _sfc_main = {
       const params = {};
       if (dateRange.value?.start) params.startDate = new Date(dateRange.value.start).toISOString();
       if (dateRange.value?.end) params.endDate = new Date(dateRange.value.end).toISOString();
-      const [orders, stats] = await Promise.all([
-        $axios.get("/api/orders/stats", { params }),
-        $axios.get("/api/users/stats", { params })
-      ]);
-      orderStats.value = orders.data;
-      userStats.value = stats.data;
+      const promises = [];
+      if (isModuleInstalled("orders")) promises.push($axios.get("/api/orders/stats", { params }));
+      if (isModuleInstalled("auth")) promises.push($axios.get("/api/users/stats", { params }));
+      const results = await Promise.all(promises);
+      let idx = 0;
+      if (isModuleInstalled("orders")) orderStats.value = results[idx++].data;
+      if (isModuleInstalled("auth")) userStats.value = results[idx++].data;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          _cache[2] || (_cache[2] = createElementVNode("h2", null, "Overview", -1)),
+          _cache[1] || (_cache[1] = createElementVNode("h2", null, "Overview", -1)),
           createVNode(_sfc_main$1, {
             align: "right",
             class: "pos-relative z-index-3"
@@ -216,119 +187,63 @@ const _sfc_main = {
             _: 1
           })
         ]),
-        createElementVNode("div", _hoisted_5, [
-          createVNode(_sfc_main$3, {
-            icon: _sfc_main$4,
-            title: "Active Users",
-            displayValue: userStats.value.active?.toLocaleString() || "—",
-            subtitle: userStats.value.newThisMonth ? `+${userStats.value.newThisMonth} this month` : ""
-          }, null, 8, ["displayValue", "subtitle"]),
-          createVNode(_sfc_main$3, {
-            icon: _sfc_main$5,
-            title: "Total Orders",
-            displayValue: orderStats.value.total?.orderCount?.toLocaleString() || "—",
-            subtitle: orderStats.value.monthly?.orderCount ? `+${orderStats.value.monthly.orderCount} this month` : ""
-          }, null, 8, ["displayValue", "subtitle"]),
-          createVNode(_sfc_main$3, {
-            icon: _sfc_main$6,
-            title: "Total Revenue",
-            displayValue: "฿" + (orderStats.value.total?.totalRevenue?.toLocaleString() || "0"),
-            subtitle: orderStats.value.monthly?.totalRevenue ? `+฿${orderStats.value.monthly.totalRevenue.toLocaleString()} this month` : ""
-          }, null, 8, ["displayValue", "subtitle"])
-        ]),
-        createVNode(_sfc_main$7, {
-          title: "Revenue",
+        createVNode(_sfc_main$3, {
+          title: "Statistics",
           class: "mn-b-medium"
         }, {
           default: withCtx(() => [
-            revenueChart.value.length ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "pos-relative",
-              onMouseleave: _cache[1] || (_cache[1] = ($event) => hoveredRevenueIdx.value = -1)
-            }, [
-              (openBlock(), createElementBlock("svg", _hoisted_6, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(revenueTicks.value, (tick, i) => {
-                  return openBlock(), createElementBlock("line", {
-                    key: "rg" + i,
-                    x1: "50",
-                    x2: "490",
-                    y1: chartY(tick, maxRevenue.value),
-                    y2: chartY(tick, maxRevenue.value),
-                    stroke: "rgb(var(--light))",
-                    "stroke-width": "0.5"
-                  }, null, 8, _hoisted_7);
-                }), 128)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(revenueTicks.value, (tick, i) => {
-                  return openBlock(), createElementBlock("text", {
-                    key: "ry" + i,
-                    x: "46",
-                    y: chartY(tick, maxRevenue.value) + 3,
-                    "text-anchor": "end",
-                    fill: "rgb(var(--grey))",
-                    "font-size": "10"
-                  }, toDisplayString(formatChartValue(tick)), 9, _hoisted_8);
-                }), 128)),
-                createElementVNode("polygon", {
-                  points: revenueAreaPoints.value,
-                  fill: "rgb(var(--second))",
-                  "fill-opacity": "0.06"
-                }, null, 8, _hoisted_9),
-                createElementVNode("polyline", {
-                  points: revenueLinePoints.value,
-                  fill: "none",
-                  stroke: "rgb(var(--second))",
-                  "stroke-width": "2",
-                  "stroke-linejoin": "round",
-                  "stroke-linecap": "round"
-                }, null, 8, _hoisted_10),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(revenueChart.value, (day, i) => {
-                  return openBlock(), createElementBlock("circle", {
-                    key: "rh" + i,
-                    cx: chartX(i, revenueChart.value.length),
-                    cy: chartY(day.revenue, maxRevenue.value),
-                    r: "12",
-                    fill: "transparent",
-                    onMouseenter: ($event) => hoveredRevenueIdx.value = i
-                  }, null, 40, _hoisted_11);
-                }), 128)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(revenueChart.value, (day, i) => {
-                  return openBlock(), createElementBlock("circle", {
-                    key: "rd" + i,
-                    cx: chartX(i, revenueChart.value.length),
-                    cy: chartY(day.revenue, maxRevenue.value),
-                    r: hoveredRevenueIdx.value === i ? 4 : 2,
-                    fill: hoveredRevenueIdx.value === i ? "rgb(var(--main))" : "rgb(var(--second))",
-                    style: { "pointer-events": "none" }
-                  }, null, 8, _hoisted_12);
-                }), 128)),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(revenueChart.value, (day, i) => {
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: "rx" + i
-                  }, [
-                    i % revenueXStep.value === 0 ? (openBlock(), createElementBlock("text", {
-                      key: 0,
-                      x: chartX(i, revenueChart.value.length),
-                      y: "195",
-                      "text-anchor": "middle",
-                      fill: "rgb(var(--grey))",
-                      "font-size": "9"
-                    }, toDisplayString(formatXDate(day._id)), 9, _hoisted_13)) : createCommentVNode("", true)
-                  ], 64);
-                }), 128))
-              ])),
-              hoveredRevenueIdx.value >= 0 ? (openBlock(), createElementBlock("div", {
+            createElementVNode("div", _hoisted_5, [
+              unref(isModuleInstalled)("auth") ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
-                class: "pos-absolute bg-dark t-white pd-thin pd-l-small pd-r-small radius-small t-small fw-medium",
-                style: normalizeStyle([{ "pointer-events": "none", "white-space": "nowrap" }, revenueTooltipStyle.value])
-              }, " ฿" + toDisplayString(revenueChart.value[hoveredRevenueIdx.value].revenue.toLocaleString()) + " · " + toDisplayString(formatXDate(revenueChart.value[hoveredRevenueIdx.value]._id)), 5)) : createCommentVNode("", true)
-            ], 32)) : (openBlock(), createElementBlock("p", _hoisted_14, "No revenue data"))
+                title: "Active Users",
+                value: userStats.value.active?.toLocaleString() || "—",
+                class: "w-min-8r"
+              }, null, 8, ["value"])) : createCommentVNode("", true),
+              unref(isModuleInstalled)("orders") ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 1,
+                title: "Total Orders",
+                value: orderStats.value.total?.orderCount?.toLocaleString() || "—",
+                class: "w-min-8r"
+              }, null, 8, ["value"])) : createCommentVNode("", true),
+              unref(isModuleInstalled)("orders") ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 2,
+                title: "Total Revenue",
+                value: "฿" + (orderStats.value.total?.totalRevenue?.toLocaleString() || "0"),
+                class: "w-min-8r"
+              }, null, 8, ["value"])) : createCommentVNode("", true)
+            ])
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_15, [
-          createVNode(_sfc_main$7, { title: "Recent Orders" }, {
+        unref(isModuleInstalled)("orders") ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 0,
+          title: "Revenue",
+          class: "mn-b-medium"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$5, {
+              data: revenueChart.value,
+              valueKey: "revenue",
+              labelKey: "_id",
+              formatValue: formatChartValue,
+              formatLabel: formatXDate,
+              emptyText: "No revenue data"
+            }, {
+              tooltip: withCtx(({ item }) => [
+                createTextVNode(" ฿" + toDisplayString(item.revenue.toLocaleString()) + " · " + toDisplayString(formatXDate(item._id)), 1)
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        unref(isModuleInstalled)("orders") || unref(isModuleInstalled)("events") ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          unref(isModuleInstalled)("orders") ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            title: "Recent Orders"
+          }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 states: { empty: { title: "No Orders", description: "No orders yet." } },
@@ -339,13 +254,14 @@ const _sfc_main = {
                   createVNode(Table, {
                     class: "radius-small bg-white",
                     items,
-                    columns: orderColumns
+                    columns: orderColumns,
+                    rowLink: (row) => `/backoffice/orders/${row._id}`
                   }, {
                     "cell-_id": withCtx(({ value }) => [
-                      createElementVNode("span", _hoisted_16, "#" + toDisplayString(formatId(value)), 1)
+                      createElementVNode("span", _hoisted_7, "#" + toDisplayString(formatId(value)), 1)
                     ]),
                     "cell-positions": withCtx(({ value }) => [
-                      createElementVNode("span", _hoisted_17, toDisplayString(value?.length || 0) + " items", 1)
+                      createElementVNode("span", _hoisted_8, toDisplayString(value?.length || 0) + " items", 1)
                     ]),
                     "cell-status": withCtx(({ value }) => [
                       createElementVNode("span", {
@@ -353,19 +269,22 @@ const _sfc_main = {
                       }, toDisplayString(value), 3)
                     ]),
                     "cell-createdAt": withCtx(({ value }) => [
-                      createElementVNode("span", _hoisted_18, toDisplayString(unref(formatDate)(value, { dateOnly: true })), 1)
+                      createElementVNode("span", _hoisted_9, toDisplayString(unref(formatDate)(value, { dateOnly: true })), 1)
                     ]),
                     _: 2
-                  }, 1032, ["items"])
+                  }, 1032, ["items", "rowLink"])
                 ]),
                 _: 1
               }, 8, ["store", "options"])
             ]),
             _: 1
-          }),
-          createVNode(_sfc_main$7, { title: "Upcoming Events" }, {
+          })) : createCommentVNode("", true),
+          unref(isModuleInstalled)("events") ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            title: "Upcoming Events"
+          }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 states: { empty: { title: "No Events", description: "No upcoming events." } },
@@ -375,11 +294,11 @@ const _sfc_main = {
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (event) => {
-                    return openBlock(), createBlock(_sfc_main$9, {
+                    return openBlock(), createBlock(_sfc_main$7, {
                       key: event._id,
                       to: `/events/${event.url || event._id}`,
                       photo: event.cover,
-                      placeholder: _sfc_main$a,
+                      placeholder: _sfc_main$8,
                       title: event.name,
                       subtitle: unref(formatDate)(event.date?.start, { dateOnly: true }),
                       classImage: "flex-none w-3r h-3r radius-small bg-main-transp flex flex-center o-hidden",
@@ -399,12 +318,12 @@ const _sfc_main = {
               }, 8, ["store"])
             ]),
             _: 1
-          })
-        ]),
-        createElementVNode("div", _hoisted_19, [
-          createVNode(_sfc_main$7, { title: "Recent Applications" }, {
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        unref(isModuleInstalled)("orders") ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createVNode(_sfc_main$3, { title: "Recent Applications" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 states: { empty: { title: "No Applications", description: "No applications." } },
@@ -414,10 +333,10 @@ const _sfc_main = {
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (app) => {
-                    return openBlock(), createBlock(_sfc_main$9, {
+                    return openBlock(), createBlock(_sfc_main$7, {
                       key: app._id,
                       to: `/backoffice/applications/${app._id}`,
-                      placeholder: _sfc_main$b,
+                      placeholder: _sfc_main$9,
                       title: app.profile?.name || app.name || "Application",
                       subtitle: unref(formatDate)(app.createdAt),
                       classImage: "flex-none w-3r h-3r radius-small bg-main-transp flex flex-center o-hidden",
@@ -431,9 +350,9 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$7, { title: "Recent Customers" }, {
+          createVNode(_sfc_main$3, { title: "Recent Customers" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 states: { empty: { title: "No Customers", description: "No customers." } },
@@ -443,11 +362,11 @@ const _sfc_main = {
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (customer) => {
-                    return openBlock(), createBlock(_sfc_main$9, {
+                    return openBlock(), createBlock(_sfc_main$7, {
                       key: customer._id,
                       to: `/backoffice/customers/${customer._id}`,
                       photo: customer.avatar || customer.profile?.photo,
-                      placeholder: _sfc_main$4,
+                      placeholder: _sfc_main$a,
                       title: customer.profile?.name || customer.name || customer.phone || "Customer",
                       subtitle: unref(formatDate)(customer.createdAt),
                       classImage: "flex-none w-3r h-3r radius-extra bg-main-transp flex flex-center o-hidden",
@@ -461,34 +380,38 @@ const _sfc_main = {
             ]),
             _: 1
           })
-        ]),
-        createVNode(_sfc_main$7, {
+        ])) : createCommentVNode("", true),
+        unref(isModuleInstalled)("products") ? (openBlock(), createBlock(_sfc_main$3, {
+          key: 3,
           title: "Popular Products",
           class: "mn-b-medium"
         }, {
           default: withCtx(() => [
-            orderStats.value.popularProducts?.length ? (openBlock(), createElementBlock("div", _hoisted_20, [
+            orderStats.value.popularProducts?.length ? (openBlock(), createElementBlock("div", _hoisted_11, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(orderStats.value.popularProducts, (product) => {
-                return openBlock(), createBlock(_sfc_main$c, {
+                return openBlock(), createBlock(_sfc_main$b, {
                   key: product._id,
                   product,
                   showAddToCart: false,
                   class: "bg-white"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("p", _hoisted_21, toDisplayString(product.totalQuantity) + " sold · ฿" + toDisplayString(product.totalRevenue?.toLocaleString()), 1)
+                    createElementVNode("p", _hoisted_12, toDisplayString(product.totalQuantity) + " sold · ฿" + toDisplayString(product.totalRevenue?.toLocaleString()), 1)
                   ]),
                   _: 2
                 }, 1032, ["product"]);
               }), 128))
-            ])) : (openBlock(), createElementBlock("p", _hoisted_22, "No product data"))
+            ])) : (openBlock(), createElementBlock("p", _hoisted_13, "No product data"))
           ]),
           _: 1
-        }),
-        createElementVNode("div", _hoisted_23, [
-          createVNode(_sfc_main$7, { title: "Recent Registrations" }, {
+        })) : createCommentVNode("", true),
+        unref(isModuleInstalled)("auth") || unref(isModuleInstalled)("rents") ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          unref(isModuleInstalled)("auth") ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            title: "Recent Registrations"
+          }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 states: { empty: { title: "No Registrations", description: "No recent registrations." } },
@@ -498,11 +421,11 @@ const _sfc_main = {
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user) => {
-                    return openBlock(), createBlock(_sfc_main$9, {
+                    return openBlock(), createBlock(_sfc_main$7, {
                       key: user._id,
                       to: `/users/${user._id}`,
                       photo: user.avatar || user.profile?.photo,
-                      placeholder: _sfc_main$4,
+                      placeholder: _sfc_main$a,
                       title: user.profile?.name || user.username || user.email || "User",
                       subtitle: unref(formatDate)(user.createdAt),
                       classImage: "flex-none w-3r h-3r radius-extra bg-main-transp flex flex-center o-hidden",
@@ -515,10 +438,13 @@ const _sfc_main = {
               }, 8, ["store", "options"])
             ]),
             _: 1
-          }),
-          createVNode(_sfc_main$7, { title: "Upcoming Rents" }, {
+          })) : createCommentVNode("", true),
+          unref(isModuleInstalled)("rents") ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            title: "Upcoming Rents"
+          }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$6, {
                 showLoadMore: false,
                 LoadMore: false,
                 search: false,
@@ -529,7 +455,7 @@ const _sfc_main = {
               }, {
                 default: withCtx(({ items }) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(items, (rent) => {
-                    return openBlock(), createBlock(_sfc_main$9, {
+                    return openBlock(), createBlock(_sfc_main$7, {
                       key: rent._id,
                       to: `/backoffice/orders/${rent.order}`,
                       placeholder: _sfc_main$2,
@@ -545,8 +471,8 @@ const _sfc_main = {
               }, 8, ["store"])
             ]),
             _: 1
-          })
-        ])
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }