analytica-frontend-lib 1.0.76 → 1.0.78

package/dist/index.d.mts

@@ -27,11 +27,13 @@ export { AlertDialog } from './AlertDialog/index.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/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

@@ -27,11 +27,13 @@ export { AlertDialog } from './AlertDialog/index.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
-export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/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

@@ -35,6 +35,7 @@ __export(src_exports, {
   CardResults: () => CardResults,
   CardSimulado: () => CardSimulado,
   CardStatus: () => CardStatus,
+  CardTest: () => CardTest,
   CardTopic: () => CardTopic,
   CheckBox: () => CheckBox_default,
   Chips: () => Chips_default,
@@ -54,6 +55,7 @@ __export(src_exports, {
   MenuOverflow: () => MenuOverflow,
   Modal: () => Modal_default,
   NavButton: () => NavButton_default,
+  NotFound: () => NotFound_default,
   ProfileMenuFooter: () => ProfileMenuFooter,
   ProfileMenuHeader: () => ProfileMenuHeader,
   ProfileMenuSection: () => ProfileMenuSection,
@@ -87,6 +89,7 @@ __export(src_exports, {
   Toaster: () => Toaster_default,
   createZustandAuthAdapter: () => createZustandAuthAdapter,
   getRootDomain: () => getRootDomain,
+  useApiConfig: () => useApiConfig,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
   useRouteAuth: () => useRouteAuth,
@@ -5774,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,
@@ -5847,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);
@@ -5863,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") {
@@ -5876,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,
@@ -5891,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();
@@ -5914,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,
@@ -6042,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,
@@ -6059,6 +6171,7 @@ function useUrlAuthentication(options) {
   CardResults,
   CardSimulado,
   CardStatus,
+  CardTest,
   CardTopic,
   CheckBox,
   Chips,
@@ -6078,6 +6191,7 @@ function useUrlAuthentication(options) {
   MenuOverflow,
   Modal,
   NavButton,
+  NotFound,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuSection,
@@ -6111,6 +6225,7 @@ function useUrlAuthentication(options) {
   Toaster,
   createZustandAuthAdapter,
   getRootDomain,
+  useApiConfig,
   useAuth,
   useAuthGuard,
   useRouteAuth,