{"version":3,"sources":["webpack:///./src/views/RegionalManager/Profile/index.vue?aa73","webpack:///src/views/RegionalManager/Profile/index.vue","webpack:///./src/views/RegionalManager/Profile/index.vue?12fc","webpack:///./src/views/RegionalManager/Profile/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","$t","attrs","userName","userDetails","email","ref","directives","name","rawName","value","expression","emailDisabled","domProps","on","$event","target","composing","captureEvents","fnDisabled","firstName","activateFNInput","staticStyle","lnDisabled","lastName","activateLNInput","phoneDisabled","phone","activatePhoneInput","isButtonDisabled","cursor","editForm","captureFormEvents","oldPassword","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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ACAC,oBAEA,qBAGA,yBAOA,OANA,kBACAF,wDACAC,aACAC,oBAEA,qBAGA,2CAOA,OANA,kBACAF,sDACAC,aACAC,oBAEA,qBAGA,OACA5B,6BACAC,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,OACAzC,yBACAI,uBACA4C,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,sBAIAiB,qBAEAjB,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,EACAtF,EACAoD,GACA,EACA,KACA,KACA,MAIa,aAAAkC,E","file":"js/chunk-2d208be0.4e78bac3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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          } ])},[_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' } ]),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' } ]),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)])])])])])}\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/RegionalManager/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=1cd97ce6&\"\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":""}