analytica-frontend-lib 1.0.77 → 1.0.79

package/dist/index.d.mts

@@ -29,9 +29,11 @@ export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValu
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTest, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
+export { default as NotFound } from './NotFound/index.mjs';
 export { AuthProvider, ProtectedRoute, PublicRoute, getRootDomain, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.mjs';
 export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.mjs';
 export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.mjs';
+export { useApiConfig } from './Auth/useApiConfig/index.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.d.ts

@@ -29,9 +29,11 @@ export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValu
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTest, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
+export { default as NotFound } from './NotFound/index.js';
 export { AuthProvider, ProtectedRoute, PublicRoute, getRootDomain, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.js';
 export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.js';
 export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.js';
+export { useApiConfig } from './Auth/useApiConfig/index.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.js

@@ -55,6 +55,7 @@ __export(src_exports, {
   MenuOverflow: () => MenuOverflow,
   Modal: () => Modal_default,
   NavButton: () => NavButton_default,
+  NotFound: () => NotFound_default,
   ProfileMenuFooter: () => ProfileMenuFooter,
   ProfileMenuHeader: () => ProfileMenuHeader,
   ProfileMenuSection: () => ProfileMenuSection,
@@ -88,6 +89,7 @@ __export(src_exports, {
   Toaster: () => Toaster_default,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
   getRootDomain: () => getRootDomain,
+  useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
   useRouteAuth: () => useRouteAuth,
@@ -3601,7 +3603,7 @@ var CardResults = (0, import_react11.forwardRef)(
         layout: "horizontal",
         padding: "none",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center cursor-pointer pr-4 ${className}`,
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -3631,7 +3633,7 @@ var CardResults = (0, import_react11.forwardRef)(
                     {
                       action: "success",
                       variant: "solid",
-                      size: "medium",
+                      size: "large",
                       iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CheckCircle, {}),
                       children: [
                         correct_answers,
@@ -3644,7 +3646,7 @@ var CardResults = (0, import_react11.forwardRef)(
                     {
                       action: "error",
                       variant: "solid",
-                      size: "medium",
+                      size: "large",
                       iconLeft: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.XCircle, {}),
                       children: [
                         incorrect_answers,
@@ -3656,14 +3658,14 @@ var CardResults = (0, import_react11.forwardRef)(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
   }
 );
 var CardStatus = (0, import_react11.forwardRef)(
-  ({ header, className, status, ...props }, ref) => {
+  ({ header, className, status, label, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       CardBase,
       {
@@ -3671,7 +3673,7 @@ var CardStatus = (0, import_react11.forwardRef)(
         layout: "horizontal",
         padding: "medium",
         minHeight: "medium",
-        className: `items-center ${className}`,
+        className: `items-center cursor-pointer ${className}`,
         ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
@@ -3686,7 +3688,7 @@ var CardStatus = (0, import_react11.forwardRef)(
                 children: status == "correct" ? "Correta" : "Incorreta"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-800", children: "Respondida" })
+            label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-text-800", children: label })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
@@ -4365,7 +4367,7 @@ var AlternativesList = ({
                 /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   "p",
                   {
-                    className: `block font-medium ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                    className: `block font-medium ${selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"}`,
                     children: alternative.label
                   }
                 ),
@@ -4388,7 +4390,7 @@ var AlternativesList = ({
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "span",
               {
-                className: `flex-1 ${selectedValue === alternative.value || statusBadge ? "text-primary-950" : "text-text-600"}`,
+                className: `flex-1 ${selectedValue === alternative.value || statusBadge ? "text-text-950" : "text-text-600"}`,
                 children: alternative.label
               }
             )
@@ -4448,7 +4450,7 @@ var AlternativesList = ({
                       {
                         htmlFor: alternativeId,
                         className: `block font-medium
-                        ${actualValue === alternative.value ? "text-primary-950" : "text-text-600"}
+                        ${actualValue === alternative.value ? "text-text-950" : "text-text-600"}
                         ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
                         children: alternative.label
                       }
@@ -4481,7 +4483,7 @@ var AlternativesList = ({
                   {
                     htmlFor: alternativeId,
                     className: `flex-1
-                  ${actualValue === alternative.value ? "text-primary-950" : "text-text-600"}
+                  ${actualValue === alternative.value ? "text-text-950" : "text-text-600"}
                   ${alternative.disabled ? "cursor-not-allowed" : "cursor-pointer"}`,
                     children: alternative.label
                   }
@@ -5775,10 +5777,108 @@ var SkeletonTable = (0, import_react18.forwardRef)(
   }
 );
 
+// src/components/NotFound/NotFound.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var NotFound = ({
+  title,
+  description,
+  buttonText = "Voltar",
+  onButtonClick,
+  className = "",
+  errorType = "404",
+  customErrorCode
+}) => {
+  const getErrorCode = () => {
+    if (errorType === "custom") {
+      return customErrorCode?.trim() || "ERROR";
+    }
+    return errorType;
+  };
+  const getDefaultTitle = () => {
+    switch (errorType) {
+      case "404":
+        return "P\xE1gina n\xE3o encontrada";
+      case "500":
+        return "Erro interno do servidor";
+      default:
+        return "Erro";
+    }
+  };
+  const getDefaultDescription = () => {
+    switch (errorType) {
+      case "404":
+        return "Oops! A p\xE1gina que voc\xEA est\xE1 procurando n\xE3o existe ou foi removida.";
+      case "500":
+        return "Algo deu errado em nossos servidores. Tente novamente mais tarde.";
+      default:
+        return "Ocorreu um erro inesperado.";
+    }
+  };
+  const handleButtonClick = (event) => {
+    event.preventDefault();
+    onButtonClick?.();
+  };
+  const errorTitle = title || getDefaultTitle();
+  const errorDescription = description || getDefaultDescription();
+  const errorCode = getErrorCode();
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "div",
+    {
+      className: `flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4 ${className}`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "main",
+        {
+          role: "main",
+          "aria-labelledby": "error-title",
+          "aria-describedby": "error-description",
+          className: "flex flex-col items-center text-center max-w-md space-y-6",
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              "div",
+              {
+                className: "text-8xl font-bold text-primary-300 select-none",
+                "aria-label": `C\xF3digo de erro: ${errorCode}`,
+                children: errorCode
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                Text_default,
+                {
+                  size: "xl",
+                  weight: "bold",
+                  className: "text-text-950",
+                  id: "error-title",
+                  "aria-level": 1,
+                  children: errorTitle
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+            ] }),
+            onButtonClick && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              Button_default,
+              {
+                onClick: handleButtonClick,
+                variant: "solid",
+                size: "medium",
+                className: "mt-8",
+                "aria-describedby": "error-description",
+                "aria-label": `${buttonText}. ${errorDescription}`,
+                children: buttonText
+              }
+            ) })
+          ] })
+        }
+      )
+    }
+  );
+};
+var NotFound_default = NotFound;
+
 // src/components/Auth/Auth.tsx
 var import_react19 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var AuthContext = (0, import_react19.createContext)(void 0);
 var AuthProvider = ({
   children,
@@ -5848,7 +5948,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = (0, import_react19.useContext)(AuthContext);
@@ -5864,9 +5964,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -5877,12 +5977,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children });
 };
 var PublicRoute = ({
   children,
@@ -5892,15 +5992,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ProtectedRoute, { ...options, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -5915,7 +6015,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = (0, import_react_router_dom.useLocation)();
-  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom.Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -6043,6 +6143,17 @@ function useUrlAuthentication(options) {
     options.clearParamsFromURL
   ]);
 }
+
+// src/components/Auth/useApiConfig.ts
+var import_react21 = require("react");
+function useApiConfig(api) {
+  return (0, import_react21.useMemo)(
+    () => ({
+      get: (endpoint, config) => api.get(endpoint, config)
+    }),
+    [api]
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -6080,6 +6191,7 @@ function useUrlAuthentication(options) {
   MenuOverflow,
   Modal,
   NavButton,
+  NotFound,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuSection,
@@ -6113,6 +6225,7 @@ function useUrlAuthentication(options) {
   Toaster,
   createZustandAuthAdapter,
   getRootDomain,
+  useApiConfig,
   useAuth,
   useAuthGuard,
   useRouteAuth,