{"version":3,"sources":["webpack:///./src/views/app/profile/ChangePassword.vue","webpack:///./src/views/app/profile/change-password.logic.js","webpack:///./src/views/app/profile/ChangePassword.vue?a153"],"names":["_createBlock","_component_Form","ref","e","_ctx","refs","form","layout","_createVNode","_component_TemplateBuilder","rowProp","data","useForm","fields","callMeChangePassword","store","dispatch","oldPassword","presentPassword","newPassword","onClickChangePassword","validate","then","setIsLoadingApp","modelRef","finally","catch","error","validateError","createForm","confirmPassword","createRules","required","same","i18n","global","t","createField","dirty","key","visible","colProp","xs","formItemProp","labelCol","md","wrapperCol","inputRender","field","placeholder","label","_Input","Password","value","onBlur","initForm","props","rules","createUseForm","defineComponent","components","Form","_Form","TemplateBuilder","defineAsyncComponent","id","setup","reactive","gutter","onSubmit","__exports__","render"],"mappings":"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","file":"js/chunk-2d0d03eb.65b3e41ecf3231bb2dde.js","sourcesContent":["<template>\n    <Form :ref=\"(e) => (refs.form = e)\" layout=\"horizontal\">\n        <TemplateBuilder :rowProp=\"data.rowProp\" :useForm=\"data.useForm\" :fields=\"data.fields\"></TemplateBuilder>\n    </Form>\n</template>\n\n<script>\nimport { Form } from \"ant-design-vue\";\nimport { defineAsyncComponent, defineComponent, reactive } from \"vue\";\nimport { initForm, onClickChangePassword } from \"./change-password.logic\";\n\nexport default defineComponent({\n    components: {\n        Form,\n        TemplateBuilder: defineAsyncComponent(() => import(\"../../../components/input/template-builder/TemplateBuilder\")),\n    },\n    props: {\n        id: {},\n    },\n    setup(props) {\n        const data = reactive({ rowProp: { gutter: 24 } });\n        const refs = reactive({ form: null });\n        initForm({ props, data, refs });\n        const onSubmit = () => onClickChangePassword({ props, data, refs });\n        return { props, data, refs, onSubmit };\n    },\n});\n</script>","import i18n from \"../../../i18n\"\nimport { required, same, validateError } from \"../../../utils/validate\"\nimport { useForm as createUseForm } from \"@ant-design-vue/use\";\nimport { setIsLoading as setIsLoadingApp } from '../../../app.logic'\nimport store from '../../../store'\nimport { Input } from 'ant-design-vue'\n\nexport const callMeChangePassword = ({ form }) => store.dispatch(`resource/v1/security/user/meChangePassword`, { data: { oldPassword: form.presentPassword, newPassword: form.newPassword } })\n\nexport const onClickChangePassword = ({ data }) => {\n    return data.useForm\n        .validate()\n        .then(() => {\n            setIsLoadingApp(true)\n            return callMeChangePassword({ form: data.useForm.modelRef })\n                .finally(() => setIsLoadingApp(false))\n        })\n        .catch((error) => {\n            validateError({ error })\n            throw error\n        });\n}\n\nexport const createForm = () => {\n    return {\n        presentPassword: null,\n        newPassword: null,\n        confirmPassword: null,\n    }\n}\n\nexport const createRules = ({ data }) => {\n    return {\n        presentPassword: [required],\n        newPassword: [required],\n        confirmPassword: [required, same(data.form, 'newPassword', i18n.global.t('views.changePassword.newPassword'), i18n.global.t('views.changePassword.confirmPassword'))],\n    }\n}\n\nexport const createField = ({ data }) => {\n    const dirty = {}\n    const { useForm } = data\n    const { modelRef } = useForm\n    return [\n        {\n            key: 'presentPassword',\n            visible: () => true,\n            colProp: () => ({ xs: 24 }),\n            formItemProp: () => ({ labelCol: { xs: 24, md: 9 }, wrapperCol: { xs: 24, md: 15 } }),\n            inputRender: ({ field }) => {\n                const placeholder = field.label()\n                return <Input.Password value={modelRef.presentPassword} onUpdate:value={value => modelRef.presentPassword = value} placeholder={placeholder}></Input.Password>\n            },\n            label: () => i18n.global.t('views.changePassword.presentPassword'),\n        },\n        {\n            key: 'newPassword',\n            visible: () => true,\n            colProp: () => ({ xs: 24 }),\n            formItemProp: () => ({ labelCol: { xs: 24, md: 9 }, wrapperCol: { xs: 24, md: 15 } }),\n            inputRender: ({ field }) => {\n                const placeholder = field.label()\n                const onBlur = () => {\n                    if (dirty['confirmPassword']) {\n                        useForm.validate('confirmPassword').catch(() => { })\n                    }\n                    useForm.validate('newPassword').catch(() => { })\n                }\n                return <Input.Password value={modelRef.newPassword} onUpdate:value={value => modelRef.newPassword = value} onBlur={onBlur} placeholder={placeholder}></Input.Password>\n            },\n            label: () => i18n.global.t('views.changePassword.newPassword'),\n        },\n        {\n            key: 'confirmPassword',\n            visible: () => true,\n            colProp: () => ({ xs: 24 }),\n            formItemProp: () => ({ labelCol: { xs: 24, md: 9 }, wrapperCol: { xs: 24, md: 15 } }),\n            inputRender: ({ field }) => {\n                const placeholder = field.label()\n                const onBlur = () => {\n                    dirty['confirmPassword'] = true\n                    useForm.validate('confirmPassword').catch(() => { })\n                }\n                return <Input.Password value={modelRef.confirmPassword} onUpdate:value={value => modelRef.confirmPassword = value} onBlur={onBlur} placeholder={placeholder}></Input.Password>\n            },\n            label: () => i18n.global.t('views.changePassword.confirmPassword'),\n        },\n    ]\n}\n\nexport const initForm = ({ props, data, refs }) => {\n    data.form = createForm({ props, data, refs });\n    data.rules = createRules({ props, data, refs });\n    data.useForm = createUseForm(data.form, data.rules);\n    data.fields = createField({ props, data, refs });\n}\n","import { render } from \"./ChangePassword.vue?vue&type=template&id=c3c4ea0e\"\nimport script from \"./ChangePassword.vue?vue&type=script&lang=js\"\nexport * from \"./ChangePassword.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/builds/infinitesoftsolutions/health-cert/infs-vue-example/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}