{"version":3,"sources":["webpack:///./src/views/app/setting/user-mgt/user/ChangePassword.vue","webpack:///./src/views/app/setting/user-mgt/user/change-password.logic.js","webpack:///./src/views/app/setting/user-mgt/user/ChangePassword.vue?d3e8"],"names":["_createBlock","_component_Form","ref","e","_ctx","refs","form","layout","_createVNode","_component_TemplateBuilder","rowProp","data","useForm","fields","actionPrefix","callChangePassword","store","dispatch","id","password","newPassword","callChangePasswordChildren","onClickChangePassword","validate","then","setIsLoadingApp","modelRef","finally","catch","error","validateError","onClickChangePasswordForCompany","createForm","props","presentPassword","confirmPassword","createRules","required","same","i18n","global","t","createField","dirty","viewOnly","key","visible","colProp","xs","formItemProp","labelCol","md","wrapperCol","inputRender","field","placeholder","label","onBlur","_Input","Password","value","initForm","rules","createUseForm","defineComponent","components","Form","_Form","TemplateBuilder","defineAsyncComponent","setup","reactive","gutter","onSubmit","onSubmitForCompany","__exports__","render"],"mappings":"kSACIA,yBAEOC,EAAA,CAFAC,IAAMC,GAAOC,EAAAC,KAAKC,KAAOH,EAAII,OAAO,c,8BACvC,IAAyG,CAAzGC,yBAAyGC,EAAA,CAAvFC,QAASN,EAAAO,KAAKD,QAAUE,QAASR,EAAAO,KAAKC,QAAUC,OAAQT,EAAAO,KAAKE,Q,iKCKhF,MAAMC,EAAe,4BAEfC,EAAqBA,EAAGT,UAAWU,OAAMC,SAAYH,EAAF,kBAAiC,CAAEH,KAAM,CAAEO,GAAIZ,EAAKY,GAAIC,SAAUb,EAAKc,eAC1HC,EAA6BA,EAAGf,UAAWU,OAAMC,SAAYH,EAAF,0BAAyC,CAAEH,KAAM,CAAEO,GAAIZ,EAAKY,GAAIC,SAAUb,EAAKc,eAE1IE,EAAwBA,EAAGX,UAC7BA,EAAKC,QACPW,WACAC,KAAK,KACFC,gBAAgB,GACTV,EAAmB,CAAET,KAAMK,EAAKC,QAAQc,WAC1CC,QAAQ,IAAMF,gBAAgB,MAEtCG,MAAOC,IAEJ,MADAC,eAAc,CAAED,UACVA,IAILE,EAAkCA,EAAGpB,UACvCA,EAAKC,QACPW,WACAC,KAAK,KACFC,gBAAgB,GACLJ,EAA2B,CAAEf,KAAMK,EAAKC,QAAQc,WAClDC,QAAQ,IAAMF,gBAAgB,MAE1CG,MAAOC,IAEJ,MADAC,eAAc,CAAED,UACVA,IAGLG,EAAaA,EAAGC,YAClB,CACHf,GAAIe,EAAMf,GACVgB,gBAAiB,KACjBd,YAAa,KACbe,gBAAiB,OAIZC,EAAcA,EAAGzB,WACnB,CACHS,YAAa,CAACiB,QACdF,gBAAiB,CAACE,OAAUC,eAAK3B,EAAKL,KAAM,cAAeiC,OAAKC,OAAOC,EAAE,oCAAqCF,OAAKC,OAAOC,EAAE,4CAIvHC,EAAcA,EAAGT,QAAOtB,WACjC,MAAMgC,EAAQ,GACRC,EAAWX,EAAMW,SACjBhC,EAAUD,EAAKC,QACfc,EAAWd,EAAQc,SACzB,MAAO,CACH,CACImB,IAAK,cACLC,QAASA,KAAM,EACfC,QAASA,KAAA,CAASC,GAAI,KACtBC,aAAcA,KAAA,CAASC,SAAU,CAAEF,GAAI,GAAIG,GAAI,GAAKC,WAAY,CAAEJ,GAAI,GAAIG,GAAI,MAC9EE,YAAaA,EAAGC,YACZ,MAAMC,EAAcD,EAAME,QACpBC,EAASA,KACPd,EAAM,oBACN/B,EAAQW,SAAS,mBAAmBK,MAAM,QAE9ChB,EAAQW,SAAS,eAAeK,MAAM,SAE1C,OAAApB,yBAAAkD,OAAAC,SAAA,OAA8BjC,EAASN,YAAW,iBAAkBwC,GAASlC,EAASN,YAAcwC,EAAK,OAAUH,EAAM,YAAeF,EAAW,SAAYX,GAAQ,OAE3KY,MAAOA,IAAMjB,OAAKC,OAAOC,EAAE,qCAE/B,CACII,IAAK,kBACLC,QAASA,KAAM,EACfC,QAASA,KAAA,CAASC,GAAI,KACtBC,aAAcA,KAAA,CAASC,SAAU,CAAEF,GAAI,GAAIG,GAAI,GAAKC,WAAY,CAAEJ,GAAI,GAAIG,GAAI,MAC9EE,YAAaA,EAAGC,YACZ,MAAMC,EAAcD,EAAME,QACpBC,EAASA,KACXd,EAAM,oBAAqB,EAC3B/B,EAAQW,SAAS,mBAAmBK,MAAM,SAE9C,OAAApB,yBAAAkD,OAAAC,SAAA,OAA8BjC,EAASS,gBAAe,iBAAkByB,GAASlC,EAASS,gBAAkByB,EAAK,OAAUH,EAAM,YAAeF,EAAW,SAAYX,GAAQ,OAEnLY,MAAOA,IAAMjB,OAAKC,OAAOC,EAAE,2CAK1BoB,EAAWA,EAAG5B,QAAOtB,OAAMN,WACpCM,EAAKL,KAAO0B,EAAW,CAAEC,QAAOtB,OAAMN,SACtCM,EAAKmD,MAAQ1B,EAAY,CAAEH,QAAOtB,OAAMN,SACxCM,EAAKC,QAAUmD,eAAcpD,EAAKL,KAAMK,EAAKmD,OAC7CnD,EAAKE,OAAS6B,EAAY,CAAET,QAAOtB,OAAMN,UDzF9B2D,mCAAgB,CAC3BC,WAAY,CACRC,KAAIC,OACJC,gBAAiBC,kCAAqB,IAAM,kDAEhDpC,MAAO,CACHf,GAAI,IAERoD,MAAMrC,GACF,MAAMtB,EAAO4D,sBAAS,CAAE7D,QAAS,CAAE8D,OAAQ,MACrCnE,EAAOkE,sBAAS,CAAEjE,KAAM,OAC9BuD,EAAS,CAAE5B,QAAOtB,OAAMN,SACxB,MAAMoE,EAAWA,IAAMnD,EAAsB,CAAEW,QAAOtB,OAAMN,SACtDqE,EAAqBA,IAAM3C,EAAgC,CAAEE,QAAOtB,OAAMN,SAChF,MAAO,CAAE4B,QAAOtB,OAAMN,OAAMoE,WAAUC,yB,qBEpB9C,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0b97a5.9a2c4362a20407bee116.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 { defineComponent, reactive, defineAsyncComponent } from \"vue\";\nimport { initForm, onClickChangePassword, onClickChangePasswordForCompany } from \"./change-password.logic\";\nimport { Form } from \"ant-design-vue\";\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        const onSubmitForCompany = () => onClickChangePasswordForCompany({ props, data, refs });\n        return { props, data, refs, onSubmit, onSubmitForCompany };\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 actionPrefix = 'resource/v1/security/user'\n\nexport const callChangePassword = ({ form }) => store.dispatch(`${actionPrefix}/changePassword`, { data: { id: form.id, password: form.newPassword } })\nexport const callChangePasswordChildren = ({ form }) => store.dispatch(`${actionPrefix}/changePasswordChildren`, { data: { id: form.id, password: form.newPassword } })\n\nexport const onClickChangePassword = ({ data }) => {\n    return data.useForm\n        .validate()\n        .then(() => {\n            setIsLoadingApp(true)\n            return callChangePassword({ form: data.useForm.modelRef })\n                .finally(() => setIsLoadingApp(false))\n        })\n        .catch((error) => {\n            validateError({ error })\n            throw error\n        });\n}\n\nexport const onClickChangePasswordForCompany = ({ data }) => {\n    return data.useForm\n        .validate()\n        .then(() => {\n            setIsLoadingApp(true)\n                return callChangePasswordChildren({ form: data.useForm.modelRef })\n                    .finally(() => setIsLoadingApp(false))\n        })\n        .catch((error) => {\n            validateError({ error })\n            throw error\n        });\n}\nexport const createForm = ({ props }) => {\n    return {\n        id: props.id,\n        presentPassword: null,\n        newPassword: null,\n        confirmPassword: null,\n    }\n}\n\nexport const createRules = ({ data }) => {\n    return {\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 = ({ props, data }) => {\n    const dirty = {}\n    const viewOnly = props.viewOnly\n    const useForm = data.useForm\n    const modelRef = useForm.modelRef\n    return [\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} disabled={viewOnly}></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} disabled={viewOnly}></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=7d87c3d5\"\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":""}