add country detection

Jumbleberry · Nov 23, 2018 · b9c5f4c · b9c5f4c
1 parent 3195277
commit b9c5f4c
Show file tree

Hide file tree

Showing 10 changed files with 5,685 additions and 299 deletions.
diff --git a/dist/elTelInput.common.js b/dist/elTelInput.common.js
diff --git a/dist/elTelInput.common.js.map b/dist/elTelInput.common.js.map
diff --git a/dist/elTelInput.umd.js b/dist/elTelInput.umd.js
diff --git a/dist/elTelInput.umd.js.map b/dist/elTelInput.umd.js.map
diff --git a/dist/elTelInput.umd.min.js b/dist/elTelInput.umd.min.js
diff --git a/dist/elTelInput.umd.min.js.map b/dist/elTelInput.umd.min.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jumbleberry/el-tel-input",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "main": "./dist/elTelInput.common.js",
   "homepage": "https://github.com/Jumbleberry/el-tel-input/",
@@ -27,6 +27,7 @@
     "@vue/cli-service": "^3.1.4",
     "@vue/eslint-config-prettier": "^3.0.5",
     "@vue/test-utils": "^1.0.0-beta.25",
+    "axios": "^0.18.0",
     "babel-eslint": "^10.0.1",
     "babel-plugin-component": "^1.1.1",
     "chai": "^4.1.2",

diff --git a/src/App.vue b/src/App.vue
@@ -13,7 +13,7 @@ export default {
   name: 'ElTelInputDemo',
   data() {
     return {
-      telNumber: '+56996504804',
+      telNumber: '',
       telNumberDetails: {
         country: '',
         countryCallingCode: '',

diff --git a/src/components/ElTelInput.vue b/src/components/ElTelInput.vue
@@ -11,6 +11,7 @@
   </div>
 </template>
 <script>
+import axios from 'axios';
 import allCountries from '@/assets/data/all-countries';
 import ElFlaggedLabel from '@/components/ElFlaggedLabel';
 import { parsePhoneNumber } from 'libphonenumber-js';
@@ -60,6 +61,11 @@ export default {
   components: {
     ElFlaggedLabel
   },
+  async created() {
+    const response = await axios.get('https://ipinfo.io/json').catch(() => {}) || { data: { country: "US" }};
+    if (response && response.data && response.data.country)
+      this.handleCountryCodeInput(response.data.country)
+  },
   computed: {
     sortedCountries() {
       let normalizePreferredCountries = this.preferredCountries.map(c => c.toUpperCase());