{"version":3,"sources":["components/Modals/SignView/Fiel.js"],"names":["Fiel","useSign","modal","contractId","jwt","dispatch","t","useTranslation","useState","isValid","setIsValid","setted","setSetted","useForm","register","handleSubmit","getValues","reset","useMutation","payload","fetcher","clientContractAction","onSuccess","handleClose","uploadfilesMutation","mutate","isLoading","error","resetMutation","handleClearForm","type","CONTROL_MODAL","close","FIEL_MODAL","doSubmit","values","a","cert","key","pwd","convertToBase64","base64","validate","e","target","name","length","isOpen","includes","centered","toggle","onSubmit","className","clsx","id","htmlFor","hidden","onChange","ref","required","accept","innerRef","placeholder","width","src","alt","statusText","color","size","onClick","disabled"],"mappings":"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","file":"static/js/13.484919b2.chunk.js","sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\r\nimport { get, useForm } from 'react-hook-form';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMutation, useQueryClient } from 'react-query';\r\nimport { fetcher } from 'api/client';\r\nimport { clientContractAction } from 'api/actions/contracts';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport { convertToBase64 } from 'utils';\r\nimport { useSign, FIEL_MODAL, CONTROL_MODAL } from 'context/signview';\r\nimport clsx from 'clsx';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Input, Form, ButtonGroup, Spinner } from 'reactstrap';\r\nimport { errors } from 'ethers';\r\n\r\nexport default function Fiel() {\r\n\r\n    const [{ modal, contractId, jwt }, dispatch] = useSign();\r\n    const { t } = useTranslation();\r\n    const [isValid, setIsValid] = useState(false);\r\n    const [setted, setSetted] = useState([])\r\n    const { register, handleSubmit, getValues, reset } = useForm();\r\n    const { mutate: uploadfilesMutation, isLoading, error, reset: resetMutation } =\r\n        useMutation((payload) =>\r\n            fetcher(clientContractAction(contractId, 'sign', payload), jwt), {\r\n            onSuccess: () => {\r\n                handleClose();\r\n            }\r\n        });\r\n\r\n    const handleClose = () => {\r\n        handleClearForm();\r\n        dispatch({ type: CONTROL_MODAL, close: FIEL_MODAL });\r\n    }\r\n\r\n\r\n    const doSubmit = async (values) => {\r\n        if (isLoading) return;\r\n        const {\r\n            cert,\r\n            key,\r\n            pwd\r\n        } = values;\r\n        uploadfilesMutation({\r\n            cert: (await convertToBase64(cert[0])).base64,\r\n            key: (await convertToBase64(key[0])).base64,\r\n            pwd\r\n        });\r\n    }\r\n    const validate = (e) => {\r\n        const {\r\n            cert,\r\n            key,\r\n            pwd\r\n        } = getValues();\r\n        setSetted([...setted, e.target.name])\r\n        setIsValid(cert.length === 1 && key.length === 1 && pwd)\r\n        resetMutation();\r\n    }\r\n\r\n    const handleClearForm = () => {\r\n        reset({\r\n            cert:'',\r\n            key:'',\r\n            pwd:''\r\n          });\r\n        setSetted([]);\r\n        resetMutation();\r\n    }\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(FIEL_MODAL)} centered>\r\n            <ModalHeader toggle={handleClose}>\r\n                {t('sign.sign_modal.modal_title')}\r\n            </ModalHeader>\r\n            <Form onSubmit={handleSubmit(doSubmit)}>\r\n                <ModalBody>\r\n                    <div className=\"media\">\r\n                        <div className=\"media-body\">\r\n                            <h5 className=\"mb-4 mt-0 text-center font-weight-bold text-dark\">{t('sign.sign_modal.upload_files')}:</h5>\r\n\r\n                            <div className=\"bg-light rounded border p-3 row mb-4 shadow-sm no-gutters d-flex\">\r\n                                <div className=\"text-left col-lg-6 col-md-12 d-flex\">\r\n                                    <div className=\"d-inline-block\">\r\n                                        <p className=\"text-dark font-weight-bold mb-0\">{t('sign.sign_modal.certificate')} (.Cer)</p>\r\n                                        <small className=\"text-muted\">{t('sign.sign_modal.certificate')} e.firma</small>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"text-left col-lg-6 col-md-12 my-auto\">\r\n                                    <div>\r\n                                        {/* <label href=\"#\" data-action=\"upload\" data-type=\"cert\" className=\"\">{t('sign.sign.certificate_choose_file')}</label>\r\n                                        <input ref={cert} type=\"file\" name=\"cert\" className=\"hidden\" accept=\".cer\" /> */}\r\n                                        <label className={clsx('mb-0 btn btn-outline-primary float-right', setted.includes('cert') && 'btn-primary text-light')} id=\"certLabel\" name=\"certLabel\" htmlFor=\"cert\">{setted.includes('cert') ? t('sign.sign_modal.uploaded') : t('sign.sign_modal.select_file')}</label>\r\n                                        <input hidden={true} className=\"d-none\" onChange={validate} ref={register({ required: true })} type=\"file\" name=\"cert\" accept=\".cer\" id=\"cert\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"bg-light rounded border p-3 row mb-4 shadow-sm no-gutters d-flex\">\r\n                                <div className=\"text-left col-lg-6 col-md-12 d-flex\">\r\n                                    <div className=\"d-inline-block\">\r\n                                        <p className=\"text-dark font-weight-bold mb-0\">{t('sign.sign_modal.certificate')} (.Key)</p>\r\n                                        <small className=\"text-muted\">{t('sign.sign_modal.private_key')}</small>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"text-left col-lg-6 col-md-12 my-auto\">\r\n                                    <div>\r\n                                        {/* <label href=\"#\" data-action=\"upload\" data-type=\"key\" className=\"\">{t('sign.sign.certificate_choose_file')}</label>\r\n                                        <input ref={key} type=\"file\" name=\"key\" className=\"hidden\" accept=\".key\" /> */}\r\n                                        <label className={clsx('mb-0 btn btn-outline-primary float-right', setted.includes('key') && 'btn-primary text-light')} id=\"keyLabel\" name=\"keyLabel\" htmlFor=\"key\">{setted.includes('key') ? t('sign.sign_modal.uploaded') : t('sign.sign_modal.select_file')}</label>\r\n                                        <input hidden={true} className=\"d-none\" onChange={validate} ref={register({ required: true })} type=\"file\" name=\"key\" accept=\".key\" id=\"key\" />\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"file-icon key\">\r\n                                <p className=\"font-weight-bold text-dark\">{t('sign.sign_modal.password')}</p>\r\n                            </div>\r\n                            <div className=\"file-description mb-5\">\r\n                                <Input\r\n                                    onChange={validate}\r\n                                    innerRef={register({ required: true })}\r\n                                    type=\"password\"\r\n                                    id=\"pwd\"\r\n                                    name=\"pwd\"\r\n                                    className=\"Form-control input-sm\"\r\n                                    placeholder={t('sign.sign.certificate_password_placeholder')} />\r\n                            </div>\r\n\r\n                            <div className=\"text-center\">\r\n                                <img className=\"vendor-logo\" width=\"100px\" src=\"/images/sign/vendors/seguridata.png\" alt=\"vendor-logo\" />\r\n                            </div>\r\n\r\n                            <div className=\"text-center\">\r\n                            {error && <span className=\"text-danger\">{t([`${error?.statusText}`, 'errors.ErrorFiel'])}</span>}\r\n                            {isLoading && <Spinner color=\"primary\" className=\"mr-2\" size=\"sm\" />}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ModalBody>\r\n                <ModalFooter>\r\n                    <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                        <Button color=\"secondary\" onClick={handleClearForm}>\r\n                            {t('sign.sign.certificate_clear')}\r\n                        </Button>\r\n                        <Button color=\"primary\" type=\"submit\" disabled={!isValid}>\r\n                            {t('sign.sign.certificate_sign')}\r\n                        </Button>\r\n                    </ButtonGroup >\r\n                </ModalFooter>\r\n            </Form>\r\n        </Modal>\r\n    )\r\n}\r\n"],"sourceRoot":""}