App not updating profile picture with badge

[UnknownNamez]

Hi,
we successfull installed the App at our tenant and everything works fine except the update profile picture function. We didn't customized anything just used the default app. All API Requests are granted!

PS: Downloading your own profilpicture works!

[yhabersaat]

Errors related:

clb-home-web-part_b1cbeaebdb2dfe4d2fc7493714d6d706.js:1 getPhotoBits error: SecurityError: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported

clb-home-web-part_b1cbeaebdb2dfe4d2fc7493714d6d706.js:1 _updateUserPhoto error: TypeError: Cannot set property 'lastModifiedDate' of undefined

As I see, there is an issue with _getCanvasBlob() in the DigitalBadge.tsx file which involves the second error but there is a mention in a comment that it's not working at the moment.

[Smitat-msft]

@yhabersaat @UnknownNamez Thanks for being patient. Looks like a permission issue. let me repro and get a resolution to this issue.

[eshwarmsft]

This issue will come when the permissions are not being inherited or approved after deploying the sharepoint package at the time of uploading from app catalogue. After doing the same able to update the profile picture with badge. Please let us know if you still see the same error even following the steps.

[yhabersaat]

Redeployed the solution in the app catalog and approved the permissions, still not working:

[eshwarmsft]

Thanks for trying the fix by redeploying and approving the permissions.

Sometimes the permissions take a little time to apply. Would you please take one more try by closing all the browsers and removing the existing profile image and try to update the profile pic from digital badge. If the issue still persists, Please provide the availability of call with screen share for better insights for us to troubleshoot if possible.

[Pratikd-msft]

@eshwarmsft @Smitat-msft - I am working with a customer who has the exact same issue. I verified the permission's for API access and they have been approved. Any idea on how do we fix the issue ? If you have time, I can setup a call with customer to troubleshoot.

[eshwarmsft]

Hi @Pratikd-msft

Thanks for the update, There is no new permissions required if the cmp package is deployed with checkbox checked as shown
and approved permissions as mentioned. Would you please try to remove the package and try to do install again with these two steps once again.

[Pratikd-msft]

@eshwarmsft We followed the steps of redeploying again and still facing the issue. Anything logs or anything else I can check.

[eshwarmsft]

@Pratikd-msft Would you please give a try with the updated changes from version CMP 1.0.0.0

[jeff29922]

@eshwarmsft @Pratikd-msft is OOF on Paternity leave, I am backing him up and I am working with his customer on this issue. They have updated the app with the recommended changes, this has not fixed the issue. They are still having issues with updating the user profile with a badge. Can you please let me know of any logs/diagnostic data that I can pull and upload to help with troubleshooting this issue.

[jeff29922]

@Smitat-msft I am going to have my customer reproduce this issue with debug turned on in Edge. I will forward you the logs to review.

[v-saikirang]

Hi @UnknownNamez , @jeff29922 , @Pratikd-msft , @yhabersaat,

Thanks for your patience! We have updated the package to a new version V1.2 yesterday with few fixes and improvements. Can you please uninstall the existing package and try installing the new package from the same location - link.

You can see the updated ReadMe here for the 1.2 changelog and upgrading instructions as well under the section "Upgrade to version 1.2.0.0".

IMPORTANT NOTE: Please wait for 15 minutes after you have completed first 4 steps under the section "Upgrade to version 1.2.0.0" in ReadMe and then continue with step 5. This is to avoid cache related issues for the deleted assets.

[samuel-weber]

Hi. I created a PR (#49) fixing this problem. I had to set the crossOrigin to "Anonymous", allowing canvas handling different image-origins....

[v-saikirang]

Hi @samuel-weber,

We have already implemented this and it will be part of our next release. Thanks for sharing this.

Thanks.

[JoshLeporati]

As mentioned this will be addressed in an upcoming release, will update here when the release is available!

[hkuu]

Was this already fixed? We are facing similar issues with the badge and it was mentioned earlier that "will update here when the release is available"?

[rajdeep1510]

Hi @JoshLeporati

I have deployed the latest version of the app. We had AD write back restrictions, but now it is resolved and users can change their Teams profile picture from Teams.

But we are getting an error on the app while applying the profile picture change, “There was an error applying the updated profile image to your account. Please try closing all browser windows and try again. If the error persists please start a new conversation on the General channel of the program's Team.”

I have tried to change the picture pixel to 91 x 91 pixels, checked the Teams client log, closed all browsers, teams and re-launched, but nothing yet worked.

Any advise to identify or troubleshoot the issue would really help.

Thanks,
Raj

[SjoerdV]

Same issue here (Champion user is also AD Synced btw)
solution version: 1.3.0.0

[v-saikirang]

Hi @rajdeep1510,

If you are fine, we can work on this troubleshooting offline. We can try out few fixes in your tenant. Can you please share your email ID and we can take this forward.
Thanks.

[rajdeep1510]

sure @v-saikirang, rajdeep1510@rediff.com

[v-saikirang]

Hi @SjoerdV,

Thanks for your patience. Please let me know if you are fine with troubleshooting this offline in your tenant. If you can share your Email we can work together on this.
Thanks.

[v-saikirang]

Hi @hkuu,

Please let us know if you want to try trouble shoot this in your tenant. If you can share your email we can take this forward and i can share further instructions.

Thanks.

[hkuu]

Hi @hkuu,

Please let us know if you want to try trouble shoot this in your tenant. If you can share your email we can take this forward and i can share further instructions.

Thanks.

Hi, could you share ideas for fixes here instead as it seems that our environment is not the only one where this badge is not working.

@v-saikirang

[Porkai-Pandian]

Closing out this issue, if the issue is still happening, please open a new one.