{"version":3,"sources":["webpack:///./src/views/dashboard-new/pages/change-password.vue","webpack:///./src/views/dashboard-new/pages/change-password.vue?63b7"],"names":["class","clas","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_toDisplayString","_ctx","$t","_hoisted_6","_hoisted_7","_hoisted_8","_createVNode","_component_Form","onSubmit","_cache","$event","$options","submit","ref","_$setup$store$custome","_hoisted_9","_hoisted_10","_hoisted_11","_component_Field","type","$data","showPassword","name","placeholder","password","rules","_component_vue_feather","onClick","_component_ErrorMessage","_hoisted_12","_hoisted_13","retypePassword","_hoisted_14","_normalizeClass","$setup","store","customerDetail","readOnly","setup","myStore","components","Form","Field","ErrorMessage","data","oldPassword","upperCaseOk","numberOk","SpecialCharOk","letterOk","validPassword","watch","val","upperCase","RegExp","numbers","letter","specialcharacter","match","this","length","methods","formdata","changePassword","then","$refs","form","resetForm","created","__exports__","render"],"mappings":"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","file":"js/chunk-2d21d6d5.a07a3ab4.js","sourcesContent":["<template>\n\t<div class=\"col-12 col-lg-9\">\n        <section class=\"userSteps bg-white boxed max-1085 p-md-5\">\n            <div clas=\"row\">\n                <div class=\"col-12 mb-4 pb-1\">\n                    <h4 class=\"mb-0\">{{$t('change_password.change_passwordtitle')}}</h4>\n                    <p class=\"f-14 mb-0\">{{$t('change_password.change_passwordcontent10')}}</p>\n                </div>\n            </div>\n            <div class=\"vuewFullSocialFeed myPost row largeInput\">\n                <div class=\"col-12 col-md-6\">\n                    <Form @submit=\"submit()\" ref=\"form\">\n                        <!-- <div class=\"form-group mb-5\">\n                            <Field type=\"password\" class=\"form-control\" name=\"Old Password\" placeholder=\"Old password\" v-model=\"oldPassword\" rules=\"required|min:8\"/>\n                            <ErrorMessage class=\"text-danger f-12\" name=\"Old Password\" />\n                        </div> -->\n                        <div class=\"mb-3\">\n                            <div class=\"form-group mb-1\">\n                                <div class=\"position-relative\">\n                                    <Field :type=\"showPassword ? 'text' : 'password'\" class=\"form-control\" name=\"Password\" :placeholder=\"$t('change_password.change_passwordcontent9')\" v-model=\"password\" rules=\"required|min:2\"/>\n                                    <vue-feather :type=\"showPassword ? 'eye' : 'eye-off'\" class=\"position-absolute eye pointer searchIcon me-2 searchIcon-auto d-flex\" @click=\"showPassword = !showPassword\"></vue-feather>\n                                </div>\n                                <ErrorMessage class=\"text-danger f-12\" name=\"Password\" />\n                            </div>\n                            <!-- <div class=\"d-flex align-items-center justify-content-end\" :class=\"(!validPassword && password) ? 'orange' : (validPassword && password) ? 'green' : ''\">\n                                    <p class=\"f-10 mb-0\">{{$t('change_password.change_passwordcontent1')}} </p>\n                                    <div class=\"tooltipbutton\">\n                                        <span class=\"tooltiptext\">\n                                            <div class=\"strenghtPassword m-0\">\n                                                <ul class=\"passwordStrenth mb-0\">\n                                                    <li :class=\"(upperCaseOk) ? 'green' : 'red'\">{{$t('change_password.change_passwordcontent2')}}</li>\n                                                    <li :class=\"(password.length >= 8) ? 'green' : 'red'\">{{$t('change_password.change_passwordcontent3')}} </li>\n                                                    <li :class=\"(numberOk) ? 'green' : 'red'\">{{$t('change_password.change_passwordcontent4')}} </li>\n                                                    <li :class=\"(letterOk) ? 'green' : 'red'\">{{$t('change_password.change_passwordcontent5')}} </li>\n                                                    <li :class=\"(SpecialCharOk) ? 'green' : 'red'\">{{$t('change_password.change_passwordcontent6')}} </li>\n                                                </ul>\n                                            </div>\n                                        </span>\n                                        <vue-feather class=\"mx-1 alertType\" :type=\"(!validPassword && password) ? 'alert-circle' : (validPassword && password) ? 'check-circle' : 'alert-circle'\" size=\"18\"></vue-feather>\n                                    </div>\n                                    <span class=\"barPass\"></span>\n                            </div> -->\n                        </div>\n                        <div class=\"form-group\">\n                            <div class=\"position-relative\">\n                                <Field type=\"password\" class=\"form-control\" name=\"Retype password\" v-model=\"retypePassword\" :placeholder=\"$t('change_password.change_passwordcontent8')\"  rules=\"required|confirmed:@Password\"/>\n                                <!-- <vue-feather type=\"eye\" class=\"position-absolute eye pointer searchIcon me-2 searchIcon-auto d-flex\"></vue-feather> -->\n                            </div>\n                            <ErrorMessage class=\"text-danger f-12\" name=\"Retype password\" />\n                        </div>\n                        <div class=\"mt-4 border-0\">\n                            <button type=\"submit\" class=\"button fillBtn zulu_btn d-flex px-md-5\"  :class=\"{'disabled' : store.customerDetail?.readOnly}\">{{$t('change_password.change_passwordcontent7')}}</button>\n                        </div>\n                    </Form>\n                </div>\n            </div>\n        </section>\n\t</div>\n</template>\n<script>\n    import { myStore } from \"@/store/pinia-store\";\n    import { Form, Field, ErrorMessage } from \"vee-validate\";\n    export default {\n        setup() {\n            const store = myStore();\n            return { store };\n        },\n        components: { Form, Field, ErrorMessage },\n        data(){\n            return {\n                oldPassword: '',\n                password: '',\n                retypePassword: '',\n                upperCaseOk : false,\n                numberOk : false,\n                SpecialCharOk : false,\n                letterOk : '',\n                validPassword : false,\n                showPassword: false\n            }\n        },\n        watch: {\n            \"password\": function (val) {\n                let upperCase = new RegExp(\"[A-Z]\"),\n                numbers = new RegExp(\"[0-9]\"),\n                letter = new RegExp(\"[A-Za-z]\"),\n                specialcharacter = new RegExp(\"[!,%,&,@,#,$,^,*,?,_,~,/]\");\n                if (val.match(upperCase)) {\n                    this.upperCaseOk = true\n                }else{\n                    this.upperCaseOk = false\n                }\n                if(val.match(numbers)){\n                    this.numberOk = true\n                }else{\n                    this.numberOk = false\n                }\n                if (val.match(letter)) {\n                    this.letterOk = true;\n                } else {\n                    this.letterOk = false;\n                }\n                if (val.match(specialcharacter)) {\n                    this.SpecialCharOk = true;\n                } else {\n                    this.SpecialCharOk = false;\n                }\n                if(this.upperCaseOk && this.numberOk && this.SpecialCharOk && val.length >= 8 && this.letterOk){\n                    this.validPassword = true\n                }else{\n                    this.validPassword = false\n                }\n\n            }\n        },\n        methods: {\n            submit(){\n                let formdata = {}\n                formdata['newPassword'] = this.password\n                this.store.changePassword(formdata,false).then(()=>{\n                    this.$refs.form.resetForm();\n                })\n            },\n        },\n        created() {\n            \n        },\n   \n    };\n</script>","import { render } from \"./change-password.vue?vue&type=template&id=467f378b\"\nimport script from \"./change-password.vue?vue&type=script&lang=js\"\nexport * from \"./change-password.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}