analytica-frontend-lib 1.0.77 → 1.0.79

package/dist/index.mjs

@@ -3549,7 +3549,7 @@ var CardResults = forwardRef9(
         layout: "horizontal",
         padding: "none",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center cursor-pointer pr-4 ${className}`,
         ...props,
         children: [
           /* @__PURE__ */ jsx23(
@@ -3579,7 +3579,7 @@ var CardResults = forwardRef9(
                     {
                       action: "success",
                       variant: "solid",
-                      size: "medium",
+                      size: "large",
                       iconLeft: /* @__PURE__ */ jsx23(CheckCircle3, {}),
                       children: [
                         correct_answers,
@@ -3592,7 +3592,7 @@ var CardResults = forwardRef9(
                     {
                       action: "error",
                       variant: "solid",
-                      size: "medium",
+                      size: "large",
                       iconLeft: /* @__PURE__ */ jsx23(XCircle2, {}),
                       children: [
                         incorrect_answers,
@@ -3604,14 +3604,14 @@ var CardResults = forwardRef9(
               ]
             }
           ),
-          /* @__PURE__ */ jsx23(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
+          /* @__PURE__ */ jsx23(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
         ]
       }
     );
   }
 );
 var CardStatus = forwardRef9(
-  ({ header, className, status, ...props }, ref) => {
+  ({ header, className, status, label, ...props }, ref) => {
     return /* @__PURE__ */ jsx23(
       CardBase,
       {
@@ -3619,7 +3619,7 @@ var CardStatus = forwardRef9(
         layout: "horizontal",
         padding: "medium",
         minHeight: "medium",
-        className: `items-center ${className}`,
+        className: `items-center cursor-pointer ${className}`,
         ...props,
         children: /* @__PURE__ */ jsxs18("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
           /* @__PURE__ */ jsx23("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
@@ -3634,7 +3634,7 @@ var CardStatus = forwardRef9(
                 children: status == "correct" ? "Correta" : "Incorreta"
               }
             ),
-            /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-800", children: "Respondida" })
+            label && /* @__PURE__ */ jsx23("p", { className: "text-sm text-text-800", children: label })
           ] }),
           /* @__PURE__ */ jsx23(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
         ] })
@@ -4313,7 +4313,7 @@ var AlternativesList = ({
                 /* @__PURE__ */ jsx25(
                   "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
                   }
                 ),
@@ -4336,7 +4336,7 @@ var AlternativesList = ({
             /* @__PURE__ */ jsx25(
               "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
               }
             )
@@ -4396,7 +4396,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
                       }
@@ -4429,7 +4429,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
                   }
@@ -5750,6 +5750,104 @@ var SkeletonTable = forwardRef16(
   }
 );
 
+// src/components/NotFound/NotFound.tsx
+import { jsx as jsx31, jsxs as jsxs26 } from "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__ */ jsx31(
+    "div",
+    {
+      className: `flex flex-col w-full h-screen items-center justify-center bg-background-50 px-4 ${className}`,
+      children: /* @__PURE__ */ jsx31(
+        "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__ */ jsxs26("section", { "aria-label": `Erro ${errorCode}`, children: [
+            /* @__PURE__ */ jsx31(
+              "div",
+              {
+                className: "text-8xl font-bold text-primary-300 select-none",
+                "aria-label": `C\xF3digo de erro: ${errorCode}`,
+                children: errorCode
+              }
+            ),
+            /* @__PURE__ */ jsxs26("header", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx31(
+                Text_default,
+                {
+                  size: "xl",
+                  weight: "bold",
+                  className: "text-text-950",
+                  id: "error-title",
+                  "aria-level": 1,
+                  children: errorTitle
+                }
+              ),
+              /* @__PURE__ */ jsx31(Text_default, { size: "md", className: "text-text-600", id: "error-description", children: errorDescription })
+            ] }),
+            onButtonClick && /* @__PURE__ */ jsx31("nav", { "aria-label": "Navega\xE7\xE3o de erro", children: /* @__PURE__ */ jsx31(
+              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
 import {
   createContext,
@@ -5760,7 +5858,7 @@ import {
   useMemo as useMemo3
 } from "react";
 import { useLocation, Navigate } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx31 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx32 } from "react/jsx-runtime";
 var AuthContext = createContext(void 0);
 var AuthProvider = ({
   children,
@@ -5830,7 +5928,7 @@ var AuthProvider = ({
     }),
     [authState, checkAuth, signOut]
   );
-  return /* @__PURE__ */ jsx31(AuthContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx32(AuthContext.Provider, { value: contextValue, children });
 };
 var useAuth = () => {
   const context = useContext(AuthContext);
@@ -5846,9 +5944,9 @@ var ProtectedRoute = ({
   additionalCheck
 }) => {
   const { isAuthenticated, isLoading, ...authState } = useAuth();
-  const defaultLoadingComponent = /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx31("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+  const defaultLoadingComponent = /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx32("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   if (isLoading) {
-    return /* @__PURE__ */ jsx31(Fragment7, { children: loadingComponent || defaultLoadingComponent });
+    return /* @__PURE__ */ jsx32(Fragment7, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
     if (typeof window !== "undefined") {
@@ -5859,12 +5957,12 @@ var ProtectedRoute = ({
         return null;
       }
     }
-    return /* @__PURE__ */ jsx31(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
-    return /* @__PURE__ */ jsx31(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx31(Fragment7, { children });
+  return /* @__PURE__ */ jsx32(Fragment7, { children });
 };
 var PublicRoute = ({
   children,
@@ -5874,15 +5972,15 @@ var PublicRoute = ({
 }) => {
   const { isAuthenticated, isLoading } = useAuth();
   if (checkAuthBeforeRender && isLoading) {
-    return /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx31("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
+    return /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx32("div", { className: "text-text-950 text-lg", children: "Carregando..." }) });
   }
   if (isAuthenticated && redirectIfAuthenticated) {
-    return /* @__PURE__ */ jsx31(Navigate, { to: redirectTo, replace: true });
+    return /* @__PURE__ */ jsx32(Navigate, { to: redirectTo, replace: true });
   }
-  return /* @__PURE__ */ jsx31(Fragment7, { children });
+  return /* @__PURE__ */ jsx32(Fragment7, { children });
 };
 var withAuth = (Component, options = {}) => {
-  return (props) => /* @__PURE__ */ jsx31(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx31(Component, { ...props }) });
+  return (props) => /* @__PURE__ */ jsx32(ProtectedRoute, { ...options, children: /* @__PURE__ */ jsx32(Component, { ...props }) });
 };
 var useAuthGuard = (options = {}) => {
   const authState = useAuth();
@@ -5897,7 +5995,7 @@ var useAuthGuard = (options = {}) => {
 var useRouteAuth = (fallbackPath = "/") => {
   const { isAuthenticated, isLoading } = useAuth();
   const location = useLocation();
-  const redirectToLogin = () => /* @__PURE__ */ jsx31(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
+  const redirectToLogin = () => /* @__PURE__ */ jsx32(Navigate, { to: fallbackPath, state: { from: location }, replace: true });
   return {
     isAuthenticated,
     isLoading,
@@ -6025,6 +6123,17 @@ function useUrlAuthentication(options) {
     options.clearParamsFromURL
   ]);
 }
+
+// src/components/Auth/useApiConfig.ts
+import { useMemo as useMemo4 } from "react";
+function useApiConfig(api) {
+  return useMemo4(
+    () => ({
+      get: (endpoint, config) => api.get(endpoint, config)
+    }),
+    [api]
+  );
+}
 export {
   Alert_default as Alert,
   AlertDialog,
@@ -6061,6 +6170,7 @@ export {
   MenuOverflow,
   Modal_default as Modal,
   NavButton_default as NavButton,
+  NotFound_default as NotFound,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuSection,
@@ -6094,6 +6204,7 @@ export {
   Toaster_default as Toaster,
   createZustandAuthAdapter,
   getRootDomain,
+  useApiConfig,
   useAuth,
   useAuthGuard,
   useRouteAuth,