{"version":3,"sources":["webpack:///./src/components/page-header-custom.vue","webpack:///src/components/page-header-custom.vue","webpack:///./src/components/page-header-custom.vue?bde1","webpack:///./src/components/page-header-custom.vue?189e","webpack:///./src/views/pages/account/profile/user-change-password.vue?a0f9","webpack:///./src/views/pages/account/profile/user-change-password.vue","webpack:///src/views/pages/account/profile/user-change-password.vue","webpack:///./src/views/pages/account/profile/user-change-password.vue?552d","webpack:///./src/views/pages/account/profile/user-change-password.vue?22f3"],"names":["render","_vm","this","_c","_self","staticClass","backButton","attrs","on","goBack","_e","items","_v","_s","title","staticRenderFns","components","props","type","String","default","Array","prev","Object","Boolean","methods","$router","go","error","component","breadCrumbs","name","params","ref","scopedSlots","_u","key","fn","handleSubmit","reset","$event","preventDefault","requestChangePassword","apply","arguments","validationContext","getValidationState","isCurrentPasswordForceInvalid","model","value","currentPassword","callback","$$v","expression","class","click","isShowNewPassword","proxy","showPasswordVerification","hidePasswordVerification","newPassword","isPasswordVerificationActive","green","validationData","oneCapital","grey","oneNumber","oneLower","oneSymbol","eightCharacter","isShowConfirmNewPassword","confirmNewPassword","errors","changePassword","data","isShowError","errorMessage","isRequestLoading","isNewPasswordForceInvalid","Layout","PageHeader","computed","layoutComputed","match","length","mounted","changeBreadCrumb","text","to","layoutMethods","authMethods","togglePasswordVisibility","dirty","validated","valid","fieldName","validationResult","$refs","observer","validate","$nextTick","document","querySelector","scrollIntoView","block","behavior","changeUserPassword","then","status","toastData","message","push","query","catch","errorCode","currentPass","$toast","showToast","newPassX"],"mappings":"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","file":"js/chunk-5b359589.7d26c123.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-8\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center\"},[(_vm.backButton)?_c('button',{staticClass:\"btn btn-primary btn-sm me-4\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.goBack}},[_c('svg',{staticClass:\"bi bi-arrow-left\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"}})])]):_vm._e(),_c('b-breadcrumb',{staticClass:\"m-0 text-capitalize\",attrs:{\"items\":_vm.items}})],1)]),_c('div',{staticClass:\"col-4\"},[_c('h4',{staticClass:\"mb-0 font-size-18 float-end\"},[_vm._v(_vm._s(_vm.title))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n/**\n * Page-header compponent\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return []\n      },\n    },\n    prev: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    backButton: {\n      type: Boolean,\n      default: () => {\n        return true;\n      }\n    }\n  },\n  methods: {\n    goBack(){\n      try {\n        console.log(\"Go back\",JSON.stringify(this.prev));\n        // this.$router.push(\n        //   this.$route.query.redirectFrom || {\n        //     name: this.prev.name, params: this.prev.params\n        //   }\n        // );\n        this.$router.go(-1);\n      } catch (error) {\n        console.log(\"Can't go back\", error);\n      }\n    }\n  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div class=\"page-title-box d-flex align-items-center\">\n        <button type=\"button\" class=\"btn btn-primary btn-sm me-4\" @click=\"goBack\" v-if=\"backButton\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-arrow-left\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"/>\n          </svg>\n        </button>\n        <b-breadcrumb :items=\"items\" class=\"m-0 text-capitalize\"></b-breadcrumb>\n      </div>\n    </div>\n    <div class=\"col-4\">\n      <h4 class=\"mb-0 font-size-18 float-end\">{{ title }}</h4>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\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!./page-header-custom.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!./page-header-custom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header-custom.vue?vue&type=template&id=1de31342&\"\nimport script from \"./page-header-custom.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header-custom.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./user-change-password.vue?vue&type=style&index=0&id=5361a79a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.breadCrumbs,\"prev\":{name:'browse-space',params:{}}}}),_c('p',[_vm._v(\"The user profile is a collection of settings and information associated with you and your business. It includes critical information such as user details, business details, and business address.\")]),_c('div',{staticClass:\"card custom-style\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"mb-4 box-title\"},[_vm._v(\"Change Password\")]),_c('ValidationObserver',{ref:\"observer\",scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit, reset }){return [_c('b-form',{ref:\"changePassForm\",on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.requestChangePassword)},\"reset\":function($event){$event.preventDefault();return reset.apply(null, arguments)}}},[_c('b-form-group',{staticClass:\"mb-4\"},[_c('label',[_vm._v(\"Your Current Password\")]),_c('validation-provider',{ref:\"currentPass\",attrs:{\"name\":\"password\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-input-group',[_c('b-form-input',{attrs:{\"state\":_vm.getValidationState(validationContext, 'currentPassword'),\"placeholder\":\"Enter Your Current Password\",\"type\":\"password\",\"trim\":\"\"},on:{\"focusin\":function($event){_vm.isCurrentPasswordForceInvalid = false}},model:{value:(_vm.currentPassword),callback:function ($$v) {_vm.currentPassword=$$v},expression:\"currentPassword\"}})],1)]}}],null,true)})],1),_c('b-form-group',{staticClass:\"mb-4\"},[_c('label',[_vm._v(\"New Password\")]),_c('validation-provider',{ref:\"newPassX\",attrs:{\"name\":\"newPassword\",\"rules\":\"required|verify_password\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-input-group',{scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('b-input-group-text',{staticClass:\"toggle-password\",class:{\n                            'input-text-red':\n                              _vm.getValidationState(validationContext) === false,\n                            'input-text-green':\n                              _vm.getValidationState(validationContext) === true,\n                          },on:{\"click\":() => (_vm.isShowNewPassword = !_vm.isShowNewPassword)}},[_vm._v(\"  \"),_c('i',{staticClass:\"far\",class:{\n                              'fa-eye': _vm.isShowNewPassword,\n                              'fa-eye-slash': !_vm.isShowNewPassword,\n                            }})])]},proxy:true}],null,true)},[_c('b-form-input',{staticClass:\"mb-2 no-border-right\",attrs:{\"state\":_vm.getValidationState(validationContext, 'newPassword'),\"placeholder\":\"Enter New Password\",\"name\":\"newPassword\",\"type\":_vm.isShowNewPassword ? 'text' : 'password',\"trim\":\"\"},on:{\"focusin\":_vm.showPasswordVerification,\"focusout\":_vm.hidePasswordVerification},model:{value:(_vm.newPassword),callback:function ($$v) {_vm.newPassword=$$v},expression:\"newPassword\"}})],1),(_vm.isPasswordVerificationActive)?_c('div',{staticClass:\"password-verification\"},[_c('div',{staticClass:\"mb-1\"},[_vm._v(\"Password must include:\")]),_c('b-row',[_c('b-col',{class:{ green: _vm.validationData.oneCapital },attrs:{\"cols\":\"4\"}},[_c('i',{staticClass:\"fas fa-check-circle\",class:{ grey: !_vm.validationData.oneCapital }}),_vm._v(\" Atleast 1 capital letter \")]),_c('b-col',{class:{ green: _vm.validationData.oneNumber },attrs:{\"cols\":\"4\"}},[_c('i',{staticClass:\"fas fa-check-circle\",class:{ grey: !_vm.validationData.oneNumber }}),_vm._v(\" Atleast 1 number \")]),_c('b-col',{attrs:{\"cols\":\"4\"}}),_c('b-col',{class:{ green: _vm.validationData.oneLower },attrs:{\"cols\":\"4\"}},[_c('i',{staticClass:\"fas fa-check-circle\",class:{ grey: !_vm.validationData.oneLower }}),_vm._v(\" Atleast 1 lower letter \")]),_c('b-col',{class:{ green: _vm.validationData.oneSymbol },attrs:{\"cols\":\"5\"}},[_c('i',{staticClass:\"fas fa-check-circle\",class:{ grey: !_vm.validationData.oneSymbol }}),_vm._v(\" Atleast 1 symbol (ex: ?@#) \")]),_c('b-col',{attrs:{\"cols\":\"3\"}}),_c('b-col',{class:{ green: _vm.validationData.eightCharacter },attrs:{\"cols\":\"4\"}},[_c('i',{staticClass:\"fas fa-check-circle\",class:{ grey: !_vm.validationData.eightCharacter }}),_vm._v(\" Atleast 8 characters \")]),_c('b-col',{attrs:{\"cols\":\"4\"}}),_c('b-col',{attrs:{\"cols\":\"4\"}})],1)],1):_vm._e()]}}],null,true)})],1),_c('b-form-group',{staticClass:\"mb-4\"},[_c('label',[_vm._v(\"Confirm New Password\")]),_c('validation-provider',{ref:\"confirmNewPass\",attrs:{\"name\":\"confirm new password\",\"rules\":\"required|confirmed:newPassword\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-input-group',{scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('b-input-group-text',{staticClass:\"toggle-password\",class:{\n                            'input-text-red':\n                              _vm.getValidationState(validationContext) === false,\n                            'input-text-green':\n                              _vm.getValidationState(validationContext) === true,\n                          },on:{\"click\":() => (_vm.isShowConfirmNewPassword = !_vm.isShowConfirmNewPassword)}},[_vm._v(\"  \"),_c('i',{staticClass:\"far\",class:{\n                              'fa-eye': _vm.isShowConfirmNewPassword,\n                              'fa-eye-slash': !_vm.isShowConfirmNewPassword,\n                            }})])]},proxy:true}],null,true)},[_c('b-form-input',{staticClass:\"mb-2 no-border-right\",attrs:{\"state\":_vm.getValidationState(validationContext),\"placeholder\":\"Confirm New Password\",\"type\":_vm.isShowConfirmNewPassword ? 'text' : 'password',\"trim\":\"\"},model:{value:(_vm.confirmNewPassword),callback:function ($$v) {_vm.confirmNewPassword=$$v},expression:\"confirmNewPassword\"}})],1),_c('span',{staticClass:\"custom-invalid-feedback\"},[_vm._v(_vm._s(validationContext.errors[0]))])]}}],null,true)})],1),_c('div',{staticClass:\"text-end\"},[_c('div',{staticClass:\"d-flex justify-content-md-end justify-content-lg-end\"},[_c('router-link',{attrs:{\"to\":\"/pages/profile\"}},[_c('button',{staticClass:\"btn btn-secondary me-3\",attrs:{\"type\":\"button\"}},[_vm._v(\" Cancel \")])]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.changePassword}},[_c('i',{staticClass:\"fa fa-save mx-1\"}),_vm._v(\" Save Changes \")])],1)])],1)]}}])})],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <Layout>\n        <PageHeader :title=\"title\" :items=\"breadCrumbs\" :prev=\"{name:'browse-space',params:{}}\"/>\n        <p>The user profile is a collection of settings and information associated with you and your business. It includes critical information such as user details, business details, and business address.</p>\n        <div class=\"card custom-style\">\n            <div class=\"card-body\">\n                <div class=\"row\">\n                    <div class=\"mb-4 box-title\">Change Password</div>\n                    <ValidationObserver v-slot=\"{ handleSubmit, reset }\" ref=\"observer\">\n                        <b-form ref=\"changePassForm\" @submit.prevent=\"handleSubmit(requestChangePassword)\" @reset.prevent=\"reset\">\n                            <b-form-group class=\"mb-4\">\n                                <label>Your Current Password</label>\n                                <validation-provider name=\"password\" rules=\"required\" v-slot=\"validationContext\" ref=\"currentPass\">\n                                    <b-input-group>\n                                        <b-form-input @focusin=\"isCurrentPasswordForceInvalid = false\" :state=\"getValidationState(validationContext, 'currentPassword')\" placeholder=\"Enter Your Current Password\" v-model=\"currentPassword\" type=\"password\" trim></b-form-input>\n                                    </b-input-group>\n                                </validation-provider>\n                            </b-form-group>\n                            <b-form-group class=\"mb-4\">\n                                <label>New Password</label>\n                                <validation-provider name=\"newPassword\" rules=\"required|verify_password\" v-slot=\"validationContext\" ref=\"newPassX\">\n                                    <b-input-group>\n                                        <template #append>\n                                            <b-input-group-text class=\"toggle-password\" :class=\"{\n                                'input-text-red':\n                                  getValidationState(validationContext) === false,\n                                'input-text-green':\n                                  getValidationState(validationContext) === true,\n                              }\" @click=\"() => (isShowNewPassword = !isShowNewPassword)\">&nbsp; <i class=\"far\" :class=\"{\n                                  'fa-eye': isShowNewPassword,\n                                  'fa-eye-slash': !isShowNewPassword,\n                                }\"></i>\n                                            </b-input-group-text>\n                                        </template>\n                                        <b-form-input \n                                          class=\"mb-2 no-border-right\" \n                                          :state=\"getValidationState(validationContext, 'newPassword')\" \n                                          placeholder=\"Enter New Password\" \n                                          name=\"newPassword\" \n                                          v-model=\"newPassword\" \n                                          :type=\"isShowNewPassword ? 'text' : 'password'\" \n                                          @focusin=\"showPasswordVerification\"\n                                          @focusout=\"hidePasswordVerification\"\n                                          trim\n                                          ></b-form-input>\n                                    </b-input-group>\n                                     <div class=\"password-verification\" v-if=\"isPasswordVerificationActive\">\n                                        <div class=\"mb-1\">Password must include:</div>\n                                        <b-row>\n                                            <b-col :class=\"{ green: validationData.oneCapital }\" cols=\"4\">\n                                                <i :class=\"{ grey: !validationData.oneCapital }\" class=\"fas fa-check-circle\"></i> Atleast 1 capital letter\n                                            </b-col>\n                                            <b-col :class=\"{ green: validationData.oneNumber }\" cols=\"4\">\n                                                <i :class=\"{ grey: !validationData.oneNumber }\" class=\"fas fa-check-circle\"></i> Atleast 1 number\n                                            </b-col>\n                                            <b-col cols=\"4\"></b-col>\n                                            <b-col :class=\"{ green: validationData.oneLower }\" cols=\"4\">\n                                                <i :class=\"{ grey: !validationData.oneLower }\" class=\"fas fa-check-circle\"></i> Atleast 1 lower letter\n                                            </b-col>\n                                            <b-col :class=\"{ green: validationData.oneSymbol }\" cols=\"5\">\n                                                <i :class=\"{ grey: !validationData.oneSymbol }\" class=\"fas fa-check-circle\"></i> Atleast 1 symbol (ex: ?@#)\n                                            </b-col>\n                                            <b-col cols=\"3\"></b-col>\n                                            <b-col :class=\"{ green: validationData.eightCharacter }\" cols=\"4\">\n                                                <i :class=\"{ grey: !validationData.eightCharacter }\" class=\"fas fa-check-circle\"></i> Atleast 8 characters\n                                            </b-col>\n                                            <b-col cols=\"4\"></b-col>\n                                            <b-col cols=\"4\"></b-col>\n                                        </b-row>\n                                    </div>\n                                </validation-provider>\n                            </b-form-group>\n                            <b-form-group class=\"mb-4\">\n                                <label>Confirm New Password</label>\n                                <validation-provider name=\"confirm new password\" rules=\"required|confirmed:newPassword\" v-slot=\"validationContext\" ref=\"confirmNewPass\">\n                                    <b-input-group>\n                                        <template #append>\n                                            <b-input-group-text class=\"toggle-password\" :class=\"{\n                                'input-text-red':\n                                  getValidationState(validationContext) === false,\n                                'input-text-green':\n                                  getValidationState(validationContext) === true,\n                              }\" @click=\"() => (isShowConfirmNewPassword = !isShowConfirmNewPassword)\">&nbsp; <i class=\"far\" :class=\"{\n                                  'fa-eye': isShowConfirmNewPassword,\n                                  'fa-eye-slash': !isShowConfirmNewPassword,\n                                }\"></i>\n                                            </b-input-group-text>\n                                        </template>\n                                        <b-form-input class=\"mb-2 no-border-right\"  :state=\"getValidationState(validationContext)\" placeholder=\"Confirm New Password\" v-model=\"confirmNewPassword\" :type=\"isShowConfirmNewPassword ? 'text' : 'password'\" trim></b-form-input>\n                                            \n                                    </b-input-group> \n                                    <span class=\"custom-invalid-feedback\">{{ validationContext.errors[0] }}</span> \n                                </validation-provider>\n                            </b-form-group>\n\n                            <div class=\"text-end\"> <!-- Add text-end class to right-align -->\n                                <div class=\"d-flex justify-content-md-end justify-content-lg-end\">\n                                    <router-link to=\"/pages/profile\">\n                                        <button class=\"btn btn-secondary me-3\" type=\"button\">\n                                            Cancel\n                                        </button>\n                                    </router-link>\n                                    <button class=\"btn btn-primary\" type=\"button\" @click=\"changePassword\">\n                                        <i class=\"fa fa-save mx-1\"></i> Save Changes\n                                    </button>\n                                </div>\n                            </div>\n                        </b-form>\n                    </ValidationObserver>\n                </div>\n            </div>\n        </div>\n    </Layout>\n</template>\n<script scoped>\n    import Layout from \"../../../layouts/main.vue\";\n    import PageHeader from '@/components/page-header-custom.vue';\n    import {\n        authMethods,\n        layoutMethods,\n        layoutComputed\n\n    } from \"@/state/helpers\";\n\n    export default {\n        data() {\n            return {\n                title: \"User Profile\",\n                // Show Password Variables\n                isShowNewPassword: false,\n                isShowConfirmNewPassword: false,\n                // Some error variables\n                isShowError: false,\n                errorMessage: null,\n                isRequestLoading: false,\n                newPassword: null,\n                currentPassword: null,\n                confirmNewPassword: null,\n                isPasswordVerificationActive: false,\n                isCurrentPasswordForceInvalid: false,\n                isNewPasswordForceInvalid: false\n            };\n        },\n        components: {\n            Layout,\n            PageHeader\n        },\n        computed: {\n          ...layoutComputed,\n            validationData() {\n                var validationData = {\n                    oneCapital: this.newPassword && this.newPassword.match(/[A-Z]/),\n                    oneNumber: this.newPassword && this.newPassword.match(/[0-9]/),\n                    oneLower: this.newPassword && this.newPassword.match(/[a-z]/),\n                    oneSymbol: this.newPassword &&\n                        //eslint-disable-next-line\n                        this.newPassword.match(/[`!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?~]/),\n                    eightCharacter: this.newPassword && this.newPassword.length >= 8,\n                };\n                return validationData;\n            },\n        },\n        mounted() {\n          this.changeBreadCrumb({\n            breadCrumbs: [\n                { text: \"User Profile\", to: { name: \"profile\" } },\n                { text: 'Edit Profile', to: { name: 'edit-profile'} },\n                { text: 'Change Password', to: { name: 'edit-profile-password'} }\n            ],\n        });\n        },\n        methods: {\n            ...layoutMethods,\n            ...authMethods,\n            togglePasswordVisibility() {\n              this.isShowNewPassword = !this.isShowNewPassword;\n            },\n            showPasswordVerification() {\n                this.isNewPasswordForceInvalid = false\n                this.isPasswordVerificationActive = true;\n            },\n            hidePasswordVerification() {\n              if (this.newPassword === '') {\n                this.isPasswordVerificationActive = false;\n              }\n            },\n\n            getValidationState({ dirty, validated, valid = null }, fieldName) {\n                if (this.isCurrentPasswordForceInvalid && fieldName == 'currentPassword' || this.isNewPasswordForceInvalid && fieldName == 'newPassword') {\n                  return false; // Set the validation state to false to show as invalid\n                }\n                return dirty || validated ? valid : null;\n            },\n            async changePassword() {\n              try {\n\n                // Lets revalidate the forms \n                const validationResult = await this.$refs.observer.validate();\n                \n                // If theres validation error now we'll scroll the view to the error (User friend leetsg)\n                if (!validationResult) {\n\n                    // This will scroll to errors \n                    this.$nextTick(() => {\n                        // We querySelect with .is-invalid class \n                        document.querySelector('.is-invalid').scrollIntoView({block: \"center\", behavior: \"smooth\"})\n                    });\n                    return;\n                }\n\n                await this.changeUserPassword({ currentPassword: this.currentPassword, newPassword: this.newPassword }).then(data => {\n                  if (data.status == 'ok') {\n                    let toastData = {\n                      type: 'success',\n                      title: 'Success!',\n                      message:  data.message\n                    }\n                    this.$router.push({ name: 'profile' , query: { toastData: toastData } });\n                  }\n                }).catch(error => {\n                    console.log(\"result: \", error);\n                    if(error.errorCode == 'NotAuthorizedException')\n                    {\n                      this.isCurrentPasswordForceInvalid = true;\n                      this.$refs.currentPass.validate();\n                      this.$nextTick(() => {\n                          document.querySelector('.is-invalid').scrollIntoView({block: \"center\", behavior: \"smooth\"})\n                      });\n                      this.$toast.showToast('danger', \"Failed!\", error.message);\n                    }\n                    else if(error.errorCode == 'OldPasswordMatchesException')\n                    {\n                        this.isNewPasswordForceInvalid = true;\n                        this.$refs.newPassX.validate();\n                        this.$nextTick(() => {\n                            document.querySelector('.is-invalid').scrollIntoView({block: \"center\", behavior: \"smooth\"})\n                        });\n                        this.$toast.showToast('danger', \"Failed!\", error.message);\n                    }\n                    else \n                    {\n                      this.$toast.showToast('danger', \"Failed!\", error.message);\n                    }\n                });\n                \n              \n              } catch (error) { \n                console.log(\"An error occurred: \", error);\n                this.$toast.showToast('danger', \"Error\", error.message);\n              }\n            },\n        },\n    };\n</script>\n<style scoped>\n    .password-verification {\n        font-size: 11px;\n        font-weight: 500;\n    }\n   \n\n    .custom-style {\n        max-width: 615px;\n        /* Set maximum width */\n        width: 100%;\n        /* Take up available width up to the maximum */\n        height: auto;\n        /* Automatically adjust height based on content */\n        padding: 24px 20px;\n        border-radius: 8px;\n        gap: 24px;\n    }\n\n    .no-border-right {\n        border-right: none;\n    }\n\n    .input-text-green {\n        border-color: #51d28c;\n    }\n\n    .input-text-red {\n        border-color: #f34e4e;\n    }\n\n    .toggle-password {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        cursor: pointer;\n        background: none;\n        color: #e1e1e1;\n    }\n    .custom-invalid-feedback {\n        width: 100%;\n        margin-top: 0.25rem;\n        font-size: 87.5%;\n        color: #f34e4e;\n    }\n\n   \n   \n</style>","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!./user-change-password.vue?vue&type=script&scoped=true&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!./user-change-password.vue?vue&type=script&scoped=true&lang=js&\"","import { render, staticRenderFns } from \"./user-change-password.vue?vue&type=template&id=5361a79a&scoped=true&\"\nimport script from \"./user-change-password.vue?vue&type=script&scoped=true&lang=js&\"\nexport * from \"./user-change-password.vue?vue&type=script&scoped=true&lang=js&\"\nimport style0 from \"./user-change-password.vue?vue&type=style&index=0&id=5361a79a&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5361a79a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}