@opble/auth0-react 1.1.5 → 1.1.7

package/dist/components/AccessForbidden.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAuth0 } from '@auth0/auth0-react';
+export function AccessForbidden({ homeUrl = '/', supportEmail, supportUrl, } = {}) {
+    const { logout } = useAuth0();
+    return (_jsx("div", { className: "obar:min-h-screen obar:flex obar:items-center obar:justify-center obar:bg-linear-to-b obar:from-white obar:to-gray-100 obar:dark:from-slate-900 obar:dark:to-slate-800 obar:transition-colors obar:px-4", children: _jsxs("div", { className: "obar:w-full obar:max-w-lg obar:p-8 obar:rounded-2xl obar:shadow-xl obar:border obar:border-gray-100 obar:dark:border-slate-700 obar:bg-white/70 obar:dark:bg-slate-900/60 obar:backdrop-blur-sm", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:items-center obar:text-center", children: [_jsx("div", { className: "obar:shrink-0 obar:h-16 obar:w-16 obar:rounded-full obar:bg-red-100 obar:dark:bg-red-900/20 obar:flex obar:items-center obar:justify-center obar:mb-4", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-8 obar:w-8 obar:text-red-600 obar:dark:text-red-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }) }), _jsx("h1", { className: "obar:text-3xl obar:font-bold obar:text-slate-900 obar:dark:text-slate-100 obar:mb-2", children: "Access Forbidden" }), _jsx("p", { className: "obar:text-base obar:text-slate-600 obar:dark:text-slate-300 obar:mb-6", children: "You don't have permission to access this page. Please contact your administrator if you believe this is an error." }), _jsxs("div", { className: "obar:inline-flex obar:items-center obar:gap-2 obar:px-4 obar:py-2 obar:rounded-full obar:bg-red-50 obar:dark:bg-red-900/10 obar:border obar:border-red-200 obar:dark:border-red-800 obar:mb-8", children: [_jsx("svg", { className: "obar:h-4 obar:w-4 obar:text-red-600 obar:dark:text-red-400", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }), _jsx("span", { className: "obar:text-sm obar:font-medium obar:text-red-700 obar:dark:text-red-300", children: "Error 403" })] }), _jsxs("div", { className: "obar:flex obar:flex-col obar:gap-4 obar:w-full", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:sm:flex-row obar:gap-3", children: [_jsxs("button", { onClick: () => (window.location.href = homeUrl), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-indigo-600 obar:hover:bg-indigo-700 obar:text-white obar:font-medium obar:transition-colors obar:shadow-lg obar:shadow-indigo-500/20 obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("polyline", { points: "9 22 9 12 15 12 15 22" })] }), "Go to Home"] }), _jsxs("button", { onClick: () => logout(), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-red-600 obar:hover:bg-red-700 obar:dark:bg-red-700/80 obar:dark:hover:bg-red-700 obar:text-white obar:font-medium obar:transition-colors obar:shadow-lg obar:shadow-red-500/20 obar:dark:shadow-red-900/30 obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: ["Sign Out", _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] })] })] }), _jsx("button", { onClick: () => window.history.back(), className: "obar:text-sm obar:text-slate-500 obar:hover:text-slate-700 obar:dark:text-slate-400 obar:dark:hover:text-slate-200 obar:underline obar:underline-offset-4 obar:transition-colors obar:cursor-pointer", children: "\u2190 Go back to previous page" })] })] }), (supportEmail || supportUrl) && (_jsx("div", { className: "obar:mt-8 obar:pt-6 obar:border-t obar:border-slate-200 obar:dark:border-slate-700", children: _jsxs("p", { className: "obar:text-sm obar:text-slate-500 obar:dark:text-slate-400 obar:text-center", children: ["Need help?", ' ', _jsx("a", { href: supportUrl || `mailto:${supportEmail}`, className: "obar:text-indigo-600 obar:dark:text-indigo-400 obar:hover:underline obar:font-medium obar:cursor-pointer", children: "Contact support" })] }) }))] }) }));
+}

package/dist/components/AuthClearing.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AuthClearing() {
+    return (_jsxs("div", { className: "obar:min-h-screen obar:flex obar:items-center obar:justify-center obar:bg-linear-to-b obar:from-white obar:to-gray-100 obar:dark:from-slate-900 obar:dark:to-slate-800 obar:transition-colors", children: [_jsx("div", { className: "obar:w-full obar:max-w-lg obar:p-8 obar:rounded-2xl obar:shadow-xl obar:border obar:border-gray-100 obar:dark:border-slate-700 obar:bg-white/70 obar:dark:bg-slate-900/60 obar:backdrop-blur-sm", children: _jsxs("div", { className: "obar:flex obar:flex-col obar:items-center obar:text-center", children: [_jsxs("div", { className: "obar:relative obar:mb-6", children: [_jsx("div", { className: "obar:shrink-0 obar:h-16 obar:w-16 obar:rounded-full obar:bg-indigo-100 obar:dark:bg-indigo-900/20 obar:flex obar:items-center obar:justify-center", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-8 obar:w-8 obar:text-indigo-600 obar:dark:text-indigo-400 obar:animate-pulse", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }) }), _jsx("div", { className: "obar:absolute obar:inset-0 obar:rounded-full obar:bg-indigo-400/30 obar:dark:bg-indigo-600/20 obar:animate-ping" })] }), _jsx("h1", { className: "obar:text-2xl obar:font-bold obar:text-slate-900 obar:dark:text-slate-100 obar:mb-2", children: "Signing You Out" }), _jsx("p", { className: "obar:text-base obar:text-slate-600 obar:dark:text-slate-300 obar:mb-6", children: "Please wait while we securely clear your session..." }), _jsx("div", { className: "obar:w-full obar:max-w-xs", children: _jsx("div", { className: "obar:h-1.5 obar:bg-slate-200 obar:dark:bg-slate-700 obar:rounded-full obar:overflow-hidden", children: _jsx("div", { className: "obar:h-full obar:bg-indigo-600 obar:dark:bg-indigo-500 obar:rounded-full animate-progress" }) }) }), _jsx("p", { className: "obar:mt-6 obar:text-sm obar:text-slate-500 obar:dark:text-slate-400", children: "You'll be redirected shortly" })] }) }), _jsx("style", { children: `
+        @keyframes progress {
+          0% {
+            width: 0%;
+            transform: translateX(0);
+          }
+          50% {
+            width: 70%;
+          }
+          100% {
+            width: 100%;
+          }
+        }
+        .animate-progress {
+          animation: progress 1.5s ease-in-out infinite;
+        }
+      ` })] }));
+}

package/dist/components/AuthError.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAuth0 } from '@auth0/auth0-react';
+export function AuthError({ homeUrl = '/', supportEmail, supportUrl, error = null, } = {}) {
+    const { loginWithRedirect } = useAuth0();
+    return (_jsx("div", { className: "obar:min-h-screen obar:flex obar:items-center obar:justify-center obar:bg-linear-to-b obar:from-white obar:to-gray-100 obar:dark:from-slate-900 obar:dark:to-slate-800 obar:transition-colors obar:px-4", children: _jsxs("div", { className: "obar:w-full obar:max-w-lg obar:p-8 obar:rounded-2xl obar:shadow-xl obar:border obar:border-gray-100 obar:dark:border-slate-700 obar:bg-white/70 obar:dark:bg-slate-900/60 obar:backdrop-blur-sm", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:items-center obar:text-center", children: [_jsx("div", { className: "obar:shrink-0 obar:h-16 obar:w-16 obar:rounded-full obar:bg-red-50 obar:dark:bg-red-900/10 obar:flex obar:items-center obar:justify-center obar:mb-4", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-8 obar:w-8 obar:text-red-600 obar:dark:text-red-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 8v4" }), _jsx("path", { d: "M12 16h.01" })] }) }), _jsx("h1", { className: "obar:text-3xl obar:font-bold obar:text-slate-900 obar:dark:text-slate-100 obar:mb-2", children: "Authentication Error" }), _jsx("p", { className: "obar:text-base obar:text-slate-600 obar:dark:text-slate-300 obar:mb-6", children: "Authentication failed. Sign out and sign back in to resolve transient errors, or return home." }), error && (_jsx("div", { className: "obar:mb-4 obar:w-full obar:px-4 obar:py-3 obar:rounded-md obar:bg-red-50 obar:dark:bg-red-900/10 obar:border obar:border-red-100 obar:dark:border-red-800 obar:text-sm obar:text-red-700 obar:dark:text-red-200", children: typeof error === 'string' ? error : error.message })), _jsxs("div", { className: "obar:flex obar:flex-col obar:gap-4 obar:w-full", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:sm:flex-row obar:gap-3", children: [_jsxs("button", { onClick: () => (window.location.href = homeUrl), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-transparent obar:border obar:border-gray-200 obar:dark:border-white/5 obar:text-slate-700 obar:dark:text-slate-200 obar:hover:bg-gray-50 obar:dark:hover:bg-slate-800 obar:font-medium obar:transition-colors obar:shadow-sm obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("polyline", { points: "9 22 9 12 15 12 15 22" })] }), "Go to Home"] }), _jsxs("button", { onClick: () => loginWithRedirect(), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-indigo-600 obar:hover:bg-indigo-700 obar:text-white obar:font-medium obar:transition-colors obar:shadow-lg obar:shadow-indigo-500/20 obar:dark:bg-indigo-500 obar:dark:hover:bg-indigo-600 obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: ["Sign In", _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }), _jsx("polyline", { points: "10 17 15 12 10 7" }), _jsx("line", { x1: "15", y1: "12", x2: "3", y2: "12" })] })] })] }), _jsx("button", { onClick: () => window.history.back(), className: "obar:text-sm obar:text-slate-500 obar:hover:text-slate-700 obar:dark:text-slate-400 obar:dark:hover:text-slate-200 obar:underline obar:underline-offset-4 obar:transition-colors obar:cursor-pointer", children: "\u2190 Go back to previous page" })] })] }), (supportEmail || supportUrl) && (_jsx("div", { className: "obar:mt-8 obar:pt-6 obar:border-t obar:border-slate-200 obar:dark:border-slate-700", children: _jsxs("p", { className: "obar:text-sm obar:text-slate-500 obar:dark:text-slate-400 obar:text-center", children: ["Need help?", ' ', _jsx("a", { href: supportUrl || `mailto:${supportEmail}`, className: "obar:text-indigo-600 obar:dark:text-indigo-400 obar:hover:underline obar:font-medium obar:cursor-pointer", children: "Contact support" })] }) }))] }) }));
+}
+export default AuthError;

package/dist/components/AuthLoading.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AuthLoading() {
+    return (_jsxs("div", { className: "obar:min-h-screen obar:flex obar:items-center obar:justify-center obar:bg-linear-to-b obar:from-white obar:to-gray-100 obar:dark:from-slate-900 obar:dark:to-slate-800 obar:transition-colors", children: [_jsxs("div", { className: "obar:w-full obar:max-w-lg obar:p-8 obar:rounded-2xl obar:shadow-xl obar:border obar:border-gray-100 obar:dark:border-slate-700 obar:bg-white/70 obar:dark:bg-slate-900/60 obar:backdrop-blur-sm", children: [_jsxs("div", { className: "obar:flex obar:items-center obar:gap-4", children: [_jsx("div", { className: "obar:shrink-0 obar:h-14 obar:w-14 obar:rounded-lg obar:bg-indigo-600 obar:flex obar:items-center obar:justify-center obar:text-white", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-7 obar:w-7", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 2v10l3-3" }), _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7" })] }) }), _jsxs("div", { children: [_jsx("h2", { className: "obar:text-lg obar:font-semibold obar:text-slate-900 obar:dark:text-slate-100", children: "Signing you in" }), _jsx("p", { className: "obar:mt-1 obar:text-sm obar:text-slate-600 obar:dark:text-slate-300", children: "Hang tight \u2014 we're securely authenticating your account." })] })] }), _jsxs("div", { className: "obar:mt-8 obar:flex obar:flex-col obar:items-center", children: [_jsxs("div", { className: "obar:flex obar:items-center obar:gap-3", children: [_jsxs("svg", { className: "obar:h-8 obar:w-8 obar:text-indigo-600 obar:animate-spin", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [_jsx("circle", { className: "obar:opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "obar:opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z" })] }), _jsx("span", { className: "obar:text-sm obar:text-slate-700 obar:dark:text-slate-200", children: "Authenticating\u2026" })] }), _jsx("p", { className: "obar:mt-4 obar:text-xs obar:text-slate-500 obar:dark:text-slate-400 obar:text-center", children: "If this takes longer than a few seconds, try refreshing the page or checking your network connection." })] })] }), _jsx("div", { className: "obar:absolute obar:bottom-6 obar:text-xs obar:text-slate-500 obar:dark:text-slate-400", children: "opble \u2022 secure authentication" })] }));
+}

package/dist/components/ProtectedRoute.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAuth0 } from '@auth0/auth0-react';
+import { SerializableUserFactory } from '@opble/entity-auth';
+import { useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { decodeJWT } from '../helpers/jwt';
+import { setAccessToken, setUser } from '../slices/auth';
+import { selectAccessToken, selectUser } from '../slices/selectors';
+import { AccessForbidden } from './AccessForbidden';
+import AuthError from './AuthError';
+import { AuthLoading } from './AuthLoading';
+import { Unauthorized } from './Unauthorized';
+/**
+ * Component to protect routes that require authentication.
+ *
+ * Usage in route configuration:
+ * ```tsx
+ * <Route
+ *   path="/dashboard"
+ *   element={
+ *     <ProtectedRoute>
+ *       <Dashboard />
+ *     </ProtectedRoute>
+ *   }
+ * />
+ * ```
+ */
+export function ProtectedRoute({ children, requiredPermissions, }) {
+    const dispatch = useDispatch();
+    const accessToken = useSelector(selectAccessToken);
+    const user = useSelector(selectUser);
+    const { isAuthenticated, isLoading, getAccessTokenSilently, getIdTokenClaims, } = useAuth0();
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const loadAuthData = async () => {
+            if (isAuthenticated) {
+                try {
+                    const idToken = await getIdTokenClaims();
+                    const token = await getAccessTokenSilently();
+                    const payload = decodeJWT(token);
+                    if (payload && idToken) {
+                        dispatch(setUser(SerializableUserFactory.create({
+                            id: idToken.sub,
+                            email: idToken.email,
+                            name: idToken.name,
+                            emailVerified: idToken.email_verified,
+                            permissions: payload['permissions'] || [],
+                        })));
+                    }
+                    dispatch(setAccessToken(token));
+                }
+                catch (e) {
+                    console.error('Failed to get access token silently:', e);
+                    setError('Failed to get access token silently.');
+                }
+            }
+        };
+        loadAuthData();
+    }, [isAuthenticated, getAccessTokenSilently, getIdTokenClaims, dispatch]);
+    if (isLoading) {
+        return _jsx(AuthLoading, {});
+    }
+    else if (error) {
+        return _jsx(AuthError, { error: error });
+    }
+    else if (!isAuthenticated) {
+        return _jsx(Unauthorized, {});
+    }
+    else if (!accessToken) {
+        return _jsx(AuthLoading, {});
+    }
+    else if (requiredPermissions && user) {
+        const hasAllPermissions = requiredPermissions.every((perm) => user.permissions.includes(perm));
+        if (!hasAllPermissions) {
+            return _jsx(AccessForbidden, {});
+        }
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/components/Unauthorized.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAuth0 } from '@auth0/auth0-react';
+export function Unauthorized({ homeUrl = '/', supportEmail, supportUrl, } = {}) {
+    const { loginWithRedirect } = useAuth0();
+    return (_jsx("div", { className: "obar:min-h-screen obar:flex obar:items-center obar:justify-center obar:bg-linear-to-b obar:from-white obar:to-gray-100 obar:dark:from-slate-900 obar:dark:to-slate-800 obar:transition-colors obar:px-4", children: _jsxs("div", { className: "obar:w-full obar:max-w-lg obar:p-8 obar:rounded-2xl obar:shadow-xl obar:border obar:border-gray-100 obar:dark:border-slate-700 obar:bg-white/70 obar:dark:bg-slate-900/60 obar:backdrop-blur-sm", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:items-center obar:text-center", children: [_jsx("div", { className: "obar:shrink-0 obar:h-16 obar:w-16 obar:rounded-full obar:bg-yellow-50 obar:dark:bg-yellow-900/10 obar:flex obar:items-center obar:justify-center obar:mb-4", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-8 obar:w-8 obar:text-yellow-600 obar:dark:text-yellow-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M12 2l7 4v6c0 5-3.6 9.7-7 11-3.4-1.3-7-6-7-11V6l7-4z" }), _jsx("path", { d: "M9.5 11.5l1.5 1.5 3-3" })] }) }), _jsx("h1", { className: "obar:text-3xl obar:font-bold obar:text-slate-900 obar:dark:text-slate-100 obar:mb-2", children: "Unauthorized" }), _jsx("p", { className: "obar:text-base obar:text-slate-600 obar:dark:text-slate-300 obar:mb-6", children: "You need to sign in to access this page. Please sign in with your account or return home." }), _jsxs("div", { className: "obar:flex obar:flex-col obar:gap-4 obar:w-full", children: [_jsxs("div", { className: "obar:flex obar:flex-col obar:sm:flex-row obar:gap-3", children: [_jsxs("button", { onClick: () => (window.location.href = homeUrl), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-transparent obar:border obar:border-gray-200 obar:dark:border-white/5 obar:text-slate-700 obar:dark:text-slate-200 obar:hover:bg-gray-50 obar:dark:hover:bg-slate-800 obar:font-medium obar:transition-colors obar:shadow-sm obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("polyline", { points: "9 22 9 12 15 12 15 22" })] }), "Go to Home"] }), _jsxs("button", { onClick: () => loginWithRedirect(), className: "obar:flex-1 obar:px-6 obar:py-3 obar:rounded-lg obar:bg-indigo-600 obar:hover:bg-indigo-700 obar:text-slate-700 obar:dark:text-slate-200 obar:font-medium obar:transition-colors obar:shadow-lg obar:shadow-indigo-500/20 obar:dark:bg-indigo-500 obar:dark:hover:bg-indigo-600 obar:cursor-pointer obar:flex obar:items-center obar:justify-center obar:gap-2", children: ["Sign In", _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "obar:h-5 obar:w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }), _jsx("polyline", { points: "10 17 15 12 10 7" }), _jsx("line", { x1: "15", y1: "12", x2: "3", y2: "12" })] })] })] }), _jsx("button", { onClick: () => window.history.back(), className: "obar:text-sm obar:text-slate-500 obar:hover:text-slate-700 obar:dark:text-slate-400 obar:dark:hover:text-slate-200 obar:underline obar:underline-offset-4 obar:transition-colors obar:cursor-pointer", children: "\u2190 Go back to previous page" })] })] }), (supportEmail || supportUrl) && (_jsx("div", { className: "obar:mt-8 obar:pt-6 obar:border-t obar:border-slate-200 obar:dark:border-slate-700", children: _jsxs("p", { className: "obar:text-sm obar:text-slate-500 obar:dark:text-slate-400 obar:text-center", children: ["Need help?", ' ', _jsx("a", { href: supportUrl || `mailto:${supportEmail}`, className: "obar:text-indigo-600 obar:dark:text-indigo-400 obar:hover:underline obar:font-medium obar:cursor-pointer", children: "Contact support" })] }) }))] }) }));
+}
+export default Unauthorized;

package/dist/helpers/jwt.js

@@ -0,0 +1,27 @@
+/**
+ * Decode JWT token payload without external dependencies.
+ * Returns the decoded payload or null if invalid.
+ */
+export function decodeJWT(token) {
+    try {
+        const parts = token.split('.');
+        if (parts.length !== 3) {
+            return null;
+        }
+        // Decode base64url (replace URL-safe chars and pad)
+        if (parts[1] === undefined) {
+            return null;
+        }
+        const base64 = parts[1].replace(/-/g, '+').replace(/_/g, '/');
+        const paddedBase64 = base64.padEnd(base64.length + ((4 - (base64.length % 4)) % 4), '=');
+        const jsonPayload = decodeURIComponent(atob(paddedBase64)
+            .split('')
+            .map((c) => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(''));
+        return JSON.parse(jsonPayload);
+    }
+    catch (error) {
+        console.error('Failed to decode JWT:', error);
+        return null;
+    }
+}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import './style.css';
 export { authReducer } from './slices/auth';
 export { authReducerPath } from './slices/types';
 export { selectAccessToken, selectUser } from './slices/selectors';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC"}