{"version":3,"sources":["webpack:///./src/components/lead/components/CountryPhoneEntry.vue","webpack:///src/components/lead/components/CountryPhoneEntry.vue","webpack:///./src/components/lead/components/CountryPhoneEntry.vue?b9b3","webpack:///./src/components/lead/components/CountryPhoneEntry.vue?9f55"],"names":["setPhone","scopedSlots","key","fn","staticClass","staticStyle","proxy","_c","on","_ref","attrs","countrySelected","value","search","callback","filteredItems","_vm","item","alpha2","leadPhone","$$v","staticRenderFns","name","components","CountryFlag","IconStates","created","init","watch","phone","methods","formatPhone","formatting","replace","onSelect","setCodePhone","$emit","dialCode","_this","countries","forEach","e","codePhone","computed","_this2","filter","nameLatinAmerica","toLowerCase","includes","phoneRules","_this3","v","disabledRules","disabledRequired","test","props","String","default","hintText","disabled","Boolean","status","Number","type","data","component"],"mappings":"2NAAkN,G,oBAAC,W,IAAG,EAAC,K,EAAC,EAAO,MAAC,G,OAAiB,SAAWA,C,MAAU,CAAE,oBAACC,MAAW,GAAUC,MAAI,WAASC,KAAG,W,kBAAsB,G,MAAoB,EAAC,Y,UAAwB,YAAC,sB,YAAkB,OAAgBA,IAAG,S,GAAW,W,MAAkBC,iBAAkB,CAACC,OAAa,SAAa,YAAmEC,OAAM,GAAM,CAACJ,IAAI,gBAAUC,GAAG,WAAW,MAAO,CAACI,EAAG,OAAUF,YAAY,O,YAAO,CAAQ,sB,CAAQ,SAAY,EAAC,KAAO,mC,OAAe,G,mCAAgE,GAAZG,OAAIC,C,YAAK,C,IAAI,S,oBAA8D,Q,WAASC,I,YAA2C,MAAa,C,IAAM,Y,GAAE,SAAK,G,IAAgBN,IAAW,GAAQM,EAAM,Q,MAAC,SAAa,EAACC,S,MAAuB,CAAe,sBAAY,0BAAG,aAAO,cAAa,QAAuB,GAAQ,eAAQ,CAAC,YAAe,OAAc,OAAI,iCAAC,KAAQ,aAA0C,a,CAAUC,SAAU,CAACC,SAAO,C,MAACC,C,MAA6BD,SAAU,eAAC,eAAoB,IAAIN,MAAG,SAAqBQ,GAAgC,EAAU,oB,MAAyB,C,MAAyB,EAAOC,O,SAAkB,YAAC,YAAgDZ,WAAW,Y,EAAe,SAAUa,GAAI,EAACC,eAAM,c,OAAC,EAAM,OAAC,CAAQ,MAAG,GAAG,CAA2K,MAAO,SAAE,GAAC,wBAAqB,6BAAM,YAAMC,OAAWL,MAAS,CAAoBK,QAAUC,EAAG,OAAC,kBAAuB,8GAAG,aAEpvDC,Y,gNCuEW,GACfC,KAAA,oBACAC,WAAA,CACAC,YAAA,mEACAC,WAAA,oEAEAC,QAAA,WACA,KAAAC,QAEAC,MAAA,CACAC,MAAA,WACA,KAAAF,SAGAG,QAAA,CAMAC,YAAA,SAAAnB,GACA,KAAAO,UAAA,KAAAa,WAAApB,EAAAqB,QAAA,SAAArB,GAEAsB,SAAA,SAAAjB,GACA,KAAAN,gBAAAM,EACA,KAAAkB,gBAEAnC,SAAA,WACA,KAAA+B,YAAA,KAAAZ,WACA,KAAAiB,MAAA,gBAAAjB,WACA,KAAAiB,MAAA,oBAAAzB,gBAAA0B,WAEAF,aAAA,WACA,KAAAC,MAAA,oBAAAzB,gBAAA0B,WAEAV,KAAA,eAAAW,EAAA,KACA,KAAAP,YAAA,KAAAF,OACAU,OAAAC,SAAA,SAAAC,GACAA,EAAAJ,WAAAC,EAAAI,YACAJ,EAAA3B,gBAAA8B,QAKAE,SAAA,CACA5B,cAAA,eAAA6B,EAAA,KACA,OAAAL,OAAAM,QAAA,SAAA5B,GAAA,OACAA,EAAA6B,iBAAAC,cAAAC,SAAAJ,EAAA/B,OAAAkC,mBAGAE,WAAA,eAAAC,EAAA,KACA,OACA,SAAAC,GAAA,OAAAD,EAAAE,eAAAF,EAAAG,oBAAAF,GAAA,gCAGA,SAAAA,GAAA,OAAAD,EAAAE,eAAA,KAAAD,GAAA,aAAAG,KAAAH,IAAA,sCAIAI,MAAA,CACA1B,MAAA,CACA2B,cACAC,QAAA,IAEAf,UAAA,CACAc,cACAC,QAAA,OAEAC,SAAA,CACAF,cACAC,QAAA,wDAEAE,SAAA,CACAC,gBACAH,SAAA,GAEAI,OAAA,CACAC,cACAL,QAAA,MAIAzB,WAAA,CACA+B,KAAAH,QACAH,SAAA,GAEAL,cAAA,CACAQ,gBACAH,SAAA,GAEAJ,iBAAA,CACAO,gBACAH,SAAA,IAGAO,KAAA,kBACA7C,UAAA,GACAN,OAAA,GACAF,gBAAA,CACAO,OAAA,KACAmB,SAAA,MACAS,iBAAA,aC9KyX,I,YCOrXmB,EAAY,eACd,EACA,EACA5C,GACA,EACA,KACA,KACA,MAIa,aAAA4C,E","file":"js/chunk-2d20ff17.7e72b9ff.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-text-field',{attrs:{\"disabled\":_vm.disabled,\"dense\":\"\",\"label\":\"Teléfono\",\"hint\":_vm.hintText,\"persistent-hint\":\"\",\"rules\":_vm.phoneRules},on:{\"input\":function($event){return _vm.setPhone()}},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('icon-states',{attrs:{\"status\":_vm.status}})]},proxy:true},{key:\"prepend-inner\",fn:function(){return [_c('div',{staticClass:\"mx-1\",staticStyle:{\"padding-top\":\"6px\"}},[_vm._v(\" \"+_vm._s(_vm.countrySelected.dialCode)+\" \")])]},proxy:true},{key:\"prepend\",fn:function(){return [_c('v-menu',{staticStyle:{\"top\":\"-12px\"},attrs:{\"max-height\":\"400px\",\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('div',_vm._g(_vm._b({attrs:{\"disabled\":_vm.disabled}},'div',attrs,false),on),[_c('v-row',{staticStyle:{\"padding-top\":\"5px\"}},[_c('country-flag',{staticClass:\"mx-1\",attrs:{\"country\":_vm.countrySelected.alpha2,\"size\":\"normal\"}})],1)],1)]}}])},[_c('v-card',[_c('v-text-field',{attrs:{\"label\":\"Buscar\",\"prepend-icon\":\"mdi-magnify\"},on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-list',_vm._l((_vm.filteredItems),function(item,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.onSelect(item)}}},[_c('v-list-item-avatar',[_c('country-flag',{staticClass:\"mb-1\",attrs:{\"country\":item.alpha2,\"size\":\"normal\"}})],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(item.nameLatinAmerica))]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(item.dialCode)+\" \")])],1)],1)}),1)],1)],1)]},proxy:true}]),model:{value:(_vm.leadPhone),callback:function ($$v) {_vm.leadPhone=$$v},expression:\"leadPhone\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-text-field\n    :disabled=\"disabled\"\n    dense\n    label=\"Teléfono\"\n    v-model=\"leadPhone\"\n    :hint=\"hintText\"\n    persistent-hint\n    :rules=\"phoneRules\"\n    @input=\"setPhone()\"\n  >\n    <template v-slot:append>\n      <icon-states :status=\"status\" />\n    </template>\n\n    <template v-slot:prepend-inner>\n      <div class=\"mx-1\" style=\"padding-top:6px\">\n        {{ countrySelected.dialCode }}\n      </div>\n    </template>\n    <template v-slot:prepend>\n      <v-menu style=\"top: -12px\" max-height=\"400px\" offset-y>\n        <template v-slot:activator=\"{ on, attrs }\">\n          <div v-bind=\"attrs\" v-on=\"on\" :disabled=\"disabled\">\n            <v-row style=\"padding-top:5px\">\n              <country-flag\n                class=\"mx-1\"\n                :country=\"countrySelected.alpha2\"\n                size=\"normal\"\n              />\n            </v-row>\n          </div>\n        </template>\n\n        <v-card>\n          <v-text-field\n            v-model=\"search\"\n            label=\"Buscar\"\n            prepend-icon=\"mdi-magnify\"\n            @click.stop\n          >\n          </v-text-field>\n          <v-list>\n            <v-list-item\n              v-for=\"(item, i) in filteredItems\"\n              :key=\"i\"\n              @click=\"onSelect(item)\"\n            >\n              <v-list-item-avatar>\n                <country-flag\n                  class=\"mb-1\"\n                  :country=\"item.alpha2\"\n                  size=\"normal\"\n                />\n              </v-list-item-avatar>\n              <v-list-item-content>\n                <v-list-item-title>{{\n                  item.nameLatinAmerica\n                }}</v-list-item-title>\n                <v-list-item-subtitle>\n                  {{ item.dialCode }}\n                </v-list-item-subtitle>\n              </v-list-item-content>\n            </v-list-item>\n          </v-list>\n        </v-card>\n      </v-menu>\n    </template>\n  </v-text-field>\n</template>\n<script>\nimport countries from \"../../../helpers/countries\";\n\nexport default {\n  name: \"CountryPhoneEntry\",\n  components: {\n    CountryFlag: () => import(\"vue-country-flag\"),\n    IconStates: () => import(\"@/components/lead/components/IconStates.vue\")\n  },\n  created() {\n    this.init();\n  },\n  watch: {\n    phone() {\n      this.init();\n    }\n  },\n  methods: {\n    /**\n     * Formatea el phone de acuerdo al prop \"formatting\"\n     * @param {value} string es el numero de telefono sin formato\n     * @returns null\n     */\n    formatPhone(value) {\n      this.leadPhone = this.formatting ? value.replace(/ /g, \"\") : value;\n    },\n    onSelect(item) {\n      this.countrySelected = item;\n      this.setCodePhone();\n    },\n    setPhone() {\n      this.formatPhone(this.leadPhone);\n      this.$emit(\"setPhone\", this.leadPhone);\n      this.$emit(\"setCodePhone\", this.countrySelected.dialCode);\n    },\n    setCodePhone() {\n      this.$emit(\"setCodePhone\", this.countrySelected.dialCode);\n    },\n    init() {\n      this.formatPhone(this.phone);\n      countries.forEach(e => {\n        if (e.dialCode === this.codePhone) {\n          this.countrySelected = e;\n        }\n      });\n    }\n  },\n  computed: {\n    filteredItems() {\n      return countries.filter(item =>\n        item.nameLatinAmerica.toLowerCase().includes(this.search.toLowerCase())\n      );\n    },\n    phoneRules() {\n      return [\n        v => this.disabledRules || this.disabledRequired || !!v || \"Número de teléfono requerido\",\n        // v => v.length >= 10 || 'The phone number is incorrect',\n        // v => v.length <= 10 || 'The phone number is incorrect',\n        v => this.disabledRules || v === '' || /^[0-9\\s]+$/.test(v) || \"Por favor, ingresa solo numeros\"\n      ];\n    }\n  },\n  props: {\n    phone: {\n      String: String,\n      default: \"\"\n    },\n    codePhone: {\n      String: String,\n      default: \"+52\"\n    },\n    hintText: {\n      String: String,\n      default: \"Campo obligatorio en caso de no ingresar un correo *\"\n    },\n    disabled: {\n      Boolean: Boolean,\n      default: false\n    },\n    status: {\n      Number: Number,\n      default: null\n    },\n    // Sirve para saber si le quita los espacios o no\n    // puede servir para en caso de uso donde se implemente\n    formatting: {\n      type: Boolean,\n      default: true\n    },\n    disabledRules: {\n      Boolean: Boolean,\n      default: false\n    },\n    disabledRequired: {\n      Boolean: Boolean,\n      default: false\n    }\n  },\n  data: () => ({\n    leadPhone: \"\",\n    search: \"\",\n    countrySelected: {\n      alpha2: \"MX\",\n      dialCode: \"+52\",\n      nameLatinAmerica: \"México\"\n    }\n  }),\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountryPhoneEntry.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CountryPhoneEntry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountryPhoneEntry.vue?vue&type=template&id=d76d0084&\"\nimport script from \"./CountryPhoneEntry.vue?vue&type=script&lang=js&\"\nexport * from \"./CountryPhoneEntry.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}