nkezhaya / live_phone Goto Github PK

Are there any example tests that show how to make live_phone work with a standard live view test, using the form and render_submit functions?

When I try to test I get an error:

 ** (ArgumentError) value for hidden "contact[phone]" must be one of [""], got: "+55 (11) 98123-1234"
 code: |> render_submit()

I believe these can be found in Google's libphonenumber

When i am changing country flag america to UAE it should display format of UAE
but its keeping in same 5555555 format

Instead of having priv/assets in the repo we should have a CI task that copies the files.

Thoughts on using hound?

First of all, thanks a lot for putting this library together!

I couldn't find documentation on using this inside a Phoenix (Liveview) form. Still, I adapted the example to do it like this (I'm on Phoenix Liveview 0.18, so there is no longer the need to import the socket on a live component):

<%= live_component(LivePhone.Component, id: "dp_mobile_phone", form: f, field: :dp_mobile_phone, apply_format?: true, preferred: ["US", "GB", "CA"]) %>

That seems to work alright when the form is used for the first time:

However, when I returned to the form for a second time, the country was set to the US again. I expect the country to be set based on the stored country code and not show the +31 (in this example) in the input field. Am I missing some initialization in the above code, or has this not come up before?

Furthermore, would it make sense to be able to pass (optional) parameters for the CSS class on the component so I can easily make this phone field look the same as my other inputs?

http://estelle.github.io/input-masking/

This method seems decent?

Added this to a app and I receive the following message.
Also tried the suggestion of adding {:phoenix_html_helpers, "~> 1.0"}. But message doesn't change.

==> live_phone
Compiling 3 files (.ex)

== Compilation error in file lib/live_phone.ex ==
** (RuntimeError) use Phoenix.HTML is no longer supported in v4.0.

To keep compatibility with previous versions, add {:phoenix_html_helpers, "~> 1.0"} to your mix.exs deps
and then, instead of "use Phoenix.HTML", you might:

    import Phoenix.HTML
    import Phoenix.HTML.Form
    use PhoenixHTMLHelpers


    (phoenix_html 4.1.1) expanding macro: Phoenix.HTML.__using__/1
    lib/live_phone.ex:8: LivePhone (module)
    (elixir 1.16.2) expanding macro: Kernel.use/1
    lib/live_phone.ex:8: LivePhone (module)
could not compile dependency :live_phone, "mix compile" failed. Errors may have been logged above. You can recompile this dependency with "mix deps.compile live_phone --force", update it with "mix deps.update live_phone" or clean it with "mix deps.clean live_phone"

Following this: https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/