@sirendesign/markup 1.0.4 → 1.0.5

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 as useMemo$1 } from 'react';
+import require$$0, { useRef, useState, useEffect, useCallback, useMemo } 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$1(() => {
+    const filteredAndSortedItems = useMemo(() => {
         let items = [...feedbackItems];
         // Filter by status
         if (statusFilter !== "all") {
@@ -37511,19 +37511,18 @@ const useFirebaseSync = () => {
 
 const MarkupWidget = ({ config: userConfig, }) => {
     var _a;
-    // 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);
-            }
+    // Initialize Firebase synchronously on first render only
+    const initRef = useRef(false);
+    if (!initRef.current && (userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig) && getApps().length === 0) {
+        try {
+            initializeFirebase(userConfig.firebaseConfig);
+            console.log('Firebase initialized from MarkupWidget config');
+            initRef.current = true;
         }
-        return null;
-    }, [userConfig === null || userConfig === void 0 ? void 0 : userConfig.firebaseConfig]);
+        catch (error) {
+            console.error('Failed to initialize Firebase:', error);
+        }
+    }
     const { isOpen, setIsOpen, activeTab, setActiveTab, selectedFeedback, setSelectedFeedback, feedbackItems, addFeedbackItem, config, setConfig, reset, isAuthenticated, currentUser, } = useMarkupStore();
     // Initialize Firebase sync
     useFirebaseSync();