Tel Field in custom hook

[Trescpress]

Hello,

I am working on a custom hook and I find that just by adding an input field of type Tel, the country code is added by WHMCS.

I am basically showing a modal from my hook if a condition is met.

Now I am testing the example code on the IntlTelInput plugin website (https://intl-tel-input.com/node_modules/intl-tel-input/examples/gen/default-country-ip.html)

$(document).ready(function(){
                    var input = document.querySelector("#phone");
                    window.intlTelInput(input, {
                      initialCountry: "auto",
                      geoIpLookup: function(callback) {
                        $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
                          var countryCode = (resp && resp.country) ? resp.country : "us";
                          callback(countryCode);
                        });
                      },
                    });
                });

<input type="tel" id="phone">

 

But that's returning an error:

Quote

typeerror: window.intlTelInput is not a function

I basically want to sow the local country code in the form. is there a way to achieve this? bearing in mind that I am not in the tpl file, just echoing a modal from my hook.