@kigi/components 1.62.2-beta.1 → 1.62.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.62.2-beta.1",
+  "version": "1.62.2",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-address/mbg-address.ts

@@ -51,8 +51,7 @@ class MbgAddressController {
     public $timeout,
     public mbgAddressService: MbgAddressService,
     public $uibModal,
-  ) {
-  }
+  ) {}
 
   $onInit() {
     if (this.capitalize && this.address) {
@@ -96,8 +95,8 @@ class MbgAddressController {
             state: this.address.state
               ? this.address.state
               : this.address.uf && this.address.uf.initial
-                ? this.address.uf.initial
-                : '',
+              ? this.address.uf.initial
+              : '',
           }
           if (this.ngModel) {
             this.ngModel.EX = (this.ngModel.country || '').toLowerCase() !== 'brasil'
@@ -153,38 +152,65 @@ class MbgAddressController {
   }
 
   afterLoad() {
-    const autocomplete = new google.maps.places.Autocomplete(
-      this.$element.find('.input-place')[0],
-      { types: ['address'] },
-    )
-    autocomplete.setFields(['address_component'])
+    const inputPlace = this.$element.find('.input-place')[0]
+    const autocomplete = new google.maps.places.Autocomplete(inputPlace, { types: ['address'] })
+
+    autocomplete.setFields(['address_component', 'geometry'])
+
     autocomplete.addListener('place_changed', () => {
       this.$timeout(() => {
         const place = autocomplete.getPlace()
-        if (place.address_components) {
-          for (const component of place.address_components) {
-            const addressType = component.types[0]
-            if (addressType === 'route') {
-              this.address.premisse = component.long_name
-            }
-            if (addressType === 'sublocality_level_1') {
-              this.address.neighbourhood = component.long_name
-            }
-            if (addressType === 'administrative_area_level_2') {
-              this.address.localization = component.long_name
-            }
-            if (addressType === 'administrative_area_level_1') {
-              this.address.uf = { name: component.long_name, initial: component.short_name }
-            }
-            if (addressType === 'country') {
-              this.address.country = component.long_name
-            }
-            if (addressType === 'postal_code') {
-              this.address.zipCode = component.long_name.replace(/-/g, '')
-            }
-            this.focusInputNumber()
+
+        if (!place.address_components) return
+
+        const newAddress: any = {
+          country: 'Brasil',
+        }
+
+        for (const component of place.address_components) {
+          const types = component.types || []
+          const longName = component.long_name || ''
+          const shortName = component.short_name || ''
+
+          if (types.includes('route')) {
+            newAddress.premisse = longName
+          }
+
+          if (
+            types.includes('sublocality_level_1') ||
+            types.includes('sublocality') ||
+            types.includes('neighborhood')
+          ) {
+            newAddress.neighbourhood = longName
+          }
+
+          if (types.includes('administrative_area_level_2')) {
+            newAddress.localization = longName
+          }
+
+          if (types.includes('administrative_area_level_1')) {
+            newAddress.uf = { name: longName, initial: shortName }
+          }
+
+          if (types.includes('country')) {
+            newAddress.country = longName
+          }
+
+          if (types.includes('postal_code')) {
+            newAddress.zipCode = longName.replace(/-/g, '')
           }
         }
+
+        this.address = newAddress
+
+        this.focusInputNumber()
+
+        const hasAddressData = newAddress.uf && newAddress.localization && newAddress.premisse
+        const missingZip = !newAddress.zipCode
+
+        if (hasAddressData && missingZip) {
+          this.searchAddressInfo()
+        }
       })
     })
   }
@@ -372,7 +398,6 @@ class MbgAddressController {
           const responseIbge = await this.mbgAddressService.getIbgeCode(response.data.city)
           ibgeCode = responseIbge && responseIbge.data && responseIbge.data.id.toString()
         }
-
         const uf = getStatesBR().filter((state) => {
           const currUf = state.initial || state
           const resUf = response.data.uf || response.data.state

package/src/components/mbg-input-phone/mbg-input-phone.ts

@@ -12,8 +12,6 @@ class MbgInputPhoneController {
   private maxLength: number
 
   constructor(public $scope, public $element, public $attrs) {
-    this.phoneNumberMask = this.enableCountryCode ? 'countryCode' : 'areaCode'
-    this.maxLength = this.maxLength ? this.maxLength : this.enableCountryCode ? 19 : 15
     if ($attrs.ngRequired === '') {
       this.ngRequired = true
     }
@@ -25,6 +23,14 @@ class MbgInputPhoneController {
     }
   }
 
+  $onInit() {
+    this.phoneNumberMask = this.enableCountryCode ? 'countryCode' : 'areaCode'
+
+    if (!this.maxLength) {
+      this.maxLength = this.enableCountryCode ? 19 : 15
+    }
+  }
+
   onChange() {
     if (this.ngChange) {
       this.ngChange({})