Kinde•2y ago

phone sign in, custom has changed

Something has changed, my custom phone log in routine is suddenly not working anymore.

This is the result (image) before the user was shown the input token page

I am triggering the page like this:

$("#loginButton").click(function() {
var loginUrl = "/register?connection_id=" + encodeURIComponent(connection_id) +
"&login_hint=" + encodeURIComponent("phone:" + phoneE164 + ":" + country) + "&org_code=" + encodeURIComponent(org_code);
window.location.href = loginUrl;

});

CC Something has changed, my custom phone log in routine is suddenly not working an...

onderay•7/14/24, 11:08 AM

Sorry to hear that this is not working for you.

What Kinde SDK and version are you using?

I assume you are using your own Twillio account?

So once the user add their details and goes to try and log in, the error is thrown then?

COP•7/14/24, 11:20 AM

No you miss the problem, catching the mobile number and contry on my own login page, and then sending to the sms page you provide with the

https://docs.kinde.com/authenticate/custom-configurations/custom-authentication-pages/

It has been working for a year but last week, it does not work anymore, even if i send the info

connection_id
phone
org_code

the user is shown your input phone page, (the one in the screenshot) and has to input all info again (number and contry) and then everything works as inteded

My call could be:
https://dev.xxx.dk/register?connection_id=conn_xxxx&login_hint=phone%3A%2B45xxxxx%3ADK&org_code=org_xxxx

SDK, latest:
"@kinde-oss/kinde-nodejs-sdk": "github:kinde-oss/kinde-nodejs-sdk",

Kinde docs

Custom sign-up and sign-in pages

Our developer tools provide everything you need to get started with Kinde.

CC No you miss the problem, catching the mobile number and contry on my own login p...

onderay•7/14/24, 11:26 AM

Sorry for misunderstanding your setup and also that you are hitting this problem.

I am going to need to wait until a team member is online in 12hrs to look into this.

COP•7/15/24, 6:16 AM

Anything i can do to debug it further?

onderay•7/15/24, 11:24 AM

The team looked into it @C and you need to prefix with phone:phone: on the login hint

COP•7/15/24, 12:06 PM

but somthing changed?

COP•7/15/24, 12:07 PM

And iarent i doing that?

$("#loginButton").click(function() {
var loginUrl = "/register?connection_id=" + encodeURIComponent(connection_id) +
"&login_hint=" + encodeURIComponent("phone:" + phoneE164 + ":" + country) + "&org_code=" + encodeURIComponent(org_code);
window.location.href = loginUrl;

});

COP•7/15/24, 12:08 PM

app.get("/login", kindeClient.login(), (req, res) => {
return res.redirect("/");
});

Daniel Rivers - Kinde•7/15/24, 8:51 PM

Hi @C Could you send me example of a full generated register link please?

COP•7/15/24, 8:57 PM

Sent it as dm

COP•7/18/24, 1:14 PM

Any update?

onderay•7/18/24, 11:02 PM

Sorry @C in the delay, the team is looking into what is happening for you. I am nudging them again today

COP•7/23/24, 6:15 AM

Friendly nudge again, it has been working for months, suddenly stopped. Should we change anything in our end, or did you change something in your end?

Peteswah•7/24/24, 11:20 PM

Hey @C, sorry about that Daniel went on leave would you be able to send me the loginURL?

Peteswah•7/26/24, 3:35 AM

This format worked for me: login_hint: "phone:+61 23412341243124",login_hint: "phone:+61 23412341243124",

PPeteswah This format worked for me: `login_hint: "phone:+61 23412341243124",`

COP•7/29/24, 10:10 AM

But is anything changed? it has always worked like this:

$(document).ready(function() {
$("#loginButton").click(function() {
var loginUrl = "/register?connection_id=" + encodeURIComponent(connection_id) +
"&login_hint=" + encodeURIComponent("phone:" + phoneE164 + ":" + country) + "&org_code=" + encodeURIComponent(org_code);
window.location.href = loginUrl;

});

$.get( "https://x.dk/status.html", function( data ) {
$( "#globalStatus" ).html( data );
});
});

COP•7/29/24, 10:14 AM

And according to documentation the Countrycode should be present

https://docs.kinde.com/authenticate/custom-configurations/custom-authentication-pages/#phone-sign-in

