loginAs

loginAs

const { Permit } = require("permitio") ;
const permit = new Permit({token: "<YOUR_API_KEY>", ...}) ;

// In your backend route
const ticket = await permit.elements.loginAs({userId: user_key, tenantId: TENANT}) ;

from permitio import Permit
permit = Permit(token="<YOUR_API_KEY>", ...)

# In your backend route
ticket = await permit.elements.login_as(USER, TENANT)

login

permit.elements.login({
  loginUrl: '<https://your_app_url.com/login_cookie>',
  tenant: 'your_tenant_key',
  loginMethod: LoginMethod.cookie
})

loginAs

login

const permit = new Permit({
  token: "[YOUR_API_KEY]",
  pdp: "<http://localhost:7766>"
}) ;

[YOUR_API_KEY]

Could i keep the login flow using nextauth, and create a jwt when logging in and use that?

jsonwebtoken

jose

'use client';
import { useEffect } from 'react';
import permit, { LoginMethod } from '@permitio/permit-js';

export default function PermitLogin() {
    useEffect(() => {
        async function loginWithPermit() {
            try {
                const res = await fetch('/api/user-jwt');
                const data = await res.json();
                if (!data.token) {
                    console.error('No JWT found');
                    return;
                }
                await permit.elements.login({
                    // loginMethod: LoginMethod.frontendOnly,
                    // userJwt: data.token,
                    // tenant: 'aichatbot',
                    // envId: '4e9eb067dd114f51950886a823c76c4b',
                    loginMethod: LoginMethod.cookie,
                    loginUrl: '<http://localhost:3000/api/user-jwt>',
                    tenant: 'aichatbot',
                });
                console.log('Permit login success');
            } catch (err) {
                console.error('Permit login error', err);
            }
        }
        loginWithPermit();
    }, []);

    return (
        <iframe
            title="Permit Element user-management"
            src="<https://embed.permit.io/user-management?envId=4e9eb067dd114f51950886a823c76c4b&darkMode=false>"
            width="100%"
            height="600"
            style={{ border: 'none' }}
        />
    );
    
}