{"version":3,"sources":["webpack:///./src/views/groupManagement/Profile/index.vue","webpack:///src/views/groupManagement/Profile/index.vue","webpack:///./src/views/groupManagement/Profile/index.vue?6d5f","webpack:///./src/views/groupManagement/Profile/index.vue?488a"],"names":["render","_vm","this","_c","_self","staticClass","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","$t","attrs","require","userName","userDetails","email","ref","directives","name","rawName","value","expression","emailDisabled","domProps","on","$event","target","composing","captureEvents","firstName","fnDisabled","activateFNInput","staticStyle","lastName","lnDisabled","activateLNInput","phone","phoneDisabled","activatePhoneInput","isButtonDisabled","cursor","editForm","oldPassword","captureFormEvents","newPassword","confirmPassword","validateResetForm","staticRenderFns","$","title","components","MasterLayout","data","JSON","formIsValid","disabled","response","showLoader","showConfirmedBanner","showConfirmationLoader","computed","mounted","methods","activateEamilInput","changeRoute","query","id","validEmail","submitPassword","message","type","duration","post","dataToSend","configObject","then","catch","error","phoneNumber","localStorage","window","component"],"mappings":"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,qBAGA,yBAOA,OANA,kBACAF,wDACAC,aACAC,oBAEA,qBAGA,2CAOA,OANA,kBACAF,sDACAC,aACAC,oBAEA,qBAGA,OACA7B,6BACAE,6BACAC,sCAEA,yBACAG,4BACA,WACAwB,KACA,4CACAC,EACAC,qBAEAC,KAAAnB,IACAR,4BACA,yBACA,gBACA,kBACAqB,uDACAC,eACAC,iBAGAK,MAAAC,IACA7B,4BACA,yBACA,kBACAqB,gCACAC,aACAC,kBAIA9B,YAEA,GADAhB,oBACA,eAOA,OANA,kBACA4C,gDACAC,aACAC,oBAEA,qBAGA,kBAOA,OANA,kBACAF,+CACAC,aACAC,oBAEA,qBAGA,eAOA,OANA,kBACAF,mDACAC,aACAC,oBAEA,qBAGA,8CAOA,OANA,kBACAF,gDACAC,aACAC,oBAEA,qBAGA,eAOA,OANA,kBACAF,4CACAC,aACAC,oBAEA,qBAIA,OACA1C,yBACAI,uBACA6C,uBACA/D,kBAEA,yBACAiC,yBACA,WACAwB,KACA,oCACAC,EACAC,qBAEAC,KAAAnB,IACAR,yBACA,yBACA,gBACA,qCACA,uCACA,qCACA,+BACA,mBACA,mBACA,sBACA+B,qEACA,kBACAV,2CACAC,eACAC,eAEAS,2BAEAJ,MAAAC,IACA7B,yBACA,yBACA,kBACAqB,gCACAC,aACAC,kBAIA3C,iBAoDA,GAnDA,0DACA,qBACA,6CAEA,wDACA,qBAEA,iCACA,4CACA,oCACA,wCACA,6BACA,sBAEA,yCACA,yCACA,4BAEA,wDACA,sBAIA,8DACA,qBACA,0CAEA,sCACA,qDACA,sBAEA,yCACA,iCACA,kEACA,sBAGA,6DACA,qBACA,0CAEA,sCACA,uDACA,sBAEA,yCACA,iCACA,oEACA,sBAIAH,8DAEA,uBACA,6CAGA,wDACA,yCACA,wBACA,CACA,GACAA,0BACAA,yBASA,OAPA,6CACA,yCACA,wDACA,yCACA,qCAEA,qBAGA,4CACA,wCACA,6BACA,sBAIAkB,qBAEAlB,gEAEA,qBACA,4DAGA,qDACA,gBACA,sBAEA,2DACA,8DAIAA,gEAEA,qBACA,4DAGA,qDACA,gBACA,sBAEA,2DAEAA,yBACAA,yBACAA,2BAEA,4DACA,wDACA,wDACA,oCAEA,sBAEA,2DACA,+DAKAA,oEAEA,qBACA,gEAGA,yDACA,gBACA,sBAEA,+DACA,yCACA,yDACA,gBACA,gEACA,4DACA,4DACA,wCAGA,+DACA,gEACA,wBAKAqB,qBACArB,mBAEA,yBCjwB6W,I,YCOzWwD,EAAY,eACd,EACArF,EACAmD,GACA,EACA,KACA,KACA,MAIa,aAAAkC,E","file":"js/chunk-2d20884a.dfc68715.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('MasterLayout',[_c('div',{staticClass:\"profile__section__outer_wrapper\"},[_c('div',{staticClass:\"account__header__banner\"},[_c('div',{staticClass:\"account_settings_banner co_dealer_details\",style:([\n          {\n            backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31, 0.7)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"banner__text_section\"},[_c('h3',{staticClass:\"banner__text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cusProfile.accountSettings\"))+\"\\n          \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"account_Settings_profile_details_section_row\"},[_c('div',{staticClass:\"account_Settings_profile_details_section_first_row\"},[_c('img',{staticClass:\"profile__pic\",attrs:{\"src\":require(\"@/assets/img/profile_pic.png\")}})]),_vm._v(\" \"),_c('div',{staticClass:\"account_Settings_profile_details_section_second_row\"},[_c('h5',{staticClass:\"profile__detail__header mt-2\"},[_vm._v(\"\\n            \"+_vm._s(_vm.userName)+\" \"),_c('br'),_vm._v(\" \"),_c('small',[_vm._v(_vm._s(_vm.userDetails.email))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"account_Settings_profile_details_section\"},[_c('div',{staticClass:\"profile__form_section\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 profile__edit_form_section\"},[_c('div',{ref:\"email_div\",staticClass:\"row profile__form_section__row mt-5\"},[_c('div',{staticClass:\"col-md-10 profile__input\"},[_c('h6',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cusProfile.email'),\"disabled\":_vm.emailDisabled ? true : null},domProps:{\"value\":(_vm.email)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.email=$event.target.value},function($event){return _vm.captureEvents($event)}]}})])])]),_vm._v(\" \"),_c('div',{ref:\"email_error\"}),_vm._v(\" \"),_c('div',{ref:\"fn_div\",staticClass:\"row profile__form_section__row mt-5\"},[_c('div',{staticClass:\"col-md-10 profile__input\"},[_c('h6',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cusProfile.firstName'),\"disabled\":_vm.fnDisabled ? true : null},domProps:{\"value\":(_vm.firstName)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.firstName=$event.target.value},function($event){return _vm.captureEvents($event)}],\"click\":_vm.activateFNInput}}),_vm._v(\" \"),_c('span',{staticClass:\"mobile_pencil_icon\"},[_c('img',{staticStyle:{\"cursor\":\"pointer, display:none\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activateFNInput}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('img',{staticClass:\"web_pencil_icon\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activateFNInput}})])]),_vm._v(\" \"),_c('div',{ref:\"fn_error\"}),_vm._v(\" \"),_c('div',{ref:\"ln_error\",staticClass:\"row profile__form_section__row mt-5\"},[_c('div',{staticClass:\"col-md-10 profile__input\"},[_c('h6',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.lastName),expression:\"lastName\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cusProfile.lastName'),\"disabled\":_vm.lnDisabled ? true : null},domProps:{\"value\":(_vm.lastName)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.lastName=$event.target.value},function($event){return _vm.captureEvents($event)}]}}),_vm._v(\" \"),_c('span',[_c('img',{staticClass:\"mobile_pencil_icon\",staticStyle:{\"cursor\":\"pointer, display:none\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activateLNInput}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('img',{staticClass:\"web_pencil_icon\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activateLNInput}})])]),_vm._v(\" \"),_c('div',{ref:\"ln_error\"}),_vm._v(\" \"),_c('div',{ref:\"phone_div\",staticClass:\"row profile__form_section__row mt-5\"},[_c('div',{staticClass:\"col-md-10 profile__input\"},[_c('h6',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phone),expression:\"phone\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.cusProfile.phoneNumber'),\"disabled\":_vm.phoneDisabled ? true : null},domProps:{\"value\":(_vm.phone)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.phone=$event.target.value},function($event){return _vm.captureEvents($event)}]}}),_vm._v(\" \"),_c('span',{staticClass:\"mobile_pencil_icon\"},[_c('img',{staticStyle:{\"cursor\":\"pointer, display:none\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activatePhoneInput}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('img',{staticClass:\"web_pencil_icon\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"src\":require(\"@/assets/img/pencil-3.png\"),\"width\":\"25px\"},on:{\"click\":_vm.activatePhoneInput}})])]),_vm._v(\" \"),_c('div',{ref:\"phone_error\"}),_vm._v(\" \"),_c('div',{staticClass:\"edit_profile_button mt-3 text-center\"},[_c('button',{staticClass:\"save__btn record_expense_btn other_btn_4\",style:([\n                  _vm.isButtonDisabled\n                    ? { cursor: 'not-allowed' }\n                    : { cursor: 'pointer' },\n                ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.editForm($event)}}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cusProfile.editProfile\"))+\" \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 edit_loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 left-section change_password__form__section\"},[_c('transition',{attrs:{\"name\":\"\",\"mode\":\"out-in\",\"appear\":\"\"}},[_c('section',{staticClass:\"profile__change_password_form_section\"},[_c('div',[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\",\"appear\":\"\"}},[_c('h6',{staticClass:\"login_header text-center\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.cusProfile.changeYourPassword\"))+\"\\n                    \")])])],1),_vm._v(\" \"),_c('div',{staticClass:\"form_section mt-3\"},[_c('form',[_c('div',{staticClass:\"form_input_section mt-3\"},[_c('div',{ref:\"old_password_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.oldPassword),expression:\"oldPassword\"}],staticClass:\"form-control\",attrs:{\"type\":\"password\",\"placeholder\":_vm.$t('text.cusProfile.oldPassword')},domProps:{\"value\":(_vm.oldPassword)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.oldPassword=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"old_password_error_message\"})]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{ref:\"new_password_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newPassword),expression:\"newPassword\"}],staticClass:\"form-control\",attrs:{\"type\":\"password\",\"placeholder\":_vm.$t('text.cusProfile.newPassword')},domProps:{\"value\":(_vm.newPassword)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.newPassword=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"new_password_error_message\"}),_vm._v(\" \"),_c('div',{ref:\"invalid_password_format\",staticClass:\"password_error\"},[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.cusProfile.passwordMustContain\")))]),_vm._v(\" \"),_c('ul',[_c('li',[_vm._v(_vm._s(_vm.$t(\"text.cusProfile.oneNumeric\")))]),_vm._v(\" \"),_c('li',[_vm._v(\"\\n                            \"+_vm._s(_vm.$t(\"text.cusProfile.specialCharacter\"))+\"\\n                          \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-4\"},[_c('div',{ref:\"confirm_password_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.confirmPassword),expression:\"confirmPassword\"}],staticClass:\"form-control\",attrs:{\"type\":\"password\",\"placeholder\":_vm.$t('text.cusProfile.confirmPassword')},domProps:{\"value\":(_vm.confirmPassword)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.confirmPassword=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"confirm_password_error_message\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-3\"},[_c('div',{staticClass:\"text-center pay_btn_section\"},[_c('button',{staticClass:\"save__btn record_expense_btn other_btn_4\",style:([\n                            _vm.isButtonDisabled\n                              ? { cursor: 'not-allowed' }\n                              : { cursor: 'pointer' },\n                          ]),attrs:{\"type\":\"submit\",\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":_vm.validateResetForm}},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cusProfile.changePassword\"))+\"\\n                          \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 changePassword\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])])],1)])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"profile__section__outer_wrapper\">\r\n      <div class=\"account__header__banner\">\r\n        <div\r\n          class=\"account_settings_banner co_dealer_details\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31, 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"banner__text_section\">\r\n            <h3 class=\"banner__text\">\r\n              {{ $t(\"text.cusProfile.accountSettings\") }}\r\n            </h3>\r\n          </div>\r\n        </div>\r\n        <div class=\"account_Settings_profile_details_section_row\">\r\n          <div class=\"account_Settings_profile_details_section_first_row\">\r\n            <img src=\"@/assets/img/profile_pic.png\" class=\"profile__pic\" />\r\n          </div>\r\n          <div class=\"account_Settings_profile_details_section_second_row\">\r\n            <h5 class=\"profile__detail__header mt-2\">\r\n              {{ userName }} <br />\r\n              <small>{{ userDetails.email }}</small>\r\n            </h5>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"account_Settings_profile_details_section\">\r\n        <div class=\"profile__form_section\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6 profile__edit_form_section\">\r\n              <div class=\"row profile__form_section__row mt-5\" ref=\"email_div\">\r\n                <div class=\"col-md-10 profile__input\">\r\n                  <h6>\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.cusProfile.email')\"\r\n                      v-model=\"email\"\r\n                      @input=\"captureEvents($event)\"\r\n                      :disabled=\"emailDisabled ? true : null\"\r\n                    />\r\n                    <!-- <span class=\"mobile_pencil_icon\">\r\n                      <img\r\n                        src=\"@/assets/img/pencil-3.png\"\r\n                        width=\"25px\"\r\n                        style=\"cursor: pointer, display:none\"\r\n                        @click=\"activateEamilInput\"\r\n                      />\r\n                    </span> -->\r\n                  </h6>\r\n                </div>\r\n                <!-- <div class=\"col-md-6 profile__input__header\">\r\n                                    <h3>{{userDetails.email.substring(0, 20)}}</h3>\r\n                                </div> -->\r\n                <!-- <div class=\"col-md-2\">\r\n                  <img\r\n                    src=\"@/assets/img/pencil-3.png\"\r\n                    width=\"25px\"\r\n                    style=\"cursor: pointer\"\r\n                    @click=\"activateEamilInput\"\r\n                    class=\"web_pencil_icon\"\r\n                  />\r\n                </div> -->\r\n              </div>\r\n              <div ref=\"email_error\"></div>\r\n              <div class=\"row profile__form_section__row mt-5\" ref=\"fn_div\">\r\n                <div class=\"col-md-10 profile__input\">\r\n                  <h6>\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.cusProfile.firstName')\"\r\n                      v-model=\"firstName\"\r\n                      @input=\"captureEvents($event)\"\r\n                      @click=\"activateFNInput\"\r\n                      :disabled=\"fnDisabled ? true : null\"\r\n                    />\r\n                    <span class=\"mobile_pencil_icon\">\r\n                      <img\r\n                        src=\"@/assets/img/pencil-3.png\"\r\n                        width=\"25px\"\r\n                        style=\"cursor: pointer, display:none\"\r\n                        @click=\"activateFNInput\"\r\n                      />\r\n                    </span>\r\n                  </h6>\r\n                </div>\r\n                <!-- <div class=\"col-md-6 profile__input__header\">\r\n                                        <h3>{{userDetails.firstName}}</h3>\r\n                                    </div> -->\r\n                <div class=\"col-md-2\">\r\n                  <img\r\n                    src=\"@/assets/img/pencil-3.png\"\r\n                    width=\"25px\"\r\n                    style=\"cursor: pointer\"\r\n                    @click=\"activateFNInput\"\r\n                    class=\"web_pencil_icon\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div ref=\"fn_error\"></div>\r\n              <div class=\"row profile__form_section__row mt-5\" ref=\"ln_error\">\r\n                <div class=\"col-md-10 profile__input\">\r\n                  <h6>\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.cusProfile.lastName')\"\r\n                      v-model=\"lastName\"\r\n                      @input=\"captureEvents($event)\"\r\n                      :disabled=\"lnDisabled ? true : null\"\r\n                    />\r\n                    <span>\r\n                      <img\r\n                        src=\"@/assets/img/pencil-3.png\"\r\n                        width=\"25px\"\r\n                        style=\"cursor: pointer, display:none\"\r\n                        @click=\"activateLNInput\"\r\n                        class=\"mobile_pencil_icon\"\r\n                      />\r\n                    </span>\r\n                  </h6>\r\n                </div>\r\n                <!-- <div class=\"col-md-6 profile__input__header\">\r\n                                    <h3>{{userDetails.lastName}}</h3>\r\n                                </div> -->\r\n                <div class=\"col-md-2\">\r\n                  <img\r\n                    src=\"@/assets/img/pencil-3.png\"\r\n                    width=\"25px\"\r\n                    style=\"cursor: pointer\"\r\n                    @click=\"activateLNInput\"\r\n                    class=\"web_pencil_icon\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div ref=\"ln_error\"></div>\r\n              <div class=\"row profile__form_section__row mt-5\" ref=\"phone_div\">\r\n                <div class=\"col-md-10 profile__input\">\r\n                  <h6>\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.cusProfile.phoneNumber')\"\r\n                      v-model=\"phone\"\r\n                      @input=\"captureEvents($event)\"\r\n                      :disabled=\"phoneDisabled ? true : null\"\r\n                    />\r\n                    <span class=\"mobile_pencil_icon\">\r\n                      <img\r\n                        src=\"@/assets/img/pencil-3.png\"\r\n                        width=\"25px\"\r\n                        style=\"cursor: pointer, display:none\"\r\n                        @click=\"activatePhoneInput\"\r\n                      />\r\n                    </span>\r\n                  </h6>\r\n                </div>\r\n                <!-- <div class=\"col-md-6 profile__input__header\">\r\n                                    <h3>{{userDetails.phone}}</h3>\r\n                                </div> -->\r\n                <div class=\"col-md-2\">\r\n                  <img\r\n                    src=\"@/assets/img/pencil-3.png\"\r\n                    width=\"25px\"\r\n                    style=\"cursor: pointer\"\r\n                    @click=\"activatePhoneInput\"\r\n                    class=\"web_pencil_icon\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div ref=\"phone_error\"></div>\r\n              <div class=\"edit_profile_button mt-3 text-center\">\r\n                <button\r\n                  class=\"save__btn record_expense_btn other_btn_4\"\r\n                  @click=\"editForm($event)\"\r\n                  :disabled=\"isButtonDisabled ? true : null\"\r\n                  :style=\"[\r\n                    isButtonDisabled\r\n                      ? { cursor: 'not-allowed' }\r\n                      : { cursor: 'pointer' },\r\n                  ]\"\r\n                >\r\n                  {{ $t(\"text.cusProfile.editProfile\") }} <span></span>\r\n                </button>\r\n                <img\r\n                  src=\"@/assets/img/git_loader.gif\"\r\n                  style=\"display: none\"\r\n                  width=\"35px\"\r\n                  class=\"ml-3 edit_loader\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6 left-section change_password__form__section\">\r\n              <transition name=\"\" mode=\"out-in\" appear>\r\n                <section class=\"profile__change_password_form_section\">\r\n                  <div>\r\n                    <transition name=\"fade\" mode=\"out-in\" appear>\r\n                      <h6 class=\"login_header text-center\">\r\n                        {{ $t(\"text.cusProfile.changeYourPassword\") }}\r\n                      </h6>\r\n                    </transition>\r\n                  </div>\r\n                  <div class=\"form_section mt-3\">\r\n                    <form>\r\n                      <div class=\"form_input_section mt-3\">\r\n                        <!-- <div class=\"input__div\" ref=\"old_password_input_div\">\r\n                          <div class=\"placeholder_div\">\r\n                            <img\r\n                              src=\"@/assets/img/lock.png\"\r\n                              width=\"20px\"\r\n                              class=\"input_placeholder_icon\"\r\n                            />\r\n                          </div>\r\n                          <div class=\"input_field_section\">\r\n                            <input\r\n                              type=\"password\"\r\n                              placeholder=\"Old Password\"\r\n                              v-model=\"oldPassword\"\r\n                              @input=\"captureFormEvents($event)\"\r\n                            />\r\n                          </div>\r\n                        </div> -->\r\n                        <div class=\"input__block\" ref=\"old_password_input_div\">\r\n                          <input\r\n                            type=\"password\"\r\n                            :placeholder=\"$t('text.cusProfile.oldPassword')\"\r\n                            class=\"form-control\"\r\n                            @blur=\"captureFormEvents($event)\"\r\n                            v-model=\"oldPassword\"\r\n                          />\r\n                        </div>\r\n                        <div ref=\"old_password_error_message\"></div>\r\n                      </div>\r\n                      <div class=\"form_input_section mt-4\">\r\n                        <!-- <div class=\"input__div\" ref=\"new_password_input_div\">\r\n                          <div class=\"placeholder_div\">\r\n                            <img\r\n                              src=\"@/assets/img/lock.png\"\r\n                              width=\"20px\"\r\n                              class=\"input_placeholder_icon\"\r\n                            />\r\n                          </div>\r\n                          <div class=\"input_field_section\">\r\n                            <input\r\n                              type=\"password\"\r\n                              placeholder=\"New Password\"\r\n                              v-model=\"newPassword\"\r\n                              @input=\"captureFormEvents($event)\"\r\n                            />\r\n                          </div>\r\n                        </div> -->\r\n                        <div class=\"input__block\" ref=\"new_password_input_div\">\r\n                          <input\r\n                            type=\"password\"\r\n                            :placeholder=\"$t('text.cusProfile.newPassword')\"\r\n                            class=\"form-control\"\r\n                            @blur=\"captureFormEvents($event)\"\r\n                            v-model=\"newPassword\"\r\n                          />\r\n                        </div>\r\n                        <div ref=\"new_password_error_message\"></div>\r\n                        <div\r\n                          ref=\"invalid_password_format\"\r\n                          class=\"password_error\"\r\n                        >\r\n                          <p>{{ $t(\"text.cusProfile.passwordMustContain\") }}</p>\r\n                          <ul>\r\n                            <li>{{ $t(\"text.cusProfile.oneNumeric\") }}</li>\r\n                            <li>\r\n                              {{ $t(\"text.cusProfile.specialCharacter\") }}\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"form_input_section mt-4\">\r\n                        <!-- <div\r\n                          class=\"input__div\"\r\n                          ref=\"confirm_password_input_div\"\r\n                        >\r\n                          <div class=\"placeholder_div\">\r\n                            <img\r\n                              src=\"@/assets/img/lock.png\"\r\n                              width=\"20px\"\r\n                              class=\"input_placeholder_icon\"\r\n                            />\r\n                          </div>\r\n                          <div class=\"input_field_section\">\r\n                            <input\r\n                              type=\"password\"\r\n                              placeholder=\"Confirm Password\"\r\n                              v-model=\"confirmPassword\"\r\n                              @input=\"captureFormEvents($event)\"\r\n                            />\r\n                          </div>\r\n                        </div> -->\r\n                        <div\r\n                          class=\"input__block\"\r\n                          ref=\"confirm_password_input_div\"\r\n                        >\r\n                          <input\r\n                            type=\"password\"\r\n                            :placeholder=\"$t('text.cusProfile.confirmPassword')\"\r\n                            class=\"form-control\"\r\n                            @blur=\"captureFormEvents($event)\"\r\n                            v-model=\"confirmPassword\"\r\n                          />\r\n                        </div>\r\n                        <div ref=\"confirm_password_error_message\"></div>\r\n                        <!-- <div\r\n                          ref=\"invalid_password_format\"\r\n                          class=\"password_error\"\r\n                        >\r\n                          <p>{{$t('text.cusProfile.passwordMustContain')}}</p>\r\n                          <ul>\r\n                            <li>{{$t('text.cusProfile.oneNumeric')}}</li>\r\n                            <li>O{{$t('text.cusProfile.specialCharacter')}}</li>\r\n                          </ul>\r\n                        </div> -->\r\n                      </div>\r\n                      <div class=\"text-center mt-3\">\r\n                        <div class=\"text-center pay_btn_section\">\r\n                          <button\r\n                            class=\"save__btn record_expense_btn other_btn_4\"\r\n                            type=\"submit\"\r\n                            @click=\"validateResetForm\"\r\n                            :disabled=\"isButtonDisabled ? true : null\"\r\n                            :style=\"[\r\n                              isButtonDisabled\r\n                                ? { cursor: 'not-allowed' }\r\n                                : { cursor: 'pointer' },\r\n                            ]\"\r\n                          >\r\n                            {{ $t(\"text.cusProfile.changePassword\") }}\r\n                            <span></span>\r\n                          </button>\r\n                          <img\r\n                            src=\"@/assets/img/git_loader.gif\"\r\n                            style=\"display: none\"\r\n                            width=\"35px\"\r\n                            class=\"ml-3 changePassword\"\r\n                          />\r\n                        </div>\r\n                        <!-- <button type=\"submit\" class=\"btn btn-primary submit_btn\"  @click=\"validateLoginForm\" :disabled=\"formIsValid  ? false : true\" \r\n                                                :style= \"[formIsValid ? {cursor: 'pointer'} : {cursor: 'not-allowed'}]\">SIGN IN</button> -->\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                </section>\r\n              </transition>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/groupManagement/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/profile_banner.png\";\r\nimport configObject from \"@/config\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Profle:: Epump Portal\",\r\n  name: \"Profile\",\r\n  components: {\r\n    MasterLayout,\r\n  },\r\n  data() {\r\n    return {\r\n      backgroundUrl,\r\n      isButtonDisabled: null,\r\n      userDetails: localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n        : null,\r\n      formIsValid: null,\r\n      disabled: true,\r\n      oldPassword: null,\r\n      newPassword: \"\",\r\n      confirmPassword: null,\r\n      response: null,\r\n      showLoader: null,\r\n      showConfirmedBanner: true,\r\n      showConfirmationLoader: null,\r\n      phone: null,\r\n      firstName: null,\r\n      email: null,\r\n      lastName: null,\r\n      emailDisabled: true,\r\n      fnDisabled: true,\r\n      lnDisabled: true,\r\n      phoneDisabled: true,\r\n    };\r\n  },\r\n  computed: {\r\n    userName() {\r\n      if (localStorage.getItem(\"userDetails\")) {\r\n        return this.userDetails.firstName + \"  \" + this.userDetails.lastName;\r\n      } else {\r\n        return null;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.phone = this.userDetails.phone;\r\n    this.firstName = this.userDetails.firstName;\r\n    this.email = this.userDetails.email;\r\n    this.lastName = this.userDetails.lastName;\r\n  },\r\n  methods: {\r\n    activateEamilInput() {\r\n      this.emailDisabled = true;\r\n    },\r\n    activateFNInput() {\r\n      this.fnDisabled = false;\r\n    },\r\n    activateLNInput() {\r\n      this.lnDisabled = false;\r\n    },\r\n    activatePhoneInput() {\r\n      this.phoneDisabled = false;\r\n    },\r\n    changeRoute(routeName, id) {\r\n      this.$router.push({ name: routeName, query: { id: id } });\r\n    },\r\n    validEmail(email) {\r\n      var re =\r\n        /^[a-z][a-zA-Z0-9_.]*(\\.[a-zA-Z][a-zA-Z0-9_.]*)?@[a-z][a-zA-Z-0-9]*\\.[a-z]+(\\.[a-z]+)?$/;\r\n      return re.test(email);\r\n    },\r\n    submitPassword() {\r\n      if (!this.oldPassword) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cusProfile.oldPasswordMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.newPassword) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cusProfile.newPasswordMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (\r\n        (this.newPassword.length > 0 && this.newPassword.length < 6) ||\r\n        this.newPassword.length > 100\r\n      ) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cusProfile.newPasswordShort\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.confirmPassword) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cusProfile.confirmPasswordError\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (this.newPassword !== this.confirmPassword) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.cusProfile.passwordsDontMatch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      let dataToSend = {\r\n        oldPassword: this.oldPassword,\r\n        newPassword: this.newPassword,\r\n        confirmPassword: this.confirmPassword,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".changePassword\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Account/ChangePassword`,\r\n          dataToSend,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          $(\".changePassword\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.response = response;\r\n          this.$toast.open({\r\n            message: this.$t(\"text.cusProfile.successfullyChanged\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          $(\".changePassword\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n    editForm($event) {\r\n      $event.preventDefault();\r\n      if (!this.firstName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.firstNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.lastName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.lastNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.phone) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.contactPhoneMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (this.phone.length < 10 || this.phone.length > 13) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.shortPhoneNumber\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n      if (!this.email) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.emailMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        this.formIsValid = false;\r\n        return;\r\n      }\r\n\r\n      let dataToSend = {\r\n        firstName: this.firstName,\r\n        lastName: this.lastName,\r\n        phoneNumber: this.phone,\r\n        email: this.email,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".edit_loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Account/Update`,\r\n          dataToSend,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          $(\".edit_loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.response = response;\r\n          this.userDetails.phone = dataToSend.phoneNumber;\r\n          this.userDetails.firstName = dataToSend.firstName;\r\n          this.userDetails.lastName = dataToSend.lastName;\r\n          this.userDetails.email = dataToSend.email;\r\n          this.fnDisabled = true;\r\n          this.lnDisabled = true;\r\n          this.phoneDisabled = true;\r\n          localStorage.setItem(\"userDetails\", JSON.stringify(this.userDetails));\r\n          this.$toast.open({\r\n            message: this.$t(\"text.cusProfile.updated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          window.location.reload();\r\n        })\r\n        .catch((error) => {\r\n          $(\".edit_loader\").hide();\r\n          this.isButtonDisabled = false;\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        });\r\n    },\r\n    captureEvents($event) {\r\n      if ($event.target.placeholder === this.$t(\"text.cusProfile.email\")) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.email_error.style.display = \"block\";\r\n          // this.$refs.email_error.innerHTML = \"Password field cannot be blank\";\r\n          this.$refs.email_div.style.borderBottom = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (this.validEmail($event.target.value)) {\r\n            this.$refs.email_error.style.display = \"none\";\r\n            this.$refs.email_error.innerHTML = \"\";\r\n            this.$refs.email_div.style.borderBottom =\r\n              \"1px solid rgb(75, 44, 114)\";\r\n            this.formIsValid = true;\r\n          } else {\r\n            this.$refs.email_error.style.color = \"red\";\r\n            this.$refs.email_error.innerHTML = this.$t(\r\n              \"text.errors.invalidEmail\"\r\n            );\r\n            this.$refs.email_div.style.borderBottom = \"1px solid red\";\r\n            this.formIsValid = false;\r\n          }\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t(\"text.cusProfile.firstName\")) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.fn_error.style.display = \"block\";\r\n          // this.$refs.fn_error.innerHTML = \"Firstname field cannot be blank\";\r\n          this.$refs.fn_error.style.color = \"red\";\r\n          this.$refs.fn_div.style.borderBottom = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.fn_error.style.display = \"none\";\r\n          this.$refs.fn_error.innerHTML = \"\";\r\n          this.$refs.fn_div.style.borderBottom = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === this.$t(\"text.cusProfile.lastName\")) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.ln_error.style.display = \"block\";\r\n          // this.$refs.ln_error.innerHTML = \"Lastname field cannot be blank\";\r\n          this.$refs.ln_error.style.color = \"red\";\r\n          this.$refs.ln_error.style.borderBottom = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.ln_error.style.display = \"none\";\r\n          this.$refs.ln_error.innerHTML = \"\";\r\n          this.$refs.ln_error.style.borderBottom = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.cusProfile.phoneNumber\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.phone_error.style.display = \"block\";\r\n          // this.$refs.phone_error.innerHTML =\r\n          //   \"Phone Number field cannot be blank\";\r\n          this.$refs.phone_div.style.borderBottom = \"1px solid red\";\r\n          this.$refs.phone_error.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (\r\n            $event.target.value.length < 10 ||\r\n            $event.target.value.length > 13\r\n          ) {\r\n            this.$refs.phone_error.style.display = \"block\";\r\n            this.$refs.phone_error.style.color = \"red\";\r\n            this.$refs.phone_div.style.borderBottom = \"1px solid red\";\r\n            this.$refs.phone_error.innerHTML = this.$t(\r\n              \"text.errors.shortPhoneNumber\"\r\n            );\r\n            this.formIsValid = false;\r\n            return;\r\n          }\r\n          this.$refs.phone_error.style.display = \"none\";\r\n          this.$refs.phone_div.style.borderBottom =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n    },\r\n    captureFormEvents($event) {\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.cusProfile.oldPassword\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.old_password_error_message.style.display = \"block\";\r\n          // this.$refs.old_password_error_message.innerHTML =\r\n          //   \"Password field cannot be blank\";\r\n          this.$refs.old_password_input_div.style.borderBottom =\r\n            \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.old_password_error_message.style.display = \"none\";\r\n          this.$refs.old_password_input_div.style.borderBottom = \"none\";\r\n        }\r\n      }\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.cusProfile.newPassword\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.new_password_error_message.style.display = \"block\";\r\n          // this.$refs.new_password_error_message.innerHTML =\r\n          //   \"Password field cannot be blank\";\r\n          this.$refs.new_password_input_div.style.borderBottom =\r\n            \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.old_password_error_message.style.display = \"none\";\r\n          if (\r\n            ($event.target.value.length > 0 &&\r\n              $event.target.value.length < 6) ||\r\n            $event.target.value.length > 100\r\n          ) {\r\n            this.$refs.new_password_error_message.style.display = \"block\";\r\n            this.$refs.new_password_error_message.style.color = \"red\";\r\n            this.$refs.new_password_error_message.innerHTML = this.$t(\r\n              \"text.cusProfile.newPasswordShort\"\r\n            );\r\n            this.formIsValid = false;\r\n          } else {\r\n            this.$refs.new_password_error_message.style.display = \"none\";\r\n            this.$refs.new_password_input_div.style.borderBottom = \"none\";\r\n          }\r\n        }\r\n      }\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.cusProfile.confirmPassword\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.confirm_password_error_message.style.display = \"block\";\r\n          // this.$refs.confirm_password_error_message.innerHTML =\r\n          //   \"Password field cannot be blank\";\r\n          this.$refs.confirm_password_input_div.style.borderBottom =\r\n            \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.confirm_password_error_message.style.display = \"none\";\r\n          if (this.newPassword !== this.confirmPassword) {\r\n            this.$refs.confirm_password_input_div.style.borderBottom =\r\n              \"1px solid red\";\r\n            this.$refs.confirm_password_error_message.style.display = \"block\";\r\n            this.$refs.confirm_password_error_message.style.color = \"red\";\r\n            this.$refs.confirm_password_error_message.innerHTML = this.$t(\r\n              \"text.cusProfile.passwordsDontMatch\"\r\n            );\r\n          } else {\r\n            this.$refs.confirm_password_error_message.style.display = \"none\";\r\n            this.$refs.confirm_password_input_div.style.borderBottom = \"none\";\r\n            this.formIsValid = true;\r\n          }\r\n        }\r\n      }\r\n    },\r\n    validateResetForm($event) {\r\n      $event.preventDefault();\r\n\r\n      this.submitPassword();\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=57c23c7e&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}