analytica-frontend-lib 1.0.72 → 1.0.74

package/dist/index.d.mts

@@ -30,6 +30,8 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.mjs';
+export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.mjs';
+export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.d.ts

@@ -30,6 +30,8 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.js';
+export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.js';
+export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.js

@@ -85,10 +85,12 @@ __export(src_exports, {
   TextArea: () => TextArea_default,
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
+  createZustandAuthAdapter: () => createZustandAuthAdapter,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
   useRouteAuth: () => useRouteAuth,
   useToastStore: () => ToastStore_default,
+  useUrlAuthentication: () => useUrlAuthentication,
   withAuth: () => withAuth
 });
 module.exports = __toCommonJS(src_exports);
@@ -4090,6 +4092,125 @@ var CardSimulado = (0, import_react11.forwardRef)(
     );
   }
 );
+var CardTest = (0, import_react11.forwardRef)(
+  ({
+    title,
+    duration,
+    questionsCount,
+    additionalInfo,
+    selected = false,
+    onSelect,
+    className = "",
+    ...props
+  }, ref) => {
+    const handleClick = () => {
+      if (onSelect) {
+        onSelect(!selected);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if ((event.key === "Enter" || event.key === " ") && onSelect) {
+        event.preventDefault();
+        onSelect(!selected);
+      }
+    };
+    const isSelectable = !!onSelect;
+    const getQuestionsText = (count) => {
+      const singular = count === 1 ? "quest\xE3o" : "quest\xF5es";
+      return `${count} ${singular}`;
+    };
+    const displayInfo = questionsCount ? getQuestionsText(questionsCount) : additionalInfo || "";
+    const baseClasses = "flex flex-row items-center p-4 gap-2 w-full max-w-full bg-background shadow-soft-shadow-1 rounded-xl isolate border-0 text-left";
+    const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
+    const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
+    if (isSelectable) {
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "button",
+        {
+          ref,
+          type: "button",
+          className: `${baseClasses} ${interactiveClasses} ${selectedClasses} ${className}`.trim(),
+          onClick: handleClick,
+          onKeyDown: handleKeyDown,
+          "aria-pressed": selected,
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Text_default,
+              {
+                size: "md",
+                weight: "bold",
+                className: "text-text-950 tracking-[0.2px] leading-[19px] truncate",
+                children: title
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+              duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.Clock, { size: 16, className: "text-text-700" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                  Text_default,
+                  {
+                    size: "sm",
+                    className: "text-text-700 leading-[21px] whitespace-nowrap",
+                    children: duration
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                Text_default,
+                {
+                  size: "sm",
+                  className: "text-text-700 leading-[21px] flex-grow truncate",
+                  children: displayInfo
+                }
+              )
+            ] })
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        ref,
+        className: `${baseClasses} ${className}`.trim(),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            Text_default,
+            {
+              size: "md",
+              weight: "bold",
+              className: "text-text-950 tracking-[0.2px] leading-[19px] truncate",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
+            duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_phosphor_react10.Clock, { size: 16, className: "text-text-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                Text_default,
+                {
+                  size: "sm",
+                  className: "text-text-700 leading-[21px] whitespace-nowrap",
+                  children: duration
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              Text_default,
+              {
+                size: "sm",
+                className: "text-text-700 leading-[21px] flex-grow truncate min-w-0",
+                children: displayInfo
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
 
 // src/components/Accordation/Accordation.tsx
 var import_phosphor_react11 = require("phosphor-react");
@@ -5753,6 +5874,14 @@ var ProtectedRoute = ({
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
+    if (typeof window !== "undefined") {
+      const rootDomain = getRootDomain();
+      const currentLocation = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ":" + window.location.port : ""}`;
+      if (rootDomain !== currentLocation) {
+        window.location.href = rootDomain;
+        return null;
+      }
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
@@ -5798,6 +5927,127 @@ var useRouteAuth = (fallbackPath = "/") => {
     redirectToLogin
   };
 };
+var getRootDomain = () => {
+  const { hostname, protocol, port } = window.location;
+  const portStr = port ? ":" + port : "";
+  if (hostname === "localhost") {
+    return `${protocol}//${hostname}${portStr}`;
+  }
+  const parts = hostname.split(".");
+  if (parts.length > 2) {
+    const base = parts.slice(-2).join(".");
+    return `${protocol}//${base}${portStr}`;
+  }
+  return `${protocol}//${hostname}${portStr}`;
+};
+
+// src/components/Auth/zustandAuthAdapter.ts
+function createZustandAuthAdapter(useAuthStore) {
+  return {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: async () => {
+      const { sessionInfo, tokens } = useAuthStore.getState();
+      return Boolean(sessionInfo && tokens);
+    },
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => useAuthStore.getState().user,
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => useAuthStore.getState().sessionInfo,
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => useAuthStore.getState().tokens,
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => {
+      const signOutFn = useAuthStore.getState().signOut;
+      if (typeof signOutFn === "function") signOutFn();
+    }
+  };
+}
+
+// src/components/Auth/useUrlAuthentication.ts
+var import_react20 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
+var getAuthParams = (location, extractParams) => {
+  const searchParams = new URLSearchParams(location.search);
+  return extractParams ? extractParams(searchParams) : {
+    sessionId: searchParams.get("sessionId"),
+    token: searchParams.get("token"),
+    refreshToken: searchParams.get("refreshToken")
+  };
+};
+var hasValidAuthParams = (authParams) => {
+  return !!(authParams?.sessionId && authParams?.token && authParams?.refreshToken);
+};
+var hasValidProfileData = (data) => {
+  return data !== null && typeof data === "object" && data !== void 0;
+};
+var handleProfileSelection = (responseData, setSelectedProfile) => {
+  if (!setSelectedProfile) return;
+  if (!hasValidProfileData(responseData)) return;
+  const profileId = responseData.profileId;
+  const isValidProfileId = profileId !== null && profileId !== void 0;
+  if (isValidProfileId) {
+    setSelectedProfile({
+      id: profileId
+    });
+  }
+};
+function useUrlAuthentication(options) {
+  const location = (0, import_react_router_dom2.useLocation)();
+  (0, import_react20.useEffect)(() => {
+    const handleAuthentication = async () => {
+      const authParams = getAuthParams(location, options.extractParams);
+      if (!hasValidAuthParams(authParams)) {
+        return;
+      }
+      try {
+        options.setTokens({
+          token: authParams.token,
+          refreshToken: authParams.refreshToken
+        });
+        const response = await options.api.get(options.endpoint, {
+          headers: {
+            Authorization: `Bearer ${authParams.token}`
+          }
+        });
+        options.setSessionInfo(response.data.data);
+        handleProfileSelection(response.data.data, options.setSelectedProfile);
+        options.clearParamsFromURL?.();
+      } catch (error) {
+        console.error("Erro ao obter informa\xE7\xF5es da sess\xE3o:", error);
+      }
+    };
+    handleAuthentication();
+  }, [
+    location.search,
+    options.setSessionInfo,
+    options.setSelectedProfile,
+    options.setTokens,
+    options.api,
+    options.endpoint,
+    options.extractParams,
+    options.clearParamsFromURL
+  ]);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -5865,10 +6115,12 @@ var useRouteAuth = (fallbackPath = "/") => {
   TextArea,
   Toast,
   Toaster,
+  createZustandAuthAdapter,
   useAuth,
   useAuthGuard,
   useRouteAuth,
   useToastStore,
+  useUrlAuthentication,
   withAuth
 });
 //# sourceMappingURL=index.js.map