Environment variables protected by default setting is not working as expected

When enabling environment variables to be protected by default in the Admin Area settings, they are not working with the new UI. This is a use case that was overlooked when refactoring the new UI to use Vue.

Admin Area > Settings > CI/CD > Continuous Integration and Deployment Screenshot_2020-04-15_at_15.02.15

new_variables_ui disabled

With Environment variables are protected by default setting enabled, we show this warning and toggle "Protected" flag by default for new variables:

Screen_Shot_2020-05-07_at_15.14.50

new_variables_ui enabled

We also show this warning. However this behavior does not seem to be working with new UI:

Screen_Shot_2020-05-07_at_15.07.28

Screen_Shot_2020-05-07_at_15.15.56