analytica-frontend-lib 1.3.69 → 1.3.70

package/dist/index.js

@@ -42611,22 +42611,6 @@ function buildStudentHoursSlices(hoursByItem) {
     }
   ];
 }
-function buildProfessionalHoursSlices(hoursByItem) {
-  return [
-    {
-      label: "Atividades",
-      value: hoursByItem.activities.percentage,
-      colorClass: "bg-success-700",
-      color: "var(--Success-success700, #206F3E)"
-    },
-    {
-      label: "Aulas recomendadas",
-      value: hoursByItem.recommendedLessons.percentage,
-      colorClass: "bg-indicator-positive",
-      color: "var(--Indicator-Indicator-Positive, #F8CC2E)"
-    }
-  ];
-}
 var ReportContentLayout = ({
   user,
   metricBoxes,
@@ -42688,40 +42672,48 @@ var StudentModalContent2 = ({ data }) => /* @__PURE__ */ (0, import_jsx_runtime1
 );
 var ProfessionalModalContent2 = ({
   data
-}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-  ReportContentLayout,
-  {
-    user: data.user,
-    platformSlices: buildPlatformSlices(data.accessByPlatform),
-    hoursSlices: buildProfessionalHoursSlices(data.hoursByItem),
-    metricBoxes: /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(MetricBox, { label: "Tempo total", value: data.accessData.totalTime }),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(MetricBox, { label: "Atividades", value: data.accessData.activitiesTime }),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "Aulas recomendadas",
-          value: data.accessData.recommendedLessonsTime
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "Quantidade de acessos",
-          value: data.accessData.accessCount
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
-        MetricBox,
-        {
-          label: "\xDAltimo acesso",
-          value: data.accessData.lastAccess ?? "\u2014"
-        }
-      )
-    ] })
-  }
-);
-var LoadingSkeleton8 = ({ metricCount }) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-6", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+    UserHeader,
+    {
+      name: data.user.name,
+      school: data.user.school,
+      className: data.user.class ?? "",
+      year: data.user.year
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "Tempo na plataforma",
+        value: data.accessData.totalTime
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "Quantidade de acessos",
+        value: data.accessData.accessCount
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      MetricBox,
+      {
+        label: "\xDAltimo acesso",
+        value: data.accessData.lastAccess ?? "\u2014"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(SectionTitle, { children: "Plataforma de acesso" }),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(LegendPieCard, { slices: buildPlatformSlices(data.accessByPlatform) })
+  ] })
+] });
+var LoadingSkeleton8 = ({
+  metricCount,
+  showSecondaryChart = true
+}) => /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)("div", { className: "flex flex-col gap-4 animate-pulse", children: [
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: Array.from({ length: metricCount }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
     "div",
     {
@@ -42731,8 +42723,10 @@ var LoadingSkeleton8 = ({ metricCount }) => /* @__PURE__ */ (0, import_jsx_runti
   )) }),
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-40 mt-2" }),
   /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" }),
-  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-32" }),
-  /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" })
+  showSecondaryChart && /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-5 bg-background-200 rounded w-32" }),
+    /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", { className: "h-32 bg-background-200 rounded-xl" })
+  ] })
 ] });
 var AccessReportModal = ({
   isOpen,
@@ -42743,9 +42737,17 @@ var AccessReportModal = ({
   ...variantProps
 }) => {
   let content;
-  const metricCount = variantProps.variant === "student" /* STUDENT */ ? 6 : 5;
+  const isStudent = variantProps.variant === "student" /* STUDENT */;
+  const metricCount = isStudent ? 6 : 3;
+  const showSecondaryChart = isStudent;
   if (loading) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(LoadingSkeleton8, { metricCount });
+    content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+      LoadingSkeleton8,
+      {
+        metricCount,
+        showSecondaryChart
+      }
+    );
   } else if (error) {
     content = /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ErrorContent5, { message: error });
   } else if (variantProps.data === null) {