import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { useContext, useMemo, useState } from "react";
import { uid, useForm } from "@tachybase/schema";
import { useTranslation } from "react-i18next";
import { ActionContextProvider, DropdownVisibleContext, SchemaComponent, useActionContext } from "../index.mjs";
import { useAPIClient } from "../api-client/index.mjs";
const useCloseAction = ()=>{
    const { setVisible } = useActionContext();
    const form = useForm();
    return {
        async run () {
            setVisible(false);
            form.submit((values)=>{
                console.warn(values);
            });
        }
    };
};
const useSaveCurrentUserValues = ()=>{
    const { setVisible } = useActionContext();
    const form = useForm();
    const api = useAPIClient();
    return {
        async run () {
            await form.submit();
            await api.resource('auth').changePassword({
                values: form.values
            });
            await form.reset();
            setVisible(false);
        }
    };
};
const schema = {
    type: 'object',
    properties: {
        [uid()]: {
            'x-decorator': 'Form',
            'x-component': 'Action.Drawer',
            type: 'void',
            title: '{{t("Change password")}}',
            properties: {
                oldPassword: {
                    type: 'string',
                    title: '{{t("Old password")}}',
                    required: true,
                    'x-component': 'Password',
                    'x-decorator': 'FormItem'
                },
                newPassword: {
                    type: 'string',
                    title: '{{t("New password")}}',
                    required: true,
                    'x-component': 'Password',
                    'x-decorator': 'FormItem',
                    'x-component-props': {
                        checkStrength: true,
                        style: {}
                    },
                    'x-reactions': [
                        {
                            dependencies: [
                                '.confirmPassword'
                            ],
                            fulfill: {
                                state: {
                                    selfErrors: '{{$deps[0] && $self.value && $self.value !== $deps[0] ? t("Password mismatch") : ""}}'
                                }
                            }
                        }
                    ]
                },
                confirmPassword: {
                    type: 'string',
                    required: true,
                    title: '{{t("Confirm password")}}',
                    'x-component': 'Password',
                    'x-decorator': 'FormItem',
                    'x-component-props': {
                        checkStrength: true,
                        style: {}
                    },
                    'x-reactions': [
                        {
                            dependencies: [
                                '.newPassword'
                            ],
                            fulfill: {
                                state: {
                                    selfErrors: '{{$deps[0] && $self.value && $self.value !== $deps[0] ? t("Password mismatch") : ""}}'
                                }
                            }
                        }
                    ]
                },
                footer: {
                    'x-component': 'Action.Drawer.Footer',
                    type: 'void',
                    properties: {
                        cancel: {
                            title: '{{t("Cancel")}}',
                            'x-component': 'Action',
                            'x-component-props': {
                                useAction: '{{ useCloseAction }}'
                            }
                        },
                        submit: {
                            title: '{{t("Submit")}}',
                            'x-component': 'Action',
                            'x-component-props': {
                                type: 'primary',
                                useAction: '{{ useSaveCurrentUserValues }}'
                            }
                        }
                    }
                }
            }
        }
    }
};
const useChangePassword = ()=>{
    const ctx = useContext(DropdownVisibleContext);
    const [visible, setVisible] = useState(false);
    const { t } = useTranslation();
    return useMemo(()=>({
            key: 'password',
            eventKey: 'ChangePassword',
            onClick: ()=>{
                setVisible(true);
                null == ctx || ctx.setVisible(false);
            },
            label: /*#__PURE__*/ jsxs(Fragment, {
                children: [
                    t('Change password'),
                    /*#__PURE__*/ jsx(ActionContextProvider, {
                        value: {
                            visible,
                            setVisible
                        },
                        children: /*#__PURE__*/ jsx("div", {
                            onClick: (e)=>e.stopPropagation(),
                            children: /*#__PURE__*/ jsx(SchemaComponent, {
                                scope: {
                                    useCloseAction,
                                    useSaveCurrentUserValues
                                },
                                schema: schema
                            })
                        })
                    })
                ]
            })
        }), [
        visible
    ]);
};
export { useChangePassword };
