Set libraryTarget to commonjs (#25)

README.md

@@ -107,8 +107,17 @@ console.log(list.length) // 3
 
 #### Sample Usage of `formatPhoneNumber()`
 
+```bash
+npm i google-libphonenumber 
+npm i --save-dev @types/google-libphonenumber  // require for typescript
+```
+
 ```js
 import CountryList , { PhoneNumberFormat } from 'country-list-with-dial-code-and-flag'
+import { PhoneNumberUtil, PhoneNumberFormat } from 'google-libphonenumber'
+
+// required from version 5.0 due to performance issue
+CountryList.setPhoneNumberUtil(PhoneNumberUtil.getInstance()) 
 
 const mm = CountryList.findOneByCountryCode('mm')
 if (mm) {

__tests__/flags.test.ts

@@ -1,5 +1,8 @@
-import CountryList, { Country, PhoneNumberFormat } from '../src/index'
+import CountryList, { Country } from '../src/index'
 import CountryFlagSvg from '../src/flag-svg'
+import { PhoneNumberUtil, PhoneNumberFormat } from 'google-libphonenumber'
+
+CountryList.setPhoneNumberUtil(PhoneNumberUtil.getInstance())
 
 describe('getList', () => {
   test('getList', () => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "country-list-with-dial-code-and-flag",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "Country list with dial code and flag",
   "main": "dist/index.js",
   "scripts": {
@@ -47,6 +47,7 @@
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",
     "eslint": "^8.37.0",
+    "google-libphonenumber": "^3.2.32",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.0",
     "jest": "^29.2.2",
@@ -60,8 +61,5 @@
     "webpack": "^5.77.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.13.1"
-  },
-  "dependencies": {
-    "google-libphonenumber": "^3.2.32"
   }
 }

src/country.ts

@@ -1,13 +1,11 @@
 import { CountryInterface } from './types'
-import { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber'
+import CountryList from '.'
 
 class Country {
   private data: CountryInterface
-  private phoneUtil: PhoneNumberUtil
 
   constructor(data: CountryInterface) {
     this.data = data
-    this.phoneUtil = PhoneNumberUtil.getInstance()
   }
 
   public get name(): string {
@@ -46,12 +44,18 @@ class Country {
     return this.data.country_code ?? this.data.dial_code
   }
 
-  public formatPhoneNumber(phoneNumber: string | number, format?: PhoneNumberFormat) {
-    const number = this.phoneUtil.parseAndKeepRawInput(
+  public formatPhoneNumber(phoneNumber: string | number, format?: any) {
+    if (!CountryList.phoneNumberUtil) {
+      console.warn(
+        'PhoneNumberUtil is not being use please check our documentation for more detail',
+      )
+      return
+    }
+    const number = CountryList.phoneNumberUtil.parseAndKeepRawInput(
       this.parsePhoneNumber(phoneNumber),
       this.code.toUpperCase(),
     )
-    return this.phoneUtil.format(number, format ?? PhoneNumberFormat.E164)
+    return CountryList.phoneNumberUtil.format(number, format ?? 0)
   }
 
   private parsePhoneNumber(phoneNumber: string | number): string {

src/index.ts

@@ -1,9 +1,9 @@
 import { Country } from './country'
 import countries from './data'
 import { CountryInterface, FilterOption } from './types'
-import { PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber'
 
 class App {
+  public phoneNumberUtil: any
   /**
    * find one by ISO 3166-1 alpha-2 eg. US, MM
    *
@@ -82,6 +82,14 @@ class App {
     }
     return list.map((data: CountryInterface) => new Country(data))
   }
+
+  /**
+   * set phone number util to use phone number formatter
+   * @param phoneNumberUtil
+   */
+  public setPhoneNumberUtil(phoneNumberUtil: any) {
+    this.phoneNumberUtil = phoneNumberUtil
+  }
 }
 
 const CountryList = new App()
@@ -95,4 +103,4 @@ declare global {
 window.CountryList = CountryList
 
 export default CountryList
-export { Country, FilterOption, PhoneNumberFormat, PhoneNumberUtil }
+export { Country, FilterOption }

webpack.config.js

@@ -10,7 +10,7 @@ module.exports = {
   output: {
     filename: '[name].js',
     path: path.resolve(__dirname, 'dist'),
-    libraryTarget: 'module'
+    libraryTarget: 'commonjs'
   },
   experiments: {
     outputModule: true,