{"version":3,"sources":["components/Modals/SignView/Blockchain.js"],"names":["Blockchain","t","useTranslation","useSign","modal","contract","dispatch","documentId","name","_id","blockchain","txid","hash","handleClose","type","CONTROL_MODAL","close","BLOCKCHAIN_MODAL","isOpen","includes","size","className","toggle","src","alt","clsx","href","rel","target","onClick"],"mappings":"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","file":"static/js/11.4bc99117.chunk.js","sourcesContent":["import clsx from 'clsx';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useSign, CONTROL_MODAL, BLOCKCHAIN_MODAL } from 'context/signview';\r\nimport { Modal, ModalFooter, ModalBody, ModalHeader, ButtonGroup } from 'reactstrap';\r\n\r\nexport default function Blockchain() {\r\n\r\n    const { t } = useTranslation();\r\n\r\n    const [{ modal, contract }, dispatch] = useSign();\r\n\r\n    const { documentId, name, _id, blockchain: { txid, hash } = {} } = contract;\r\n\r\n    const handleClose = () => {\r\n        dispatch({ type: CONTROL_MODAL, close: BLOCKCHAIN_MODAL })\r\n    }\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(BLOCKCHAIN_MODAL)} size=\"fs\">\r\n            <ModalHeader className=\" bg-mix\" toggle={handleClose}>\r\n                <div className=\"container\">\r\n                    <h1 className=\"\">{t('blockchain.title')}</h1>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-6 col-md-6\">\r\n                            <div className=\"card card-title shadow-sm\">\r\n                                <div className=\"card-body p-4\">\r\n                                    <h5 className=\"font-weight-bold\">{t('sign.blockchain.register_success')}</h5>\r\n                                    <p className=\"text-muted font-weight-thin\">{t('sign.blockchain.register_success_desc')}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-6 col-md-6\">\r\n                            <div className=\"card card-title shadow-sm\">\r\n                                <div className=\"card-body p-4\">\r\n                                    <h5 className=\"font-weight-bold\">{t('sign.blockchain.register_success')}</h5>\r\n                                    <p className=\"text-muted font-weight-thin\"> {t('contracts.constants.name')}: {documentId} - {name}</p>\r\n                                    <p className=\"text-muted font-weight-thin\"> Id: {_id}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ModalHeader>\r\n            <ModalBody className=\"bg-grey\">\r\n                <div className=\"container\">\r\n                    <h4 className=\"font-weight-bold mb-3\">{t('sign.blockchain.process_title')}</h4>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-3 col-md-3 my-3\">\r\n                            <div className=\"card border-0 shadow-sm rounded p-4 process-step\">\r\n                                <div className=\"row d-flex mb-3\">\r\n                                    <div className=\"col-lg-6\">\r\n                                        <img src=\"/images/blockchain-icon-1.svg\" className=\"img-fluid blockchain-img\" alt=\"blockchain-img\" />\r\n                                    </div>\r\n                                    <div className=\"col-lg-6 align-self-center\">\r\n                                        <h2 className=\"lead font-weight-bold my-0\">{t('common.step')} 1</h2>\r\n                                        <small className=\"text-success\"><i className=\"fas fa-check-circle mr-2 mb-0\"></i> {t('blockchain.completed')}</small>\r\n                                    </div>\r\n                                </div>\r\n                                <h4 className=\"align-self-center font-weight-bold m-3\">{t('sign.blockchain.process_hashing_title')}</h4>\r\n                                <p className=\"text-muted mb-3\">{t('sign.blockchain.process_hashing_description')}</p>\r\n                                <p className=\"text-muted\">{t('sign.blockchain.process_hashing_hash')}</p>\r\n                                <span className=\"badge badge-primary-50 font-weight-thin w-100 font-weight-thin overflow-auto\">{hash}</span>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-3 col-md-3 my-3\">\r\n                            <div className=\"card border-0 shadow-sm rounded p-4 process-step\">\r\n                                <div className=\"row d-flex mb-3\">\r\n                                    <div className=\"col-lg-6\">\r\n                                        <img src=\"/images/blockchain-icon-2.svg\" className=\"img-fluid blockchain-img\" alt=\"blockchain-img\" />\r\n                                    </div>\r\n                                    <div className=\"col-lg-6 align-self-center\">\r\n                                        <h2 className=\"lead font-weight-bold my-0\">{t('common.step')} 2</h2>\r\n                                        <small className={clsx(txid ? 'text-success' : 'text-warning')}><i className=\"fas fa-circle mr-2 mb-0\"></i> {txid ? 'Completado' : 'Pendiente'}</small>\r\n                                    </div>\r\n                                </div>\r\n                                <h4 className=\"align-self-center font-weight-bold m-3\">{t('blockchain.register')}</h4>\r\n                                <p className=\"text-muted mb-0\">{t('sign.blockchain.process_register_description')}</p>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-3 col-md-3 my-3\">\r\n                            <div className=\"card border-0 shadow-sm rounded p-4 process-step\">\r\n                                <div className=\"row d-flex mb-3\">\r\n                                    <div className=\"col-lg-6\">\r\n                                        <img src=\"/images/blockchain-icon-3.svg\" className=\"img-fluid blockchain-img\" alt=\"blockchain-icon\" />\r\n                                    </div>\r\n                                    <div className=\"col-lg-6 align-self-center\">\r\n                                        <h2 className=\"lead font-weight-bold my-0\">{t('common.step')} 3</h2>\r\n                                        <small className={clsx(txid ? 'text-success' : 'text-warning')}><i className=\"fas fa-circle mr-2 mb-0\"></i> {txid ? 'Completado' : 'Pendiente'}</small >\r\n                                    </div>\r\n                                </div>\r\n                                <h4 className=\"align-self-center font-weight-bold m-3\">{t('sign.blockchain.process_verify_title')}</h4>\r\n                                {txid ? <>\r\n                                    <p className=\"text-muted\">{t('sign.blockchain.process_verify_description_stamped')}:</p>\r\n                                    <span className=\"badge badge-primary-50 w-100 d-inline-block mb-3 font-weight-thin overflow-auto\">{txid}</span>\r\n                                </> :\r\n                                    <p className=\"text-muted\">{t('sign.blockchain.process_verify_description_generate')}</p>\r\n                                }\r\n\r\n                                <p className=\"text-muted mb-0\">{t('sign.blockchain.process_verify_description')}</p>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-lg-3 col-md-3 my-3\">\r\n                            <div className=\"card border-0 shadow-sm rounded p-4 process-step\">\r\n                                <div className=\"row d-flex mb-3\">\r\n                                    <div className=\"col-lg-6\">\r\n                                        <img src=\"/images/blockchain-icon-4.svg\" className=\"img-fluid blockchain-img\" alt=\"blockchain-icon\" />\r\n                                    </div>\r\n                                    <div className=\"col-lg-6 align-self-center\">\r\n                                        <h2 className=\"lead font-weight-bold my-0\">{t('common.step')} 4</h2>\r\n                                        <small className={clsx(txid ? 'text-success' : 'text-warning')}><i className=\"fas fa-circle mr-2 mb-0\"></i> {txid ? 'Completado' : 'Pendiente'}</small >\r\n                                    </div>\r\n                                </div>\r\n                                <h4 className=\"align-self-center font-weight-bold m-3\">{t('contracts.new.security_title')}</h4>\r\n                                <p className=\"text-muted mb-3\">{t('sign.blockchain.process_security_description')}</p>\r\n                                <a href=\"https://verify.originstamp.com/\" rel=\"noopener noreferrer\" target=\"_blank\" className={clsx('btn btn-primary w-100', txid || 'disabled')}>{t('sign.blockchain.verify')}</a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-8 col-md-12\">\r\n                            <h4 className=\"font-weight-bold mb-3\">{t('sign.blockchain.verify_title')}</h4>\r\n                            <p className=\"text-muted\">{t('sign.blockchain.verify_seed')}</p>\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 className=\"btn btn-sm btn-primary\" onClick={handleClose}>{t('common.close')}</button>\r\n                </ButtonGroup>\r\n            </ModalFooter>\r\n        </Modal >\r\n    )\r\n\r\n}"],"sourceRoot":""}