chore: improve error handling and configuration management in Asgardeo components

Author: brionmario

packages/javascript/src/api/createOrganization.ts

@@ -195,7 +195,6 @@ const createOrganization = async ({
 
     return (await response.json()) as Organization;
   } catch (error) {
-    console.log('[JS][createOrganization] Error creating organization:', error);
     if (error instanceof AsgardeoAPIError) {
       throw error;
     }

packages/nextjs/src/AsgardeoNextClient.ts

@@ -109,7 +109,7 @@ class AsgardeoNextClient<T extends AsgardeoNextConfig = AsgardeoNextConfig> exte
     let resolvedOrganizationHandle: string | undefined = organizationHandle;
 
     if (!resolvedOrganizationHandle) {
-      resolvedOrganizationHandle = deriveOrganizationHandleFromBaseUrl(config?.baseUrl);
+      resolvedOrganizationHandle = deriveOrganizationHandleFromBaseUrl(baseUrl);
     }
 
     const origin: string = await getClientOrigin();

packages/nextjs/src/server/AsgardeoProvider.tsx

@@ -110,17 +110,17 @@ const AsgardeoServerProvider: FC<PropsWithChildren<AsgardeoServerProviderProps>>
 
   return (
     <AsgardeoClientProvider
-      organizationHandle={config.organizationHandle}
-      applicationId={config.applicationId}
-      baseUrl={config.baseUrl}
+      organizationHandle={config?.organizationHandle}
+      applicationId={config?.applicationId}
+      baseUrl={config?.baseUrl}
       signIn={signInAction}
       signOut={signOutAction}
       signUp={signUpAction}
       handleOAuthCallback={handleOAuthCallbackAction}
-      signInUrl={config.signInUrl}
-      signUpUrl={config.signUpUrl}
-      preferences={config.preferences}
-      clientId={config.clientId}
+      signInUrl={config?.signInUrl}
+      signUpUrl={config?.signUpUrl}
+      preferences={config?.preferences}
+      clientId={config?.clientId}
       user={user}
       currentOrganization={currentOrganization}
       userProfile={userProfile}

packages/react/src/AsgardeoReactClient.ts

@@ -62,7 +62,7 @@ class AsgardeoReactClient<T extends AsgardeoReactConfig = AsgardeoReactConfig> e
   override initialize(config: AsgardeoReactConfig): Promise<boolean> {
     let resolvedOrganizationHandle: string | undefined = config?.organizationHandle;
 
-    if (!config?.organizationHandle) {
+    if (!resolvedOrganizationHandle) {
       resolvedOrganizationHandle = deriveOrganizationHandleFromBaseUrl(config?.baseUrl);
     }
 

packages/react/src/contexts/Asgardeo/AsgardeoProvider.tsx

@@ -68,25 +68,27 @@ const AsgardeoProvider: FC<PropsWithChildren<AsgardeoProviderProps>> = ({
 
   const [userProfile, setUserProfile] = useState<UserProfile | null>(null);
   const [baseUrl, setBaseUrl] = useState<string>(_baseUrl);
+  const [config, setConfig] = useState<AsgardeoReactConfig>({
+    applicationId,
+    organizationHandle,
+    afterSignInUrl,
+    afterSignOutUrl,
+    baseUrl,
+    clientId,
+    scopes,
+    signUpUrl,
+    signInUrl,
+    ...rest,
+  });
 
   useEffect(() => {
     setBaseUrl(_baseUrl);
   }, [_baseUrl]);
 
   useEffect(() => {
     (async (): Promise<void> => {
-      await asgardeo.initialize({
-        applicationId,
-        organizationHandle,
-        afterSignInUrl,
-        afterSignOutUrl,
-        baseUrl,
-        clientId,
-        scopes,
-        signUpUrl,
-        signInUrl,
-        ...rest,
-      });
+      await asgardeo.initialize(config);
+      setConfig(await asgardeo.getConfiguration());
     })();
   }, []);
 
@@ -263,7 +265,7 @@ const AsgardeoProvider: FC<PropsWithChildren<AsgardeoProviderProps>> = ({
     <AsgardeoContext.Provider
       value={{
         applicationId,
-        organizationHandle,
+        organizationHandle: config?.organizationHandle,
         signInUrl,
         signUpUrl,
         afterSignInUrl,

samples/teamspace-nextjs/app/profile/page.tsx

@@ -49,8 +49,6 @@ export default function ProfilePage() {
   }
 
   const handleSave = () => {
-    // In a real app, you'd save to your backend
-    console.log('Saving profile:', formData);
     setIsEditing(false);
   };