feat(react): show a loading state while the profile resolves

BaseUserProfile renders a spinner in place of the fields whenever isLoading is
set, in both inline and popup modes, and the wrappers set it while an
editable="auto" lookup is in flight. Adds the user.profile.loading text.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: DonOmalVindula

.changeset/readonly-federated-profile.md

@@ -15,4 +15,4 @@ Asgardeo rejects attribute updates for accounts provisioned from a social or ent
 - A rejected update is now reported in plain words instead of the raw SCIM error, and switches the profile to read-only for the rest of the session. The Next.js `<UserProfile />` previously ignored update failures entirely.
 - New API `getMeFederatedAssociations` in `@asgardeo/javascript` and `@asgardeo/react`, plus the `signup`-style texts `user.profile.readonly.federated` and `user.profile.update.not.allowed.error` in all i18n bundles.
 
-While `auto` is resolving the profile stays read-only, so a managed account never briefly shows edit controls; in popup mode the lookup is deferred until the profile is actually opened.
+While `auto` is resolving, the profile shows a loading state rather than edit controls it may have to take away; `BaseUserProfile` now renders that state whenever `isLoading` is set, in both inline and popup modes. In popup mode the lookup is deferred until the profile is actually opened.

packages/i18n/src/models/i18n.ts

@@ -116,6 +116,7 @@ export interface I18nTranslations {
 
   'user.profile.heading': string;
   'user.profile.update.generic.error': string;
+  'user.profile.loading': string;
   'user.profile.readonly.federated': string;
   'user.profile.update.not.allowed.error': string;
 

packages/i18n/src/translations/en-US.ts

@@ -118,6 +118,8 @@ const translations: I18nTranslations = {
   /* |---------------------------------------------------------------| */
 
   'user.profile.heading': 'Profile',
+
+  'user.profile.loading': 'Loading profile',
   'user.profile.update.generic.error': 'An error occurred while updating your profile. Please try again.',
   'user.profile.readonly.federated': 'This profile is managed by your {provider} account and cannot be edited here.',
   'user.profile.update.not.allowed.error':

packages/i18n/src/translations/fr-FR.ts

@@ -118,6 +118,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'Profil',
 
+  'user.profile.loading': 'Chargement du profil',
+
   'user.profile.readonly.federated': 'Ce profil est géré par votre compte {provider} et ne peut pas être modifié ici.',
 
   'user.profile.update.not.allowed.error':

packages/i18n/src/translations/hi-IN.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'प्रोफ़ाइल',
 
+  'user.profile.loading': 'प्रोफ़ाइल लोड हो रही है',
+
   'user.profile.readonly.federated':
     'यह प्रोफ़ाइल आपके {provider} खाते द्वारा प्रबंधित है और इसे यहाँ संपादित नहीं किया जा सकता।',
 

packages/i18n/src/translations/ja-JP.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'プロフィール',
 
+  'user.profile.loading': 'プロフィールを読み込んでいます',
+
   'user.profile.readonly.federated':
     'このプロフィールは {provider} アカウントで管理されているため、ここでは編集できません。',
 

packages/i18n/src/translations/pt-BR.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'Perfil',
 
+  'user.profile.loading': 'Carregando perfil',
+
   'user.profile.readonly.federated': 'Este perfil é gerenciado pela sua conta {provider} e não pode ser editado aqui.',
 
   'user.profile.update.not.allowed.error':

packages/i18n/src/translations/pt-PT.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'Perfil',
 
+  'user.profile.loading': 'A carregar o perfil',
+
   'user.profile.readonly.federated': 'Este perfil é gerido pela sua conta {provider} e não pode ser editado aqui.',
 
   'user.profile.update.not.allowed.error':

packages/i18n/src/translations/si-LK.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'පැතිකඩ',
 
+  'user.profile.loading': 'පැතිකඩ පූරණය වෙමින්',
+
   'user.profile.readonly.federated':
     'මෙම පැතිකඩ ඔබගේ {provider} ගිණුම මගින් කළමනාකරණය වන අතර මෙහිදී සංස්කරණය කළ නොහැක.',
 

packages/i18n/src/translations/ta-IN.ts

@@ -117,6 +117,8 @@ const translations: I18nTranslations = {
 
   'user.profile.heading': 'சுயவிவரம்',
 
+  'user.profile.loading': 'சுயவிவரம் ஏற்றப்படுகிறது',
+
   'user.profile.readonly.federated':
     'இந்தச் சுயவிவரம் உங்கள் {provider} கணக்கால் நிர்வகிக்கப்படுகிறது, இங்கே திருத்த முடியாது.',