Update the country selector of the phone field based on user location

I found a way to do it using Javascript (TF Business plan or above only). See below some code ideas. Yet, I think it might be an interesting idea to be able to pass a default_country_code hidden field, so that we can dynamically populate that field using the embed API, and the form automatically update the flags when loading, if detected.

If the field is a phone number

window.rendererData.form.fields[5].properties.default_country_code='ES'

If the field is a phone number inside a Contact Card

window.rendererData.form.fields[4].properties.fields[2].properties.default_country_code = 'FR'

Note, you need to modify the number inside the brackets [] to match the position of the field in your form. Or you can loop through all the fields to detect the type "phone_number"

Very cool solution, thanks a lot for figuring this one out @jeremielp 😎 Featuring your post on the front page of the Community as I reckon this is something others might find useful!