Allow phone auth via CodeUI

[xinha-sh]

Current Code UI allows for only email based auth

<input
  data-component="input"
  autofocus
  type="email"
  name="email"
  required
  placeholder={copy.email_placeholder}
/>

With slight modification it can used to allow phone based auth as well.

<input
  data-component="input"
  autofocus
  type={props.inputOptions?.inputType ?? "email"}
  name={props.inputOptions?.inputName ?? "email"}
  pattern={props.inputOptions?.inputPattern ?? undefined}
  title={props.inputOptions?.inputTitle ?? undefined}
  required
  placeholder={copy.email_placeholder}
/>

Have added two additional attributes pattern and title in-order to allow input validation based on custom requirements.

inputType can be tel, text or email

Also added inputmode and autocomplete to autoread OTP/code in mobile browsers

[changeset-bot]

🦋 Changeset detected

Latest commit: 5a5f48d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@openauthjs/openauth	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[thdxr]

thanks! i ended up simplifying the PR to a single option - we try to keep the options minimal until we have an overwhelming request for customization

[xinha-sh]

thanks! i ended up simplifying the PR to a single option - we try to keep the options minimal until we have an overwhelming request for customization

Just for context, I added that because I used one Codeadapter for both email and phone. And in auth handler fn I used to check the input value, if it was email I used to send Code via email, else Mobile provider.