UNPKG

@accounter/client

Version:
1 lines 2.05 kB
import{s as e}from"./dist-ypP48_Ax.js";import{i as t,o as n}from"./utils-CbS-oR5I.js";import{d as r,l as i}from"./chunk-62JRHF6Z-CBbOZODe.js";import{n as a}from"./auth0-react.esm-anvOA90g.js";import{t as o}from"./routes-4W-duEv9.js";import{t as s}from"./button-DUNsVBiu.js";import{O as c,t as l}from"./index-U1vN7cBF.js";import{t as u}from"./use-login-DGv4-_H6.js";var d=e(n(),1),f=t();function p(){let{isAuthenticated:e,isLoading:t}=a(),n=u(),p=r(),m=i(),h=new URLSearchParams(m.search),g=h.get(`reauth`)===`1`,_=m.state?.returnTo??(g?sessionStorage.getItem(`auth:invitationReturnTo`):null)??o.APP_HOME,v=h.get(`error`),y=v?v===`auth_failed`?`Authentication failed. Please try again.`:l[v]??v:g?`Your session expired. Please sign in again.`:null;return(0,d.useEffect)(()=>{!t&&e&&!g&&p(_,{replace:!0})},[e,t,g,p,_]),(0,d.useEffect)(()=>{localStorage.removeItem(`user`),g&&c()},[g]),(0,f.jsxs)(`div`,{className:`w-full flex flex-col justify-center items-center h-screen lg:grid lg:min-h-[200px] lg:grid-cols-2 xl:min-h-screen`,children:[(0,f.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,f.jsxs)(`div`,{className:`space-y-8 w-[320px]`,children:[(0,f.jsxs)(`div`,{className:`grid gap-2 text-center`,children:[(0,f.jsx)(`h1`,{className:`text-3xl font-bold`,children:`Accounter`}),(0,f.jsx)(`h2`,{className:`text-3xl font-bold`,children:`Sign In`}),(0,f.jsx)(`p`,{className:`text-balance text-muted-foreground`,children:`Use your Auth0 account to continue`}),y?(0,f.jsx)(`p`,{className:`text-sm text-destructive`,children:y}):null]}),(0,f.jsx)(s,{onClick:()=>n({returnTo:_,isReauth:g}),className:`w-full font-semibold`,disabled:t,children:t?`Preparing sign in...`:`Continue with Auth0`})]})}),(0,f.jsx)(`div`,{className:`hidden bg-muted lg:block bg-black rounded-tl-3xl rounded-bl-3xl`,children:(0,f.jsx)(`div`,{className:`flex flex-row justify-center items-center h-screen`,children:(0,f.jsx)(`img`,{src:`../../icons/guild-logo.svg`,alt:`Guild logo`,className:`w-[100px] h-[100px] object-cover`})})})]})}export{p as LoginPage};