@luxfi/core 4.4.4 → 4.4.6

package/components/auth/auth-listener.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { useEffect } from "react"
+import { useEffect } from 'react'
 import { useAuth } from '@hanzo/auth/service'
 
 const AuthListener = () => {
@@ -19,14 +19,23 @@ const AuthListener = () => {
       }
     }
 
-    window.addEventListener('message', handleMessage)
+    if (typeof window !== 'undefined') {
+      window.addEventListener('message', handleMessage)
 
-    return () => {
-      window.removeEventListener('message', handleMessage)
+      return () => {
+        window.removeEventListener('message', handleMessage)
+      }
     }
   }, [])
 
-  return (<iframe id='login' onLoad={requestAuthToken} src={process.env.NEXT_PUBLIC_LOGIN_SITE_URL}/>)
+  return (
+    <iframe
+      id='login'
+      onLoad={requestAuthToken}
+      src={`${process.env.NEXT_PUBLIC_LOGIN_SITE_URL}/login`}
+      className='hidden'
+    />
+  )
 }
 
-export default AuthListener
+export default AuthListener

package/components/auth/common-auth-domains.ts

@@ -1,10 +1,13 @@
 const domains = [
   { id: 'lux.market', url: 'https://lux.market' },
+  { id: 'lux.shop', url: 'https://lux.shop' },
   { id: 'lux.credit', url: 'https://lux.credit' },
   { id: 'lux.network', url: 'https://lux.network' },
-  { id: 'lux.shop', url: 'https://lux.shop' },
+  { id: 'wallet.lux.network', url: 'https://wallet.lux.network' },
+  { id: 'safe.lux.network', url: 'https://safe.lux.network' },
   { id: 'lux.finance', url: 'https://lux.finance' },
   { id: 'lux.exchange', url: 'https://lux.exchange' },
+  { id: 'lux.quest', url: 'https://lux.quest' },
 ]
 
 export {

package/components/auth/login-panel.tsx

@@ -1,7 +1,10 @@
 'use client'
 
+import { useEffect } from 'react'
+import { useRouter } from 'next/navigation'
 import Link from 'next/link'
 import Autoplay from 'embla-carousel-autoplay'
+import { getCookie , setCookie } from 'cookies-next'
 
 import { cn } from '@hanzo/ui/util'
 import { Button, Carousel, CarouselContent, CarouselItem } from '@hanzo/ui/primitives'
@@ -11,7 +14,6 @@ import { Logo } from '..'
 import LuxLogo from '../icons/lux-logo'
 import { legal } from '../../site-def/footer'
 import domains from './common-auth-domains'
-import { useEffect } from 'react'
 
 const LoginPanel: React.FC<{
   close: () => void
@@ -26,28 +28,33 @@ const LoginPanel: React.FC<{
   className='',
   reviews
 }) => {
+  const router = useRouter()
+
   const termsOfServiceUrl = legal.find(({title}) => title === 'Terms and Conditions')?.href || ''
   const privacyPolicyUrl = legal.find(({title}) => title === 'Privacy Policy')?.href || ''
 
   const onLogin = (token: string) => {
-    localStorage.setItem('auth-token', token)
+    setCookie('auth-token', token, { sameSite: 'none', secure: true })
     for (const { url } of domains) {
       parent?.contentWindow?.postMessage(token, url)
     }
+    redirectUrl && router.replace(redirectUrl)
   }
 
   useEffect(() => {
     const handleMessage = (event: any) => {
       if (domains.includes(event.origin)) {
-        const token = localStorage.getItem('auth-token')
+        const token = getCookie('auth-token')
         parent.contentWindow?.postMessage(token, event.origin)
       }
     }
 
-    window.addEventListener('message', handleMessage)
+    if (typeof window !== 'undefined') {
+      window.addEventListener('message', handleMessage)
 
-    return () => {
-      window.removeEventListener('message', handleMessage)
+      return () => {
+        window.removeEventListener('message', handleMessage)
+      }
     }
   }, [])
 
@@ -62,7 +69,7 @@ const LoginPanel: React.FC<{
               className='w-fit !min-w-0 p-2'
             >
               <Logo size='md' spanClassName='!cursor-pointer' layout='text-only'/>
-            </Button>  
+            </Button>
             <Carousel
               options={{ align: 'center', loop: true }}
               className='w-full'
@@ -92,8 +99,8 @@ const LoginPanel: React.FC<{
             >
               <LuxLogo className='w-5 h-5'/>
             </Button>
-            <Login 
-              getStartedUrl={getStartedUrl} 
+            <Login
+              getStartedUrl={getStartedUrl}
               redirectUrl={redirectUrl}
               className='w-full max-w-sm'
               termsOfServiceUrl={termsOfServiceUrl}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/core",
-  "version": "4.4.4",
+  "version": "4.4.6",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -39,10 +39,11 @@
     "./conf": "./conf/index.ts"
   },
   "dependencies": {
-    "@hanzo/auth": "2.4.2",
-    "@hanzo/commerce": "6.4.2",
+    "@hanzo/auth": "2.4.3",
+    "@hanzo/commerce": "6.4.3",
     "@hanzo/ui": "3.6.3",
     "@next/third-parties": "^14.1.0",
+    "cookies-next": "^4.1.1",
     "embla-carousel-autoplay": "^8.0.1",
     "react-device-detect": "^2.2.3",
     "react-social-icons": "^6.4.0"