authservice-nextjs/dist/client/components.js

Next.js SDK for Auth Service - Server and client-side authentication with App Router support

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
    var ownKeys = function(o) {
        ownKeys = Object.getOwnPropertyNames || function (o) {
            var ar = [];
            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
            return ar;
        };
        return ownKeys(o);
    };
    return function (mod) {
        if (mod && mod.__esModule) return mod;
        var result = {};
        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
        __setModuleDefault(result, mod);
        return result;
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.PermissionGuard = PermissionGuard;
exports.RequireAuth = RequireAuth;
exports.AuthOnly = AuthOnly;
exports.GuestOnly = GuestOnly;
exports.AuthLoading = AuthLoading;
exports.AuthError = AuthError;
exports.UserInfo = UserInfo;
const react_1 = __importStar(require("react"));
const router_1 = require("next/router");
const provider_1 = require("./provider");
function PermissionGuard({ permission, permissions, requireAll = false, fallback = null, redirectTo, children, }) {
    const router = (0, router_1.useRouter)();
    const { user, hasPermission, hasAnyPermission, hasAllPermissions, redirectToUnauthorized } = (0, provider_1.useNextAuth)();
    (0, react_1.useEffect)(() => {
        if (!user && redirectTo) {
            router.push(redirectTo);
        }
    }, [user, redirectTo, router]);
    if (permission) {
        const allowed = hasPermission(permission);
        if (!allowed && redirectTo) {
            redirectToUnauthorized();
            return null;
        }
        return allowed ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(react_1.default.Fragment, null, fallback);
    }
    if (permissions && permissions.length > 0) {
        const allowed = requireAll
            ? hasAllPermissions(permissions)
            : hasAnyPermission(permissions);
        if (!allowed && redirectTo) {
            redirectToUnauthorized();
            return null;
        }
        return allowed ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(react_1.default.Fragment, null, fallback);
    }
    if (!user) {
        if (redirectTo) {
            router.push(redirectTo);
            return null;
        }
        return react_1.default.createElement(react_1.default.Fragment, null, fallback);
    }
    return react_1.default.createElement(react_1.default.Fragment, null, children);
}
function RequireAuth({ children, fallback = null, redirectTo = '/login' }) {
    const { user, loading } = (0, provider_1.useNextAuth)();
    const router = (0, router_1.useRouter)();
    (0, react_1.useEffect)(() => {
        if (!loading && !user && redirectTo) {
            const url = new URL(redirectTo, window.location.origin);
            url.searchParams.set('returnUrl', router.asPath);
            router.push(url.pathname + url.search);
        }
    }, [user, loading, redirectTo, router]);
    if (loading) {
        return react_1.default.createElement(react_1.default.Fragment, null, fallback);
    }
    return user ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(react_1.default.Fragment, null, fallback);
}
function AuthOnly({ children }) {
    const { user } = (0, provider_1.useNextAuth)();
    return user ? react_1.default.createElement(react_1.default.Fragment, null, children) : null;
}
function GuestOnly({ children }) {
    const { user } = (0, provider_1.useNextAuth)();
    return !user ? react_1.default.createElement(react_1.default.Fragment, null, children) : null;
}
function AuthLoading({ children }) {
    const { loading } = (0, provider_1.useNextAuth)();
    return loading ? react_1.default.createElement(react_1.default.Fragment, null, children) : null;
}
function AuthError({ children, className }) {
    const { error } = (0, provider_1.useNextAuth)();
    if (!error)
        return null;
    if (children) {
        return react_1.default.createElement(react_1.default.Fragment, null, children(error));
    }
    return (react_1.default.createElement("div", { className: className || 'auth-error' }, error.message));
}
function UserInfo({ className, showEmail = true, showPermissions = false, showRoles = false }) {
    const { user } = (0, provider_1.useNextAuth)();
    if (!user)
        return null;
    return (react_1.default.createElement("div", { className: className },
        showEmail && user.email && (react_1.default.createElement("div", { className: "user-email" }, user.email)),
        showRoles && user.roles && user.roles.length > 0 && (react_1.default.createElement("div", { className: "user-roles" },
            "Roles: ",
            user.roles.map((r) => r.name).join(', '))),
        showPermissions && user.permissions && user.permissions.length > 0 && (react_1.default.createElement("div", { className: "user-permissions" },
            "Permissions: ",
            user.permissions.length))));
}
//# sourceMappingURL=components.js.map