@luxfi/ui 5.5.0 → 5.5.2

package/components/contact-dialog/contact-form.tsx

@@ -14,12 +14,15 @@ import { Loader2 } from 'lucide-react'
 import {
   Button,
   Input,
+} from '@hanzo/ui/primitives'
+
+import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-} from '@hanzo/ui/primitives'
+} from '@hanzo/ui/form'
 
 import type { SubmitServerAction } from '@hanzo/ui/types'
 import type { ContactInfo } from '../../types'

package/next/analytics/pixel-analytics.tsx

@@ -1,8 +1,8 @@
 'use client'
-
+import React, { useEffect, useState } from 'react'
 import { usePathname } from 'next/navigation'
 import Script from 'next/script'
-import { useEffect, useState } from 'react'
+
 import * as fbq from './fpixel'
 
 const FacebookPixelHead = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "5.5.0",
+  "version": "5.5.2",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -37,7 +37,6 @@
   },
   "dependencies": {
     "@next/third-parties": "^14.1.0",
-    "@types/validator": "^13.12.1",
     "cookies-next": "^4.1.1",
     "date-fns": "^3.6.0",
     "embla-carousel-autoplay": "^8.1.6",
@@ -53,7 +52,7 @@
     "@hanzo/auth": "catalog:",
     "@hanzo/commerce": "catalog:",
     "@hanzo/ui": "catalog:",
-    "@luxfi/menu-icons": "1.0.1",
+    "@luxfi/menu-icons": "1.0.2",
     "@hookform/resolvers": "^3.3.2",
     "lucide-react": "catalog:",
     "mobx": "^6.12.3",
@@ -76,6 +75,7 @@
     "@types/node": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
+    "@types/validator": "^13.12.1",
     "tailwindcss": "catalog:",
     "typescript": "catalog:"
   }

package/root-layout/index.tsx

@@ -3,7 +3,7 @@ import type { Viewport } from 'next'
 
 import { Toaster } from '@hanzo/ui/primitives'
 import { AuthServiceProvider } from '@hanzo/auth/service'
-import { getUserServerSide } from '@hanzo/auth/server'
+import { getUserServerSideSafe } from '../server/auth-wrapper'
 import type { AuthServiceConf } from '@hanzo/auth/types'
 import { CommerceProvider } from '@hanzo/commerce'
 
@@ -58,7 +58,7 @@ async function RootLayout({
   chatbot?: boolean
 } & PropsWithChildren) {
 
-  const currentUser = await getUserServerSide()
+  const currentUser = await getUserServerSideSafe()
 
   const Guts: React.FC = () => (<>
     {showHeader && <Header siteDef={siteDef}/>}

package/server/auth-wrapper.ts

@@ -0,0 +1,24 @@
+import 'server-only'
+
+// Wrapper for getUserServerSide that handles Firebase not being configured
+export async function getUserServerSideSafe() {
+  try {
+    // Check if Firebase environment variables are present
+    const hasFirebaseConfig = 
+      process.env.FIREBASE_CLIENT_EMAIL && 
+      process.env.FIREBASE_PROJECT_ID && 
+      process.env.FIREBASE_PRIVATE_KEY;
+    
+    if (!hasFirebaseConfig) {
+      console.log('Firebase not configured, returning null user');
+      return null;
+    }
+    
+    // Only import and use the actual function if Firebase is configured
+    const { getUserServerSide } = await import('@hanzo/auth/server');
+    return await getUserServerSide();
+  } catch (error) {
+    console.error('Error getting user server side:', error);
+    return null;
+  }
+}

package/server-actions/firebase-app.ts

@@ -1,4 +1,4 @@
-import { initializeApp, getApps } from 'firebase/app'
+import { initializeApp, getApps, type FirebaseApp } from 'firebase/app'
 
 const firebaseConfig = {
   apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
@@ -10,5 +10,20 @@ const firebaseConfig = {
   measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
 }
 
-// Initialize Firebase instance if there isn't one already
-export default getApps().length === 0 ? initializeApp(firebaseConfig) : getApps()[0]
+// Check if Firebase config is present
+const hasFirebaseConfig = firebaseConfig.apiKey && firebaseConfig.projectId;
+
+// Initialize Firebase instance only if config is present
+let firebaseApp: FirebaseApp | null = null;
+
+if (hasFirebaseConfig) {
+  try {
+    firebaseApp = getApps().length === 0 ? initializeApp(firebaseConfig) : getApps()[0]
+  } catch (error) {
+    console.warn('Failed to initialize Firebase app:', error);
+  }
+} else {
+  console.log('Firebase configuration not found, skipping initialization');
+}
+
+export default firebaseApp

package/server-actions/store-contact.ts

@@ -14,7 +14,11 @@ import type { ContactInfo } from '../types'
 
 let dbInstance: Firestore | undefined = undefined
 
-const getDBInstance = (name: string): Firestore => {
+const getDBInstance = (name: string): Firestore | null => {
+  if (!firebaseApp) {
+    console.warn('Firebase not initialized, cannot get database instance');
+    return null;
+  }
   if (!dbInstance) {
     dbInstance = getFirestore(firebaseApp, name) 
   }
@@ -27,8 +31,19 @@ const storeContact = async ( formData: ContactInfo, enclosure: any ) => {
   const dbName = enclosure?.dbId
   const tableName = enclosure?.listId
 
+  // Return early if Firebase is not configured
+  if (!firebaseApp) {
+    console.warn('Firebase not configured, skipping contact storage');
+    return { success: true, error: null, id: email };
+  }
+
   let error: any | null = null
-  const tableRef = collection(getDBInstance(dbName), tableName)
+  const db = getDBInstance(dbName);
+  if (!db) {
+    return { success: false, error: 'Database not available' };
+  }
+  
+  const tableRef = collection(db, tableName)
 
   try {
     await setDoc(doc(tableRef, email), {