@luxfi/ui 5.3.8 → 5.3.9

package/components/auth/login-panel.tsx

@@ -32,19 +32,21 @@ const LoginPanel: React.FC<{
 
     const termsOfServiceUrl = legal.find(({ title }) => title === 'Terms and Conditions')?.href || ''
     const privacyPolicyUrl = legal.find(({ title }) => title === 'Privacy Policy')?.href || ''
-
+    const domains = ['lux.id', 'lux.credit', 'lux.market', 'lux.network', 'lux.shop', 'wallet.lux.network', 'safe.lux.network', 'lux.finance', 'lux.exchange', 'lux.quest']
     // TODO :aa shouldn't this happen in @hanzo/auth: components/LoginPanel ??
     // Otherwise, the functionality is split across modules! (and client/fw!) 
     // (This was never my intent w the onLoginChanged callback.)
     const onLogin = (token: string) => {
-      setCookie('auth-token', token, {
-        domain: 'lux.id',
-        path: '/',
-        sameSite: 'none',
-        secure: true,
-        httpOnly: false,
-        expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
-      })
+      for (let i = 0; i < domains.length; i ++) {
+        setCookie('auth-token', token, {
+          domain: domains[i],
+          path: '/',
+          sameSite: 'none',
+          secure: true,
+          httpOnly: false,
+          expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
+        })
+      }
 
       let url = new URL(redirectUrl ?? '')
       let params = new URLSearchParams(url.search)

package/components/auth/signup-panel.tsx

@@ -33,19 +33,22 @@ const SignupPanel: React.FC<{
 
     const termsOfServiceUrl = legal.find(({ title }) => title === 'Terms and Conditions')?.href || ''
     const privacyPolicyUrl = legal.find(({ title }) => title === 'Privacy Policy')?.href || ''
+    const domains = ['lux.id', 'lux.credit', 'lux.market', 'lux.network', 'lux.shop', 'wallet.lux.network', 'safe.lux.network', 'lux.finance', 'lux.exchange', 'lux.quest']
 
     // TODO :aa shouldn't this happen in @hanzo/auth: components/LoginPanel ??
     // Otherwise, the functionality is split across modules! (and client/fw!) 
     // (This was never my intent w the onLoginChanged callback.)
     const onLogin = (token: string) => {
-      setCookie('auth-token', token, {
-        domain: 'lux.id',
-        path: '/',
-        sameSite: 'none',
-        secure: true,
-        httpOnly: false,
-        expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
-      })
+      for (let i = 0; i < domains.length; i++) {
+        setCookie('auth-token', token, {
+          domain: domains[i],
+          path: '/',
+          sameSite: 'none',
+          secure: true,
+          httpOnly: false,
+          expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
+        })
+      }
 
       let url = new URL(redirectUrl ?? '')
       let params = new URLSearchParams(url.search)

package/next/middleware/determine-device-mw.ts

@@ -2,17 +2,22 @@ import { NextRequest, NextResponse, userAgent } from 'next/server'
 import { getSelectorsByUserAgent } from 'react-device-detect'
 import { setCookie } from 'cookies-next'
 
-  // writed this way so they can be chained :)
+// writed this way so they can be chained :)
 const determineDeviceMW = async (request: NextRequest) => {
 
   const ua = userAgent(request)
   const { isMobileOnly, isTablet, isDesktop } = getSelectorsByUserAgent(ua.ua)
-  const agent = isMobileOnly ? 'phone' : (isTablet ? 'tablet' : (isDesktop ?  'desktop' : 'unknown'))
+  const agent = isMobileOnly ? 'phone' : (isTablet ? 'tablet' : (isDesktop ? 'desktop' : 'unknown'))
   const { nextUrl: url } = request
   //console.log(`\n=== from ${url.href} on a *${agent && agent.toUpperCase()}* device. ===\n`)
   const auth_token = url.searchParams.get('auth-token')
   if (auth_token) {
     setCookie('auth-token', auth_token, {
+      domain: url.hostname,
+      path: '/',
+      sameSite: 'none',
+      secure: true,
+      httpOnly: false,
       expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), // 30 days
     })
     url.searchParams.delete('auth-token')

package/package.json

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