@sirendesign/markup 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import require$$0, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import require$$0, { useRef, useState, useEffect, useCallback, useMemo as useMemo$1 } from 'react';
 import { createPortal } from 'react-dom';
 
 const createStoreImpl = (createState) => {
@@ -11936,7 +11936,7 @@ const FeedbackList = ({ feedbackItems, onSelectFeedback, }) => {
     const { config } = useMarkupStore();
     const [statusFilter, setStatusFilter] = useState("all");
     const [sortBy, setSortBy] = useState("newest");
-    const filteredAndSortedItems = useMemo(() => {
+    const filteredAndSortedItems = useMemo$1(() => {
         let items = [...feedbackItems];
         // Filter by status
         if (statusFilter !== "all") {
@@ -37511,17 +37511,20 @@ const useFirebaseSync = () => {
 
 const MarkupWidget = ({ config: userConfig, }) => {
     var _a;
-    const { isOpen, setIsOpen, activeTab, setActiveTab, selectedFeedback, setSelectedFeedback, feedbackItems, addFeedbackItem, config, setConfig, reset, isAuthenticated, currentUser, } = useMarkupStore();
-    // Initialize Firebase BEFORE the sync hook runs (if config provided)
-    if ((userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig) && getApps().length === 0) {
-        try {
-            initializeFirebase(userConfig.firebaseConfig);
-            console.log('Firebase initialized from MarkupWidget config');
-        }
-        catch (error) {
-            console.error('Failed to initialize Firebase:', error);
+    // Initialize Firebase BEFORE any hooks run (using useMemo ensures this happens first)
+    useMemo(() => {
+        if ((userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig) && getApps().length === 0) {
+            try {
+                initializeFirebase(userConfig.firebaseConfig);
+                console.log('Firebase initialized from MarkupWidget config');
+            }
+            catch (error) {
+                console.error('Failed to initialize Firebase:', error);
+            }
         }
-    }
+        return null;
+    }, [userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig]);
+    const { isOpen, setIsOpen, activeTab, setActiveTab, selectedFeedback, setSelectedFeedback, feedbackItems, addFeedbackItem, config, setConfig, reset, isAuthenticated, currentUser, } = useMarkupStore();
     // Initialize Firebase sync
     useFirebaseSync();
     useEffect(() => {