Azure AD B2C Custom policy - translations encoding issue

Question

Hi. We have Azure AD B2C configured with custom policies including custom email verification. In our policy we have provided translations for a number of strings. E.g. "success_send_code_msg". Such message is injected into the sign up page via window.CONTENT variable. It seems the encoding is incorrect. This is how the message looks like:
"success_send_code_msg":"En verifikationskod har skickats till din mailadress. Kopiera koden till fältet nedan."
As you can see the letter ä is UTF encoded and appears exactly as ä in the UI.

Am I doing something wrong or is it a bug? Is there a workaround for that?
Thanks.

Answer 1

Same problem here...
While waiting for a fix, I wrote the following javascript to hide the issue. This might help some fellow Frenchmen.

 $(document).ready(function() {
                    const targetNode = $("#emailVerificationControl");
                    const config = { attributes: true, childList: true, subtree: true };

                    const callback = function(mutationsList, observer) {
                        if(targetNode.html().includes("é")) {
                            var replaced = targetNode.html().replace(/é/g, 'é');
                            targetNode.html(replaced);
                        }
                    }

                    const observer = new MutationObserver(callback);
                    observer.observe(document.getElementById("emailVerificationControl"), config);
                });

Answer 2

Hi guys, I'm back. Apologies for the issues. This is a bug which is being resolved. We estimate 2 weeks before being released. Let me know if I can help with anything else.

Answer 3

Hello @Mikhail Smal . This could be related to the page layout version you're using. Try using the latest (2.1.0). You can find them appended in the ContentDefinition DataUri value. EG:

   <DataUri>urn:com:microsoft:aad:b2c:elements:globalexception:2.1.0</DataUri>  

Let us know if this answer was helpful to you. If so, please remember to mark it as the answer so that others in the community with similar questions can more easily find a solution.

Answer 4

@Alfredo Revilla - Upwork Top Talent | IAM SWE SWA Hi ! Any news about this issue?

Answer 5

Same problem here with French and German, using user flows only.