{"version":3,"sources":["webpack:///./src/components/common/modals/AppModal.vue?0495","webpack:///src/components/common/modals/AppModal.vue","webpack:///./src/components/common/modals/AppModal.vue?9185","webpack:///./src/components/common/modals/AppModal.vue","webpack:///./src/pages/profile/personal_details/index.vue?e2a0","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue?0597","webpack:///./src/pages/profile/personal_details/VerificationModal.vue?e732","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","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","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","webpack:///./src/components/common/sections/AppSection.vue?4768","webpack:///./src/components/common/sections/AppTitle.vue?5cd9","webpack:///src/components/common/sections/AppTitle.vue","webpack:///./src/components/common/sections/AppTitle.vue?2168","webpack:///./src/components/common/sections/AppTitle.vue","webpack:///src/components/common/sections/AppSection.vue","webpack:///./src/components/common/sections/AppSection.vue?3735","webpack:///./src/components/common/sections/AppSection.vue","webpack:///./src/pages/profile/personal_details/PersonalContacts.vue?584d","webpack:///./src/components/common/sections/AppTitle.vue?dcff"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","size","closeOnBackdrop","_t","staticRenderFns","component","this$1","$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","props","option","code","_v","_s","_f","name","toLowerCase","model","value","callback","$$v","$set","expression","slot","alerts","no_results_found","arg","personal_contacts_title","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","isLoading","updatePhoneNumber","isFreelancer","button","save","validPhoneNumber","required","phone_field_error","accept_sms_text","updateSms","enable_sms_description","phoneToVerify","closeModal","proxy","verification_code_description","error","length","$invalid","updatePhone","noTitleBorder","title","type","directives","rawName","secondButtonVariant","secondButtonDisabled","secondButtonTooltip","$event","$emit","secondButtonText","secondButtonIcon","secondButtonIconSvg","thirdButtonVariant","thirdButtonDisabled","thirdButtonTooltip","delete","secondButton","buttonVariant","buttonSize","firstButtonTooltip","buttonDisabled","buttonText","buttonIcon","buttonIconSvg","languageCode","languageName","checked","style","minHeight","setMinHeight","isSectionLoading"],"mappings":"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","file":"js/chunk-1a5c5436.b0e04eaa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)])}\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 () {\nvar this$1 = this;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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\":function (arg) { return this$1.isUpdating = arg; }}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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}])})}\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&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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":_vm.id}},[_vm._t(\"title\",[_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\",[(_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\",[(_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\",[(_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\",[_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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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()}\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&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!./PersonalContacts.vue?vue&type=style&index=0&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!./AppTitle.vue?vue&type=style&index=0&id=6b64e3f5&scoped=true&lang=css&\""],"sourceRoot":""}