@luxfi/core 4.4.12 → 4.4.13

package/components/auth/auth-listener.tsx

@@ -2,20 +2,24 @@
 
 import { useEffect } from 'react'
 import { useAuth } from '@hanzo/auth/service'
-import { getCookie } from 'cookies-next'
 
 const AuthListener = () => {
   const auth = useAuth()
 
   useEffect(() => {
-    const authToken = getCookie('auth-token')
-    if (!!authToken) {
-      auth.loginWithCustomToken(authToken)
-    }
-    else {
-      auth.logout()
-    }
-  }, [])
+    fetch(`${process.env.NEXT_PUBLIC_LOGIN_SITE_URL}/api/auth/get-auth-token`, {
+      method: 'GET',
+      credentials: 'include',
+    })
+    .then(response => response.json())
+    .then((data: any) => {
+      console.log(data)
+      if (!!data.token) {
+
+        auth.loginWithCustomToken(data.token)
+      }
+    })
+  }, [auth])
 
   return ( <></> )
 }

package/components/auth/login-panel.tsx

@@ -1,10 +1,8 @@
 'use client'
 
-import { useState } from 'react'
-import { useRouter } from 'next/navigation'
 import Link from 'next/link'
 import Autoplay from 'embla-carousel-autoplay'
-import { getCookie } from 'cookies-next'
+import { setCookie } from 'cookies-next'
 
 import { cn } from '@hanzo/ui/util'
 import { Button, Carousel, CarouselContent, CarouselItem } from '@hanzo/ui/primitives'
@@ -13,9 +11,6 @@ import { LoginPanel as Login } from '@hanzo/auth/components'
 import { Logo } from '..'
 import LuxLogo from '../icons/lux-logo'
 import { legal } from '../../site-def/footer'
-import domains from './common-auth-domains'
-import SetAuthToken from './auth-token/set-auth-token'
-import ClearAuthToken from './auth-token/clear-auth-token'
 
 const LoginPanel: React.FC<{
   close: () => void
@@ -30,37 +25,16 @@ const LoginPanel: React.FC<{
   className='',
   reviews
 }) => {
-  const router = useRouter()
-
-  const [authToken, setAuthToken] = useState<string>(getCookie('auth-token') ?? '')
-
   const termsOfServiceUrl = legal.find(({title}) => title === 'Terms and Conditions')?.href || ''
   const privacyPolicyUrl = legal.find(({title}) => title === 'Privacy Policy')?.href || ''
 
   const onLogin = (token: string) => {
-    setAuthToken(token)
-
-    const promises = domains.map(({url}) => {
-      return new Promise<void>((resolve, reject) => {
-        const img = new Image()
-        img.onload = () => {
-          document.body.appendChild(img)
-          resolve()
-        }
-        img.onerror = reject
-        img.src = url
-      })
+    setCookie('auth-token', token, {
+      expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
     })
-  
-    Promise.all(promises)
-      .then(() => redirectUrl && router.replace(redirectUrl))
-      .catch(error => console.error('An image failed to load', error));
   }
 
   return (<>
-    {!!authToken && <SetAuthToken authToken={authToken} />}
-    {!authToken && <ClearAuthToken />}
-
     <div className={cn('grid grid-cols-1 md:grid-cols-2', className)}>
       <div className='hidden md:flex w-full h-full bg-level-1 flex-row items-end justify-end overflow-y-auto min-h-screen'>
         <div className='h-full w-full max-w-[750px] px-8 pt-0'>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/core",
-  "version": "4.4.12",
+  "version": "4.4.13",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",