{"version":3,"sources":["webpack:///./src/components/common/modals/AppModal.vue","webpack:///src/components/common/modals/AppModal.vue","webpack:///./src/components/common/modals/AppModal.vue?9185","webpack:///./src/components/common/modals/AppModal.vue?0702","webpack:///./src/pages/profile/personal_details/index.vue","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue","webpack:///./src/pages/profile/personal_details/VerificationModal.vue","webpack:///src/pages/profile/personal_details/VerificationModal.vue","webpack:///./src/pages/profile/personal_details/VerificationModal.vue?36bb","webpack:///./src/pages/profile/personal_details/VerificationModal.vue?5814","webpack:///src/pages/profile/personal_details/PersonalContacts.vue","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue?afae","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue?b2cb","webpack:///src/pages/profile/personal_details/index.vue","webpack:///./src/pages/profile/personal_details/index.vue?4500","webpack:///./src/pages/profile/personal_details/index.vue?f38d","webpack:///./src/components/common/sections/AppSection.vue","webpack:///./src/components/common/sections/AppTitle.vue","webpack:///src/components/common/sections/AppTitle.vue","webpack:///./src/components/common/sections/AppTitle.vue?2168","webpack:///./src/components/common/sections/AppTitle.vue?9b09","webpack:///src/components/common/sections/AppSection.vue","webpack:///./src/components/common/sections/AppSection.vue?3735","webpack:///./src/components/common/sections/AppSection.vue?ccf6","webpack:///./src/components/common/sections/AppTitle.vue?b886","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue?245e"],"names":["render","_vm","this","_c","_self","attrs","id","size","closeOnBackdrop","_t","staticRenderFns","name","props","String","required","default","type","isLoading","component","$t","$getConst","pages","settings","profile","isUpdating","staticClass","personalDetails","first_name","userDetails","firstName","last_name","lastName","preferredLanguage","class","$v","form","language","$error","$store","getters","select_option","languages","on","changeLanguage","scopedSlots","_u","key","fn","option","code","_v","_s","_f","toLowerCase","model","value","$model","callback","$$v","$set","expression","slot","alerts","no_results_found","arg","personal_contacts_title","isSmsEnabled","onHaveCode","have_verification_code","_e","phone_number","ref","phone","allowedCountries","isLoadingCountries","translation","isUpdatingSms","showPayload","phoneBasicNumber","staticStyle","isPhoneVerified","isDataChanged","sign_up","phone_verified","icons","check","sendVerificationCode","verify_your_phone","updatePhoneNumber","isFreelancer","button","save","validPhoneNumber","phone_field_error","accept_sms_text","updateSms","sms","enable_sms_description","phoneToVerify","closeModal","proxy","verification_code_description","error","length","$invalid","updatePhone","components","AppFormFeedback","AppConfirmButtons","AppModal","PincodeInput","VuePhoneNumberInput","data","validNumber","countrySelectorLabel","countrySelectorError","phoneNumberLabel","example","defaultCountry","validations","methods","mounted","watch","VerificationModal","AppSection","userContacts","computed","onCancelChanges","getEditableData","updatePhoneWithoutVerification","getAllowedCountries","getAllowedMobileCountries","created","PersonalContacts","updateMyLanguage","getAllLanguages","noTitleBorder","title","secondButton","directives","rawName","secondButtonVariant","secondButtonDisabled","secondButtonTooltip","$event","$emit","secondButtonIcon","secondButtonText","secondButtonIconSvg","thirdButton","thirdButtonVariant","thirdButtonDisabled","thirdButtonTooltip","delete","buttonVariant","buttonSize","firstButtonTooltip","buttonDisabled","buttonIcon","buttonText","buttonIconSvg","languageCode","languageName","checkBox","checked","style","minHeight","setMinHeight","isSectionLoading","validator","AppSpinner","AppTitle","checkBoxModel","thirdButtonIcon","thirdButtonText"],"mappings":"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AjB,uBAAAI,yBACAC,gBACA,OACAhC,mBACAF,sBACA+C,kBACA1F,MACAqC,WACAwB,UAEAE,mBACAe,eACAtC,aACAuC,wBACAC,wBACAC,4EACAC,YAEAC,yFACApD,qFACA1C,cACAoD,iBACAF,sBACAzD,aACAwD,sBAGA8C,aACAzC,kBAAAc,4BAAA,0BACAzD,MACAqC,OAAAoB,4BAAA,4BAGAkC,UACA7C,yBACA,gCAGA,mEAGAuC,SACA3C,wBACA,4CACA,8BAEAkD,2BACA,wBAEAC,2BACA,WACAxD,8BACAwB,2BAEA,0BACA,yBAEA,+CAEAV,gCAAA,WACA,wBACAA,sCACA,YACA,6BACA,gCACA,oBACA,wBAEA,YACA,oBACA,yBAIAnB,sBACA,wBACA,oCAEAgC,uBACA,IACA,gCACA,gCACA,wBACA,wBACA,8BACA,yBAEA,oCAEAX,6BAAA,WACA,kBACA,gBACAyC,sCACA,YACA,oDACA,eACA,qEAEA,YACA,oBACA,mBAKAlC,sBAAA,WACA,sBACAA,gCACA,YACA,8BACA,gDACA,sBAEA,YACA,uBACA,mBACA,wBAIAmC,+BAAA,WACA,2BACAC,uBACA,YACA,oCACA,2BAEA,YACA,oBACA,6BAKAC,mBACA,2BACA,mEACA,yBCnQwX,ICQpX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QC4Df,GACAzH,aACA+F,YAAA2B,mBAAAzB,yBAAAD,uBAAAiB,mBACAZ,gBACA,OACA7E,MACAC,eAEAR,iBACAa,aACAjB,gBAGA+F,aACApF,MACAC,UAAAtB,0BAGA0G,SACA7E,0BAAA,WACA,mBACA2F,gCACA,YACA,gBACA,qBACA,oCACA,sDACA,qEAEA,YACA,oBACA,uCACA,oBAIAC,2BAAA,WACAA,yBACA,YACA,sBAEA,YACA,wBAIAP,2BACA,WACA5F,sCAIAgG,mBACA,iEACA,uBACA,yBCtI6W,ICOzW,EAAY,eACd,EACApI,EACAU,GACA,EACA,KACA,WACA,MAIa,e,2CClBf,IAAIV,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD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","file":"js/chunk-76a056a4.8f3ef12a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":_vm.id,\"size\":_vm.size,\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\",\"no-close-on-backdrop\":!_vm.closeOnBackdrop,\"body-class\":\"m-3 text-primary\"}},[_c('div',{attrs:{\"id\":\"content\"}},[_vm._t(\"title\"),_vm._t(\"content\"),_vm._t(\"button\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    :id=\"id\"\n    :size=\"size\"\n    hide-header\n    hide-footer\n    centered\n    :no-close-on-backdrop=\"!closeOnBackdrop\"\n    body-class=\"m-3 text-primary\"\n  >\n\n    <div  id=\"content\">\n      <slot name=\"title\"></slot>\n      <slot name=\"content\"></slot>\n      <slot name=\"button\"></slot>\n\n    </div>\n    <!--<div v-if=\"isLoading\" id=\"loading\" class=\"text-center\">\n      <h3 class=\"text-center mb-5\">{{$t($getConst.pages.scope.please_wait) | capitalize}} ...</h3>\n      <b-spinner variant=\"secondary\" label=\"Spinning\"></b-spinner>\n    </div>-->\n  </b-modal>\n</template>\n\n<script>\n  export default {\n    name: \"AppModal\",\n    props: {\n      id: {\n        String,\n        required: true\n      },\n      size: {\n        String,\n        default: \"md\"\n      },\n      closeOnBackdrop: {\n        type: Boolean,\n        default: false\n      },\n      isLoading: Boolean\n    },\n  }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppModal.vue?vue&type=template&id=6891bdfe&scoped=true&\"\nimport script from \"./AppModal.vue?vue&type=script&lang=js&\"\nexport * from \"./AppModal.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  \"6891bdfe\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('AppSection',{attrs:{\"id\":\"profile\",\"title\":_vm.$t(_vm.$getConst.pages.settings.profile),\"type\":\"page\",\"is-section-loading\":_vm.isUpdating}},[_c('AppSection',{staticClass:\"mb-3\",attrs:{\"id\":\"personal-details\",\"title\":_vm.$t(_vm.$getConst.pages.personalDetails.personalDetails)}},[_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"firstname\",\"label\":_vm.$t(_vm.$getConst.pages.personalDetails.first_name),\"label-for\":\"firstname-input\"}},[_c('b-form-input',{staticClass:\"text-capitalize\",attrs:{\"id\":\"firstname-input\",\"disabled\":\"\",\"value\":_vm.userDetails.firstName,\"size\":\"lg\",\"required\":\"\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"lastName\",\"label\":_vm.$t(_vm.$getConst.pages.personalDetails.last_name),\"label-for\":\"lastName-input\"}},[_c('b-form-input',{staticClass:\"text-capitalize\",attrs:{\"id\":\"lastName-input\",\"disabled\":\"\",\"value\":_vm.userDetails.lastName,\"size\":\"lg\",\"required\":\"\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"language\",\"label\":_vm.$t(this.$getConst.pages.personalDetails.preferredLanguage),\"label-for\":\"language-input\"}},[_c('multiselect',{class:{ 'is-invalid': _vm.$v.form.language.$error },attrs:{\"track-by\":\"id\",\"label\":\"name\",\"disabled\":_vm.$store.getters['auth/isLoggedAs'] || _vm.isUpdating,\"placeholder\":_vm.$t(this.$getConst.pages.form.select_option),\"allow-empty\":false,\"options\":_vm.languages},on:{\"select\":_vm.changeLanguage},scopedSlots:_vm._u([{key:\"singleLabel\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n              \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name)))+\"\\n            \")]}},{key:\"option\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n              \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name.toLowerCase())))+\"\\n            \")]}}]),model:{value:(_vm.$v.form.language.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.language, \"$model\", $$v)},expression:\"$v.form.language.$model\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.alerts.no_results_found)))])]),_c('AppFormFeedback',{attrs:{\"errors\":_vm.$v.form.language}})],1)],1)],1)],1),_c('PersonalContacts',{on:{\"update\":(arg) => this.isUpdating = arg}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('AppSection',{attrs:{\"id\":\"personal-contacts\",\"title\":this.$getConst.pages.personalDetails.personal_contacts_title}},[_c('b-row',[_c('b-col',{attrs:{\"xl\":\"6\",\"lg\":\"8\"}},[(_vm.isSmsEnabled)?_c('a',{staticClass:\"float-right font-weight-bold\",attrs:{\"role\":\"button\"},on:{\"click\":_vm.onHaveCode}},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.personalDetails.have_verification_code)))+\"?\")]):_vm._e(),_c('b-form-group',{attrs:{\"id\":\"phone\",\"label\":_vm.$t(_vm.$getConst.pages.personalDetails.phone_number),\"label-for\":\"phone-input\"}},[_c('b-input-group',{staticClass:\"mt-3\"},[_c('VuePhoneNumberInput',{ref:\"PhoneNumberInput\",staticClass:\"text-capitalize flex-grow-1\",class:{ 'is-invalid': _vm.$v.form.phone.$error },attrs:{\"id\":\"phone-input\",\"only-countries\":_vm.allowedCountries,\"loader\":_vm.isLoadingCountries,\"placeholder\":_vm.$t(this.$getConst.pages.personalDetails.phone_number),\"border-radius\":8,\"translations\":_vm.translation,\"clearable\":true,\"disabled\":_vm.isUpdatingSms || _vm.isLoadingCountries,\"no-use-browser-locale\":\"\",\"size\":\"lg\",\"error-color\":\"#e55353\",\"valid-color\":\"#0051f6\",\"color\":\"#0051f6\",\"required\":\"\"},on:{\"update\":_vm.showPayload},model:{value:(_vm.$v.phoneBasicNumber.$model),callback:function ($$v) {_vm.$set(_vm.$v.phoneBasicNumber, \"$model\", $$v)},expression:\"$v.phoneBasicNumber.$model\"}}),(_vm.isSmsEnabled)?_c('b-input-group-append',{staticStyle:{\"z-index\":\"0 !important\"}},[(_vm.isPhoneVerified && !_vm.isDataChanged)?_c('b-button',{attrs:{\"disabled\":\"\",\"variant\":\"success\"}},[_vm._v(\"\\n              \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.sign_up.phone_verified)))),_c('i',{class:[_vm.$getConst.icons.check, 'ml-1']})]):_c('b-button',{attrs:{\"variant\":\"secondary\",\"disabled\":!_vm.isDataChanged || _vm.$v.form.phone.$error || _vm.isUpdatingSms},on:{\"click\":_vm.sendVerificationCode}},[_vm._v(\"\\n              \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.personalDetails.verify_your_phone)))+\"\\n            \")])],1):_c('b-input-group-append',{staticStyle:{\"z-index\":\"0 !important\"}},[_c('b-button',{attrs:{\"variant\":\"secondary\",\"disabled\":_vm.isLoading || !_vm.isDataChanged},on:{\"click\":_vm.updatePhoneNumber}},[(_vm.isLoading)?_c('b-spinner',{attrs:{\"small\":\"\",\"variant\":\"white\"}}):_vm._e(),(!_vm.isFreelancer())?[_vm._v(\"\\n              \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.button.save)))+\"\\n            \")]:_vm._e(),(_vm.isFreelancer() && !_vm.isLoading)?[_c('i',{class:_vm.$getConst.icons.save + ' fa-lg'})]:_vm._e()],2)],1)],1),_c('AppFormFeedback',{attrs:{\"errors\":_vm.$v.form.phone}}),(!_vm.$v.form.phone.validPhoneNumber && _vm.$v.form.phone.required)?_c('b-form-invalid-feedback',[_vm._v(\"\\n          \"+_vm._s(_vm.$t(this.$getConst.pages.form.phone_field_error))+\".\\n        \")]):_vm._e()],1),(_vm.isSmsEnabled)?_c('div',[(!_vm.isUpdatingSms)?_c('b-form-checkbox',{staticClass:\"mb-2\",staticStyle:{\"z-index\":\"0 !important\"},attrs:{\"id\":\"sms\",\"disabled\":!_vm.isPhoneVerified || _vm.isDataChanged || _vm.isUpdatingSms,\"name\":\"sms\",\"value\":true,\"unchecked-value\":false,\"switch\":\"\"},on:{\"change\":_vm.updateSms},model:{value:(_vm.form.sms),callback:function ($$v) {_vm.$set(_vm.form, \"sms\", $$v)},expression:\"form.sms\"}},[_vm._v(\"\\n          \"+_vm._s(this.$t(this.$getConst.pages.sign_up.accept_sms_text))+\".\\n        \")]):_c('label',[_c('b-spinner',{attrs:{\"small\":\"\",\"variant\":\"secondary\"}}),_vm._v(\" \"+_vm._s(this.$t(this.$getConst.pages.sign_up.accept_sms_text))+\".\")],1),(!_vm.isPhoneVerified || _vm.isDataChanged)?_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.personalDetails.enable_sms_description))))]):_vm._e()],1):_vm._e()],1)],1),_c('VerificationModal',{attrs:{\"phone\":_vm.phoneToVerify},on:{\"close\":_vm.closeModal}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('AppModal',{attrs:{\"id\":\"verify-phone\",\"close-on-backdrop\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h3',{staticClass:\"text-center mb-5\"},[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.personalDetails.verify_your_phone)))])]},proxy:true},{key:\"content\",fn:function(){return [_c('b-row',{staticClass:\"mb-3\"},[_c('b-col',[_c('b-form-group',{attrs:{\"id\":\"phone\",\"label\":_vm.$t(_vm.$getConst.pages.personalDetails.phone_number) + '*',\"label-for\":\"phone-input\"}},[_c('VuePhoneNumberInput',{ref:\"PhoneNumberInput\",staticClass:\"text-capitalize\",class:{ 'is-invalid': _vm.$v.form.phone.$error },attrs:{\"id\":\"phone-input\",\"value\":_vm.phone,\"placeholder\":_vm.$t(_vm.$getConst.pages.personalDetails.phone_number),\"border-radius\":8,\"translations\":_vm.translation,\"clearable\":true,\"no-use-browser-locale\":\"\",\"size\":\"lg\",\"error-color\":\"#e55353\",\"valid-color\":\"#0051f6\",\"color\":\"#0051f6\",\"required\":\"\"},on:{\"update\":_vm.showPayload},model:{value:(_vm.$v.phoneBasicNumber.$model),callback:function ($$v) {_vm.$set(_vm.$v.phoneBasicNumber, \"$model\", $$v)},expression:\"$v.phoneBasicNumber.$model\"}}),_c('AppFormFeedback',{attrs:{\"errors\":_vm.$v.form.phone}}),(!_vm.$v.form.phone.validPhoneNumber && _vm.$v.form.phone.required)?_c('b-form-invalid-feedback',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(_vm.$getConst.pages.form.phone_field_error))+\".\\n          \")]):_vm._e()],1)],1),_c('b-col',[_c('p',[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.personalDetails.verification_code_description))))]),_c('div',{staticClass:\"input-wrapper text-center\"},[_c('PincodeInput',{attrs:{\"disabled\":_vm.isLoading,\"length\":6,\"placeholder\":\"#\"},model:{value:(_vm.code),callback:function ($$v) {_vm.code=$$v},expression:\"code\"}})],1),(_vm.error)?_c('b-form-invalid-feedback',{staticClass:\"d-block text-center\"},[_vm._v(_vm._s(_vm.error))]):_vm._e()],1)],1),_c('AppConfirmButtons',{attrs:{\"no-cancel\":\"\",\"submit-text\":\"verify\",\"is-disabled\":_vm.code.length !== 6 || _vm.$v.$invalid,\"is-loading\":_vm.isLoading},on:{\"onSubmit\":_vm.updatePhone}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <AppModal\n    id=\"verify-phone\"\n    close-on-backdrop\n  >\n    <template #title>\n      <h3 class=\"text-center mb-5\">{{$t($getConst.pages.personalDetails.verify_your_phone)}}</h3>\n    </template>\n    <template #content>\n      <b-row class=\"mb-3\">\n        <b-col>\n          <b-form-group id=\"phone\" :label=\"$t($getConst.pages.personalDetails.phone_number) + '*'\" label-for=\"phone-input\">\n            <VuePhoneNumberInput\n              id=\"phone-input\"\n              v-model=\"$v.phoneBasicNumber.$model\"\n              :value=\"phone\"\n              class=\"text-capitalize\"\n              :class=\"{ 'is-invalid': $v.form.phone.$error }\"\n              :placeholder=\"$t($getConst.pages.personalDetails.phone_number)\"\n              :border-radius=\"8\"\n              :translations=\"translation\"\n              :clearable=\"true\"\n              no-use-browser-locale\n              size=\"lg\"\n              error-color\t= \"#e55353\"\n              valid-color\t= \"#0051f6\"\n              color\t= \"#0051f6\"\n              required\n              ref=\"PhoneNumberInput\"\n              @update=\"showPayload\"\n            />\n            <AppFormFeedback :errors=\"$v.form.phone\"/>\n            <b-form-invalid-feedback v-if=\"!$v.form.phone.validPhoneNumber && $v.form.phone.required\">\n              {{$t($getConst.pages.form.phone_field_error)}}.\n            </b-form-invalid-feedback>\n          </b-form-group>\n        </b-col>\n\n        <b-col>\n          <p>{{$t($getConst.pages.personalDetails.verification_code_description) | capitalize}}</p>\n          <div class=\"input-wrapper text-center\">\n            <PincodeInput\n              v-model=\"code\"\n              :disabled=\"isLoading\"\n              :length=\"6\"\n              placeholder=\"#\"\n            />\n          </div>\n          <b-form-invalid-feedback class=\"d-block text-center\" v-if=\"error\">{{error}}</b-form-invalid-feedback>\n        </b-col>\n      </b-row>\n\n      <AppConfirmButtons\n        no-cancel\n        submit-text=\"verify\"\n        :is-disabled=\"code.length !== 6 || $v.$invalid\"\n        :is-loading=\"isLoading\"\n        @onSubmit=\"updatePhone\"\n      />\n    </template>\n  </AppModal>\n</template>\n\n<script>\n  import AppModal from \"../../../components/common/modals/AppModal\";\n  import PincodeInput from 'vue-pincode-input';\n  import AppConfirmButtons from \"../../../components/common/utils/AppConfirmButtons\";\n  import {updatePhone} from \"../../../api/userPhone.api\";\n  import AppFormFeedback from \"../../../components/common/form/AppFormFeedback\";\n  import VuePhoneNumberInput from 'vue-phone-number-input';\n  import {required} from \"vuelidate/lib/validators\";\n\n  export default {\n    name: \"VerificationModal\",\n    components: {AppFormFeedback, AppConfirmButtons, AppModal, PincodeInput, VuePhoneNumberInput},\n    props: {\n      phone: null\n    },\n    data() {\n      return {\n        code: \"\",\n        isLoading: false,\n        error: null,\n\n        phoneBasicNumber:null,\n        form: {\n          phone: null\n        },\n        validNumber: true,\n        translation: {\n          countrySelectorLabel: '',\n          countrySelectorError: '',\n          phoneNumberLabel: this.$t(this.$getConst.pages.personalDetails.phone_number),\n          example: ''\n        },\n        defaultCountry: JSON.parse(localStorage.getItem(\"userAccount\")).scopeDefault.country_code,\n      }\n    },\n    validations: {\n      phoneBasicNumber: {validPhoneNumber() {return this.validNumber}},\n      form: {\n        phone: {required, validPhoneNumber() {return this.validNumber}},\n      },\n    },\n    methods: {\n      showPayload (payload) {\n        this.$v.form.phone.$model = payload.formattedNumber;\n        this.validNumber = !!payload.isValid;\n      },\n      updatePhone() {\n        this.isLoading = true;\n        this.error = null;\n        updatePhone(this.form.phone, this.code).then(\n          (response) => {\n            this.$emit(\"close\", response.data);\n            this.$store.dispatch(\"auth/setUserPhone\", response.data.phone);\n            this.$store.dispatch(\"auth/setUserSms\", response.data.sendSms);\n            this.isLoading = false;\n            this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_update));\n          },\n          (error) => {\n            if (error.response.status === 404) {\n              this.$snotify.error(this.$t(this.$getConst.pages.alerts.no_verification_code_for_this_phone));\n              this.$emit(\"close\");\n            } else if(error.response.status === 403 || error.response.status === 422) {\n              this.error = this.$t(this.$getConst.pages.personalDetails.invalid_verification_code);\n            }  else {\n              this.handleApiError(error);\n              this.$emit(\"close\");\n            }\n            this.isLoading = false;\n          }\n        )\n      }\n    },\n    mounted() {\n      this.$root.$on('bv::modal::show', (bvEvent, modalId) => {\n        if (modalId === \"verify-phone\") {\n          this.code = \"\";\n          this.form.phone = this.phone;\n          this.phoneBasicNumber = this.phone;\n        }\n      })\n    },\n    watch: {\n      phone() {\n        this.form.phone = this.phone;\n        this.phoneBasicNumber = this.phone;\n      }\n    }\n  }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerificationModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerificationModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerificationModal.vue?vue&type=template&id=0a55cd86&scoped=true&\"\nimport script from \"./VerificationModal.vue?vue&type=script&lang=js&\"\nexport * from \"./VerificationModal.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  \"0a55cd86\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <AppSection\n    id=\"personal-contacts\"\n    :title=\"this.$getConst.pages.personalDetails.personal_contacts_title\"\n  >\n    <b-row>\n      <b-col xl=\"6\" lg=\"8\">\n        <a v-if=\"isSmsEnabled\" role=\"button\" @click=\"onHaveCode\" class=\"float-right font-weight-bold\">{{$t($getConst.pages.personalDetails.have_verification_code) | capitalize}}?</a>\n        <b-form-group id=\"phone\" :label=\"$t($getConst.pages.personalDetails.phone_number)\" label-for=\"phone-input\">\n          <b-input-group class=\"mt-3\">\n            <VuePhoneNumberInput\n              id=\"phone-input\"\n              v-model=\"$v.phoneBasicNumber.$model\"\n              :only-countries=\"allowedCountries\"\n              :loader=\"isLoadingCountries\"\n              class=\"text-capitalize flex-grow-1\"\n              :class=\"{ 'is-invalid': $v.form.phone.$error }\"\n              :placeholder=\"$t(this.$getConst.pages.personalDetails.phone_number)\"\n              :border-radius=\"8\"\n              :translations=\"translation\"\n              :clearable=\"true\"\n              :disabled=\"isUpdatingSms || isLoadingCountries\"\n              no-use-browser-locale\n              size=\"lg\"\n              error-color\t= \"#e55353\"\n              valid-color\t= \"#0051f6\"\n              color\t= \"#0051f6\"\n              required\n              ref=\"PhoneNumberInput\"\n              @update=\"showPayload\"\n            />\n            <b-input-group-append style=\"z-index: 0 !important;\" v-if=\"isSmsEnabled\">\n              <b-button\n                v-if=\"isPhoneVerified && !isDataChanged\"\n                disabled\n                variant=\"success\"\n              >\n                {{$t($getConst.pages.sign_up.phone_verified) | capitalize}}<i :class=\"[$getConst.icons.check, 'ml-1']\"/>\n              </b-button>\n              <b-button\n                v-else\n                variant=\"secondary\"\n                :disabled=\"!isDataChanged || $v.form.phone.$error || isUpdatingSms\"\n                @click=\"sendVerificationCode\"\n              >\n                {{$t($getConst.pages.personalDetails.verify_your_phone) | capitalize}}\n              </b-button>\n            </b-input-group-append>\n            <b-input-group-append style=\"z-index: 0 !important;\" v-else>\n\n            <b-button\n                variant=\"secondary\"\n                @click=\"updatePhoneNumber\"\n                :disabled = \"isLoading || !isDataChanged\"\n              >\n              <b-spinner small variant=\"white\" v-if=\"isLoading\"/>\n\n              <template v-if=\"!isFreelancer()\">\n                {{$t($getConst.pages.button.save) | capitalize}}\n              </template>\n\n              <template v-if=\"isFreelancer() && !isLoading\">\n                <i :class=\"$getConst.icons.save + ' fa-lg'\" />\n              </template>\n\n              </b-button>\n\n            </b-input-group-append>\n          </b-input-group>\n\n          <AppFormFeedback :errors=\"$v.form.phone\"/>\n          <b-form-invalid-feedback v-if=\"!$v.form.phone.validPhoneNumber && $v.form.phone.required\">\n            {{$t(this.$getConst.pages.form.phone_field_error)}}.\n          </b-form-invalid-feedback>\n        </b-form-group>\n        <div v-if=\"isSmsEnabled\">\n          <b-form-checkbox\n            v-if=\"!isUpdatingSms\"\n            id=\"sms\"\n            v-model=\"form.sms\"\n            :disabled=\"!isPhoneVerified || isDataChanged || isUpdatingSms\"\n            class=\"mb-2\"\n            style=\"z-index: 0 !important;\"\n            name=\"sms\"\n            :value=\"true\"\n            :unchecked-value=\"false\"\n            switch\n            @change=\"updateSms\"\n          >\n            {{this.$t(this.$getConst.pages.sign_up.accept_sms_text)}}.\n          </b-form-checkbox>\n\n          <label v-else><b-spinner small variant=\"secondary\"/> {{this.$t(this.$getConst.pages.sign_up.accept_sms_text)}}.</label>\n          <small v-if=\"!isPhoneVerified || isDataChanged\" class=\"form-text text-muted\">{{$t($getConst.pages.personalDetails.enable_sms_description) | capitalize}}</small>\n        </div>\n\n      </b-col>\n    </b-row>\n\n    <VerificationModal\n      :phone=\"phoneToVerify\"\n      @close=\"closeModal\"\n    />\n  </AppSection>\n</template>\n\n<script>\n  import VuePhoneNumberInput from 'vue-phone-number-input';\n  import AppFormFeedback from \"../../../components/common/form/AppFormFeedback\";\n  import AppSection from \"../../../components/common/sections/AppSection\";\n  import AppSpinner from \"../../../components/common/utils/AppSpinner\";\n\n  import AppConfirmButtons from \"../../../components/common/utils/AppConfirmButtons\";\n  import AppModal from \"../../../components/common/modals/AppModal\";\n  import VerificationModal from \"./VerificationModal\";\n  import {sendVerificationCode, updatePhoneWithoutVerification} from \"../../../api/userPhone.api\";\n  import {updateSms} from \"../../../api/user.api\";\n  import parsePhoneNumber from 'libphonenumber-js';\n  import {getAllowedMobileCountries} from \"../../../api/scopes.api\";\n\n  export default {\n    name: \"PersonalContacts\",\n    components: {VerificationModal, AppModal, AppConfirmButtons, AppSection, AppFormFeedback, VuePhoneNumberInput},\n    data() {\n      return {\n        isPhoneVerified: false,\n        phoneBasicNumber:null,\n        userContacts: null,\n        form: {\n          phone: null,\n          sms: null\n        },\n        phoneToVerify: null,\n        validNumber: true,\n        translation: {\n          countrySelectorLabel: '',\n          countrySelectorError: '',\n          phoneNumberLabel: this.$t(this.$getConst.pages.personalDetails.phone_number),\n          example: ''\n        },\n        defaultCountry: JSON.parse(localStorage.getItem(\"userAccount\")).scopeDefault.country_code,\n        isSmsEnabled: JSON.parse(localStorage.getItem(\"userAccount\")).scopeDefault.enable_sms,\n        isUpdating: false,\n        isUpdatingSms: false,\n        isLoadingCountries: false,\n        isLoading: false,\n        allowedCountries: []\n      }\n    },\n    validations: {\n      phoneBasicNumber: {validPhoneNumber() {return this.validNumber}},\n      form: {\n        phone: {validPhoneNumber() {return this.validNumber}},\n      },\n    },\n    computed: {\n      isDataChanged() {\n        if (!this.userContacts.phone) {\n          return true;\n        }\n        return (this.form.phone !== parsePhoneNumber(this.userContacts.phone).number);\n      }\n    },\n    methods: {\n      showPayload (payload) {\n        this.$v.form.phone.$model = payload.formattedNumber;\n        this.validNumber = !!payload.isValid;\n      },\n      onCancelChanges() {\n        this.getEditableData();\n      },\n      getEditableData() {\n        this.form = {\n          phone: this.userContacts.phone,\n          sms: this.userContacts.sms,\n        }\n        if (this.userContacts.phone) {\n          this.isPhoneVerified = true;\n        }\n        this.phoneBasicNumber = this.userContacts.phone;\n      },\n      sendVerificationCode() {\n        this.$emit(\"update\", true);\n        sendVerificationCode(this.form.phone).then(\n          (response) => {\n            this.phoneToVerify = response.data.phone;\n            this.$bvModal.show('verify-phone');\n            this.onCancelChanges();\n            this.$emit(\"update\", false);\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.$emit(\"update\", false);\n          }\n        )\n      },\n      onHaveCode() {\n        this.phoneToVerify = null;\n        this.$bvModal.show('verify-phone');\n      },\n      closeModal(arg) {\n        if (arg) {\n          this.userContacts.phone = arg.phone;\n          this.userContacts.sms = arg.sendSms;\n          this.form.phone = arg.phone;\n          this.form.sms = arg.sendSms;\n          this.phoneBasicNumber = arg.phone;\n          this.isPhoneVerified = true;\n        }\n        this.$bvModal.hide('verify-phone');\n      },\n      updatePhoneNumber() {\n        this.isLoading = true;\n        this.error = null;\n        updatePhoneWithoutVerification(this.form.phone).then(\n          (response) => {\n            this.$store.dispatch(\"auth/setUserPhone\", response.data.phone);\n            this.isLoading = false;\n            this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_update));\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isLoading = false;\n          }\n        )\n\n      },\n      updateSms(checked) {\n        this.isUpdatingSms = true;\n        updateSms(this.form).then(\n          (response) => {\n            this.userContacts.sms = response.data.sms;\n            this.$store.dispatch(\"auth/setUserSms\", response.data.sms);\n            this.isUpdatingSms = false;\n          },\n          (error) => {\n            this.form.sms = !this.form.sms;\n            this.isUpdatingSms = false;\n            this.handleApiError(error);\n          }\n        )\n      },\n      getAllowedCountries() {\n        this.isLoadingCountries = true;\n        getAllowedMobileCountries().then(\n          (response) => {\n            this.allowedCountries = response.data.countries;\n            this.isLoadingCountries = false;\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isLoadingCountries = false;\n          }\n        )\n      }\n    },\n    created() {\n      this.getAllowedCountries();\n      this.userContacts = this.$store.getters[\"auth/userPersonalContacts\"];\n      this.getEditableData();\n    },\n  }\n</script>\n\n<style>\n  @import '../../../assets/css/vue-phone-number-input.css';\n\n  .input-tel__input {\n    border-radius: 0 !important;\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonalContacts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonalContacts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PersonalContacts.vue?vue&type=template&id=4e867bac&\"\nimport script from \"./PersonalContacts.vue?vue&type=script&lang=js&\"\nexport * from \"./PersonalContacts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PersonalContacts.vue?vue&type=style&index=0&id=4e867bac&prod&lang=css&\"\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","<template>\n  <AppSection\n    id=\"profile\"\n    :title=\"$t($getConst.pages.settings.profile)\"\n    type=\"page\"\n    :is-section-loading=\"isUpdating\"\n  >\n    <AppSection\n      id=\"personal-details\"\n      :title=\"$t($getConst.pages.personalDetails.personalDetails)\"\n      class=\"mb-3\"\n    >\n      <b-row>\n        <b-col md=\"6\">\n          <b-form-group id=\"firstname\" :label=\"$t($getConst.pages.personalDetails.first_name)\" label-for=\"firstname-input\">\n            <b-form-input\n              id=\"firstname-input\"\n              disabled\n              :value=\"userDetails.firstName\"\n              class=\"text-capitalize\"\n              size=\"lg\"\n              required\n            ></b-form-input>\n          </b-form-group>\n        </b-col>\n        <b-col md=\"6\">\n          <b-form-group id=\"lastName\" :label=\"$t($getConst.pages.personalDetails.last_name)\" label-for=\"lastName-input\">\n            <b-form-input\n              id=\"lastName-input\"\n              disabled\n              :value=\"userDetails.lastName\"\n              class=\"text-capitalize\"\n              size=\"lg\"\n              required\n            ></b-form-input>\n          </b-form-group>\n        </b-col>\n        <b-col md=\"6\">\n          <b-form-group id=\"language\" :label=\"$t(this.$getConst.pages.personalDetails.preferredLanguage)\" label-for=\"language-input\">\n            <multiselect\n              v-model=\"$v.form.language.$model\"\n              :class=\"{ 'is-invalid': $v.form.language.$error }\"\n              track-by=\"id\"\n              label=\"name\"\n              :disabled=\"$store.getters['auth/isLoggedAs'] || isUpdating\"\n              :placeholder=\"$t(this.$getConst.pages.form.select_option)\"\n              :allow-empty=\"false\"\n              :options=\"languages\"\n              @select=\"changeLanguage\"\n            >\n              <template slot=\"singleLabel\" slot-scope=\"props\">\n                <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n                {{$t(props.option.name) | capitalize}}\n              </template>\n              <template slot=\"option\" slot-scope=\"props\">\n                <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n                {{$t(props.option.name.toLowerCase()) | capitalize}}\n              </template>\n              <span slot=\"noResult\">{{$t($getConst.pages.alerts.no_results_found)}}</span>\n            </multiselect>\n            <AppFormFeedback :errors=\"$v.form.language\"/>\n          </b-form-group>\n        </b-col>\n      </b-row>\n    </AppSection>\n\n    <PersonalContacts @update=\"(arg) => this.isUpdating = arg\"/>\n  </AppSection>\n</template>\n\n<script>\n  import AppSection from \"../../../components/common/sections/AppSection\";\n  import AppFormFeedback from \"../../../components/common/form/AppFormFeedback\";\n  import AppConfirmButtons from \"../../../components/common/utils/AppConfirmButtons\";\n  import {updateMyLanguage} from \"../../../api/user.api\";\n  import {getAllLanguages} from \"../../../api/languages.api\";\n  import {required} from \"vuelidate/lib/validators\";\n  import PersonalContacts from \"./PersonalContacts\";\n\n  export default {\n    name: \"index\",\n    components: {PersonalContacts, AppConfirmButtons, AppFormFeedback, AppSection},\n    data() {\n      return {\n        form: {\n          language: null\n        },\n        userDetails: null,\n        languages: [],\n        isUpdating: false\n      }\n    },\n    validations: {\n      form: {\n        language: {required}\n      },\n    },\n    methods: {\n      changeLanguage() {\n        this.isUpdating = true;\n        updateMyLanguage(this.form).then(\n          (response) => {\n            this.isUpdating = false;\n            this.userDetails = response.data;\n            this.$i18n.locale = this.form.language.code;\n            this.$store.commit(\"auth/setUserPersonalDetails\", response.data);\n            this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_update));\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.form.language = this.userDetails.language;\n            this.isUpdating = false;\n          }\n        )\n      },\n      getAllLanguages() {\n        getAllLanguages(false).then(\n          (response) => {\n            this.languages = response.data;\n          },\n          (error) => {\n            this.handleApiError(error);\n          }\n        )\n      },\n      getEditableData() {\n        this.form = {\n          language: this.userDetails.language,\n        }\n      },\n    },\n    created() {\n      this.userDetails = this.$store.getters[\"auth/userPersonalDetails\"];\n      this.getEditableData();\n      this.getAllLanguages();\n    }\n  }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=05cc6496&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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  \"05cc6496\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":_vm.id}},[_vm._t(\"title\",function(){return [_c('div',{staticClass:\"pb-1 mb-4 d-flex justify-content-between align-items-sm-end\",class:{'border-bottom': !_vm.noTitleBorder}},[_c('AppTitle',{attrs:{\"title\":_vm.title,\"type\":_vm.type,\"no-border\":_vm.noTitleBorder}}),_vm._t(\"secondButton\",function(){return [(_vm.secondButton)?_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\"}],staticClass:\"ml-auto\",attrs:{\"variant\":_vm.secondButtonVariant,\"disabled\":_vm.secondButtonDisabled,\"title\":_vm.secondButtonTooltip},on:{\"click\":function($event){return _vm.$emit('onClickSecondButton')}}},[(_vm.secondButtonIcon)?_c('i',{class:[{'mr-2': _vm.secondButtonText}, _vm.secondButtonIcon]}):_vm._e(),(_vm.secondButtonIconSvg)?_c('AppSvgIcon',{attrs:{\"icon\":_vm.secondButtonIconSvg}}):_vm._e(),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.secondButtonText)))+\"\\n        \")],1):_vm._e()]}),_vm._t(\"thirdButton\",function(){return [(_vm.thirdButton)?_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\"}],attrs:{\"variant\":_vm.thirdButtonVariant,\"disabled\":_vm.thirdButtonDisabled,\"title\":_vm.thirdButtonTooltip},on:{\"click\":function($event){return _vm.$emit('onClickThirdButton')}}},[_c('i',{class:_vm.$getConst.icons.delete})]):_vm._e()]}),_vm._t(\"firstButton\",function(){return [(_vm.button)?_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\"}],class:{'ml-3' : _vm.secondButton , 'ml-auto': !_vm.secondButton},attrs:{\"variant\":_vm.buttonVariant,\"size\":_vm.buttonSize,\"title\":_vm.firstButtonTooltip,\"disabled\":_vm.buttonDisabled},on:{\"click\":function($event){return _vm.$emit('onClick')}}},[(_vm.buttonIcon)?_c('i',{class:[{'mr-2': _vm.buttonText}, _vm.buttonIcon]}):_vm._e(),(_vm.buttonIconSvg)?_c('AppSvgIcon',{attrs:{\"icon\":_vm.buttonIconSvg}}):_vm._e(),_vm._v(\"\\n          \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.buttonText)))+\"\\n        \")],1):_vm._e()]}),(_vm.language)?_vm._t(\"language\",function(){return [_c('lang-flag',{staticClass:\"lx ml-auto\",attrs:{\"iso\":_vm.languageCode,\"squared\":false}}),_c('AppTitle',{staticStyle:{\"margin-top\":\"8px\"},attrs:{\"title\":_vm.languageName,\"type\":\"sub-section-2\",\"no-border\":false}})]}):_vm._e(),_c('div',{staticClass:\"float-right\"},[(_vm.checkBox)?_c('b-form-checkbox',{staticClass:\"d-inline\",attrs:{\"switch\":\"\",\"size\":\"lg\"},on:{\"change\":function($event){return _vm.$emit('onChangeCheckBox', _vm.checked)}},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:\"checked\"}}):_vm._e()],1)],2)]}),_c('b-overlay',{style:({minHeight: _vm.setMinHeight ? '10rem': 'auto'}),attrs:{\"show\":_vm.isSectionLoading,\"rounded\":\"lg\"},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('AppSpinner',{staticClass:\"text-secondary mx-auto\",attrs:{\"size\":\"8\"}})]},proxy:true}])},[_vm._t(\"default\")],2)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.type === 'page')?_c('h2',{staticClass:\"mb-0 text-primary text-uppercase font-weight-bold\"},[_vm._v(\"\\n  \"+_vm._s(_vm.$t(_vm.title))+\"\\n\")]):(_vm.type === 'section')?_c('h3',{staticClass:\"mb-0 text-secondary font-weight-bold\"},[_vm._v(\"\\n  \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.title)))+\"\\n\")]):(_vm.type === 'sub-section-1')?_c('h4',{staticClass:\"mb-0 text-dark font-weight-bold\"},[_vm._v(\"\\n  \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.title)))+\"\\n\")]):(_vm.type === 'sub-section-2')?_c('h5',{staticClass:\"mb-0 text-dark\"},[_vm._v(\"\\n  \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.title)))+\"\\n\")]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <h2\n    v-if=\"type === 'page'\"\n    class=\"mb-0 text-primary text-uppercase font-weight-bold\"\n  >\n    {{$t(title)}}\n  </h2>\n  <h3\n    v-else-if=\"type === 'section'\"\n    class=\"mb-0 text-secondary font-weight-bold\"\n  >\n    {{$t(title) | capitalize}}\n  </h3>\n  <h4\n    v-else-if=\"type === 'sub-section-1'\"\n    class=\"mb-0 text-dark font-weight-bold\"\n  >\n    {{$t(title) | capitalize}}\n  </h4>\n  <h5\n    v-else-if=\"type === 'sub-section-2'\"\n    class=\"mb-0 text-dark\"\n  >\n    {{$t(title) | capitalize}}\n  </h5>\n</template>\n\n<script>\n  export default {\n    name: \"AppTitle\",\n    props: {\n      title: {\n        type: String,\n        required: true\n      },\n      type: {\n        type: String,\n        default: 'section',\n        validator: function (value) {\n          return ['page', 'section', 'sub-section-1', 'sub-section-2'].indexOf(value) !== -1\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .border-bottom {\n    border-bottom: 1px solid rgba(0,0,0,.25) !important;\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppTitle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppTitle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppTitle.vue?vue&type=template&id=6b64e3f5&scoped=true&\"\nimport script from \"./AppTitle.vue?vue&type=script&lang=js&\"\nexport * from \"./AppTitle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppTitle.vue?vue&type=style&index=0&id=6b64e3f5&prod&scoped=true&lang=css&\"\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  \"6b64e3f5\",\n  null\n  \n)\n\nexport default component.exports","<template>\n\n  <div :id=\"id\">\n    <slot name=\"title\">\n      <div\n        :class=\"{'border-bottom': !noTitleBorder}\"\n        class=\"pb-1 mb-4 d-flex justify-content-between align-items-sm-end\"\n      >\n        <AppTitle :title=\"title\" :type=\"type\" :no-border=\"noTitleBorder\"/>\n        <slot name=\"secondButton\">\n          <b-button\n            v-if=\"secondButton\"\n            class=\"ml-auto\"\n            :variant=\"secondButtonVariant\"\n            @click=\"$emit('onClickSecondButton')\"\n            :disabled=\"secondButtonDisabled\"\n            v-b-tooltip\n            :title=\"secondButtonTooltip\"\n          >\n            <i v-if=\"secondButtonIcon\" :class=\"[{'mr-2': secondButtonText}, secondButtonIcon]\"></i>\n            <AppSvgIcon v-if=\"secondButtonIconSvg\" :icon=\"secondButtonIconSvg\"></AppSvgIcon>\n            {{$t(secondButtonText) | capitalize}}\n          </b-button>\n        </slot>\n        <slot name=\"thirdButton\" >\n          <b-button\n            v-if=\"thirdButton\"\n            :variant=\"thirdButtonVariant\"\n            :disabled=\"thirdButtonDisabled\"\n            v-b-tooltip\n            :title=\"thirdButtonTooltip\"\n            @click=\"$emit('onClickThirdButton')\"\n          >\n            <i  :class=\"$getConst.icons.delete\"></i>\n          </b-button>\n        </slot>\n        <slot name=\"firstButton\">\n          <b-button\n            v-if=\"button\"\n            :class=\"{'ml-3' : secondButton , 'ml-auto': !secondButton}\"\n            :variant=\"buttonVariant\"\n            @click=\"$emit('onClick')\"\n            :size=\"buttonSize\"\n            v-b-tooltip\n            :title=\"firstButtonTooltip\"\n            :disabled=\"buttonDisabled\"\n          >\n            <i v-if=\"buttonIcon\" :class=\"[{'mr-2': buttonText}, buttonIcon]\"></i>\n            <AppSvgIcon v-if=\"buttonIconSvg\" :icon=\"buttonIconSvg\"></AppSvgIcon>\n            {{$t(buttonText) | capitalize}}\n          </b-button>\n        </slot>\n\n        <slot name=\"language\" v-if=\"language\">\n          <lang-flag :iso=\"languageCode\" :squared=\"false\" class=\"lx ml-auto\"/>\n          <AppTitle :title=\"languageName\" type=\"sub-section-2\" :no-border=\"false\" style=\"margin-top: 8px;\"/>\n\n        </slot>\n        <div class=\"float-right\">\n\n          <b-form-checkbox v-if=\"checkBox\" class=\"d-inline\" switch v-model=\"checked\" size=\"lg\" @change=\"$emit('onChangeCheckBox', checked)\">\n\n          </b-form-checkbox>\n\n        </div>\n      </div>\n    </slot>\n    <b-overlay :show=\"isSectionLoading\" rounded=\"lg\" :style=\"{minHeight: setMinHeight ? '10rem': 'auto'}\">\n      <template #overlay>\n        <AppSpinner class=\"text-secondary mx-auto\" size=\"8\"/>\n      </template>\n      <slot></slot>\n    </b-overlay>\n  </div>\n\n</template>\n\n<script>\n  import AppTitle from \"./AppTitle\";\n  import AppSpinner from \"../utils/AppSpinner\";\n\n  export default {\n    name: \"AppSection\",\n    components: {AppSpinner, AppTitle},\n    props: {\n      isSectionLoading: {\n        type: Boolean,\n        default: false\n      },\n      id: {\n        type: String,\n        required: true\n      },\n      title: {\n        type: String,\n        required: true\n      },\n      type: {\n        type: String,\n        default: 'section',\n        validator: function (value) {\n          return ['page', 'section', 'sub-section-1', 'sub-section-2'].indexOf(value) !== -1\n        }\n      },\n      noTitleBorder: {\n        type: Boolean,\n        default: false\n      },\n      button: {\n        type: Boolean,\n        default: false\n      },\n      buttonText: {\n        type: String,\n        default: ''\n      },\n\n      buttonVariant: {\n        type: String,\n        default: 'secondary'\n      },\n      buttonIcon: {\n        type: String,\n        default: ''\n      },\n\n      buttonIconSvg: {\n        type: String,\n        default: ''\n      },\n      language: {\n        type: Boolean,\n        default: false\n      },\n      languageCode: {\n        type: String,\n        default: ''\n      },\n      languageName: {\n        type: String,\n        default: ''\n      },\n      setMinHeight: {\n        type: Boolean,\n        default: true\n      },\n      checkBox: {\n        type: Boolean,\n        default: false\n      },\n      checkBoxModel: {\n        default: '',\n      },\n\n      secondButton: {\n        type: Boolean,\n        default: false\n      },\n      secondButtonText: {\n        type: String,\n        default: ''\n      },\n\n      secondButtonVariant: {\n        type: String,\n        default: 'secondary'\n      },\n      secondButtonIcon: {\n        type: String,\n        default: ''\n      },\n\n      secondButtonIconSvg: {\n        type: String,\n        default: ''\n      },\n\n      buttonSize: {\n        type: String,\n        default: 'md'\n      },\n\n      firstButtonTooltip: {\n        type: String,\n        default: ''\n      },\n\n      buttonDisabled: {\n        type: Boolean,\n        default: false\n      },\n\n      secondButtonDisabled: {\n        type: Boolean,\n        default: false\n      },\n\n      secondButtonTooltip: {\n        type: String,\n        default: ''\n      },\n      thirdButton: {\n        type: Boolean,\n        default: false,\n      },\n      thirdButtonVariant: {\n        type: String,\n        default: 'danger'\n      },\n      thirdButtonIcon: {\n        type: String,\n        default: ''\n      },\n      thirdButtonText: {\n        type: String,\n        default: 'Click'\n      },\n      thirdButtonDisabled: {\n        type: Boolean,\n        default: false\n      },\n      thirdButtonTooltip: {\n        type: String,\n        default: 'Delete items'\n      },\n\n    },\n    data() {\n      return {\n        checked: this.checkBoxModel\n      }\n    },\n  }\n</script>\n\n<style>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppSection.vue?vue&type=template&id=b3291ef0&\"\nimport script from \"./AppSection.vue?vue&type=script&lang=js&\"\nexport * from \"./AppSection.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppTitle.vue?vue&type=style&index=0&id=6b64e3f5&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PersonalContacts.vue?vue&type=style&index=0&id=4e867bac&prod&lang=css&\""],"sourceRoot":""}