@propknot/shared-ui 1.0.23 → 1.0.25

package/dist/index.mjs

@@ -1525,10 +1525,17 @@ var CustomThemeProvider = ({ children }) => {
   const canModifyTheme = Boolean(user && (user.role === "super_admin" || user.role === "admin" || user.role === "owner" || user.role === "property_manager" || user.role === "maintenance"));
   useEffect2(() => {
     if (!isEmbedded) return;
+    let isInitialRequest = true;
     const handleMessage = (event) => {
       if (!event.origin.startsWith("http://localhost:")) return;
       const { type, theme } = event.data;
       if (type === "THEME_CHANGE" && theme && ["light", "dark"].includes(theme)) {
+        const storedTheme2 = localStorage.getItem("embedded-theme");
+        if (isInitialRequest && storedTheme2 && storedTheme2 !== theme) {
+          isInitialRequest = false;
+          return;
+        }
+        isInitialRequest = false;
         setCurrentTheme(theme);
         localStorage.setItem("embedded-theme", theme);
       }
@@ -1547,8 +1554,10 @@ var CustomThemeProvider = ({ children }) => {
     if (isEmbedded) return;
     if (user && canModifyTheme) {
       const themeToUse = user.themePreference || "light";
+      console.log("[ThemeContext] Loading user theme preference:", themeToUse, "User:", user);
       setCurrentTheme(themeToUse);
     } else {
+      console.log("[ThemeContext] No user or cannot modify theme, using light. User:", user, "canModifyTheme:", canModifyTheme);
       setCurrentTheme("light");
     }
   }, [user, canModifyTheme, isEmbedded]);