Added fix for Issue 253 & Updated libphonenumber to 8.10.2

[superhit0]

• Suggested Fix for - Can not import from Node.js since module build upgrade to webpack 4 #253
• Update libphonenumber-js-utils to 8.10.2
• Updated package-lock.json -- npm start would be fixed as well.

[superhit0]

@patw0929 can you upgrade the version of libphonenumber to 8.10.2

Then I will push yarn.lock & package-lock as well.

[patw0929]

I still meet the issue of #253 (window is not defined) with this PR.

[patw0929]

Oh, by the way, I had already published libphonenumber-js-utils to v8.10.2.

[coveralls]

Coverage remained the same at 94.027% when pulling 8405de5 on superhit0:issue-253 into 55a07cd on patw0929:master.

[superhit0]

@patw0929 can you check now?

There was a silly mistake that I made :P.

I am not completely proud of the solution but its verbose.

what do you say?

[patw0929]

It works!

Screenshot:

next.config.js

const withCSS = require('@zeit/next-css');

module.exports = withCSS({
  webpack: function (config) {
    config.module.rules.push({
      test: /\.(png|jpg|gif)$/,
      use: {
        loader: 'file-loader',
        options: {
          publicPath: '../../static/',
          outputPath: './static/',
        },
      }
    })
    return config
  }
});

attempt-to-import.js

import { Fragment } from 'react';
import IntlTelInput from 'react-intl-tel-input';
import style from 'react-intl-tel-input/dist/main.css';

export default () => (
  <Fragment>
    <style dangerouslySetInnerHTML={{ __html: style }} />
    <IntlTelInput />
  </Fragment>
);

[patw0929]

@superhit0 Could you update yarn.lock?
Thanks!

[superhit0]

@patw0929 updated yarn.lock