Kinde docs

Custom sign-up and sign-in pages

Our developer tools provide everything you need to get started with Kinde.

COP•7/31/24, 7:46 AM

i realy cant get this working anymore, what can i do for further debug? It has worked for months now, but suddenly stopped.

Daniel Rivers - Kinde•7/31/24, 10:50 AM

Hi @C Hi, Sorry I am back from leave and will follow up on this. I am checking deeper into this.

COP•8/6/24, 8:33 PM

anything yet?

Daniel Rivers - Kinde•8/7/24, 11:43 AM

Hi @C , I am looking at this again right now. I can see that currently the country code is case sensitive, we will look at removing this restriction, but I wanted to check if your country code are lower case. e.g. gbgb, auau, usus etc

I have just tried this code and it loaded up the confirm SMS screen as expected. I have hard coded the phone number for transparency for the format.

                  <Link
                    href={`api/auth/register?connection_id=conn_018f089777cdc72f0e4dae0aea412dfe&login_hint=${encodeURIComponent("phone:+447712345678:gb")}&org_code=org_590d7f1a86a`}
                  >
                    Register
                  </Link>

                  <Link
                    href={`api/auth/register?connection_id=conn_018f089777cdc72f0e4dae0aea412dfe&login_hint=${encodeURIComponent("phone:+447712345678:gb")}&org_code=org_590d7f1a86a`}
                  >
                    Register
                  </Link>

COP•8/7/24, 1:10 PM

Its getting weirder

If i remove encodeURIComponent() from phone nr. and country is my code:

$(document).ready(function() {
$("#loginButton").click(function() {
var loginUrl = "/register?connection_id=" + encodeURIComponent(connection_id) +
"&login_hint=" + "phone:" + phoneE164 + ":" + country + "&org_code=" + encodeURIComponent(org_code);
alert(loginUrl);
alert(phoneE164);
alert(country);
window.location.href = loginUrl;
});

This is the lgoinURL alert:
/register?connection_id=conn_2f4c433293a640f2976e5fad5fa09005&login_hint=phone:+45xxxx0335:dk&org_code=org_246edc301a0

xxxx = real phone digs (i removed them for pasting here)

i am sent to the right "input token page" (see image)

BUT in twillio api i see this error:
(image)

if my code is :

$(document).ready(function() {
$("#loginButton").click(function() {
var loginUrl = "/register?connection_id=" + encodeURIComponent(connection_id) +
"&login_hint=" + encodeURIComponent("phone:" + phoneE164 + ":" + country) + "&org_code=" + encodeURIComponent(org_code);
alert(loginUrl);
alert(phoneE164);
alert(country);
window.location.href = loginUrl;

});

the loginURL alert:
/register?connection_id=conn_2f4c433293a640f2976e5fad5fa09005&login_hint=phone%3A%2B45XXXX0335%3Adk&org_code=org_246edc301a0
xxxx = real phone digs (i removed them for pasting here)

but then i am shown this page with register (image), the country is correct but the phone number is missing a digt.

COP•8/7/24, 1:10 PM

This is after i created a country = phoneNumber.country.toLowerCase();

CC Its getting weirder 🙂 If i remove encodeURIComponent() from phone nr. and coun...

onderay•8/9/24, 3:27 AM

We are really stumped with this as we have it working smoothly on our end.

Can you share what is in the network tab - specifically the initial redirect to Kinde that would include the parameter so we can see if the digit is missing there?

COP•8/13/24, 11:38 AM

you can check on dev.bigscreen.dk just add a danish phone number (8 digts)

CC you can check on dev.bigscreen.dk just add a danish phone number (8 digts)

onderay•8/16/24, 1:58 AM

Thanks @C working with the team on this

COP•8/25/24, 7:45 AM

Did you found out what changed? As this has been working since your team implemented the login_hint function

onderay•8/26/24, 6:17 AM

@C Sorry! I have nudged the team on this again.

onderay•9/4/24, 12:31 AM

@C our team have tested your public auth page and we are not able to replicate your issue. Are you able to make a video of what you are seeing with the network tab open? If we need to @Oli - Kinde will be happy to jump on a call with you to get to the bottom of this.

Number entered: 33210772