Apply flat polyfill globally

[jackwilsdon]

Proposed change

Globally enable the Array.prototype.flat polyfill.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Additional information

On my older Android tablet (before I updated Chrome and Web View), I was seeing this error when trying to log in with the companion app:

"Uncaught (in promise) TypeError: e.flat is not a function", source: http://192.168.88.200/frontend_latest/authorize.328ad78a.js

This led me to #9404, where it appeared that the Array.prototype.flat polyfill had only been added to the core entrypoint. It looks like this polyfill might actually be needed globally (or at least also for the authorize entrypoint).

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

[bramkragten]

You are actually doing the exact opposite to what you describe.

It was loaded globally, but you now moved it to compatibility, which is only loaded for ES5 builds.

You issue was solved already.

[jackwilsdon]

Ah my apologies, I didn't realise that src/resources/compatibility.ts was only built into ES5 bundles. I'll just add the flat polyfill straight to src/entrypoints/authorize.ts then, as the core.ts entrypoint doesn't look to be used on that page.

Do you think we need it on any of the other entrypoints @bramkragten?

[bramkragten]

authorize and onboarding then probably :-)