\r\n \r\n );\r\n }\r\n}\r\n\r\nRichiesteInviateMinistero.propTypes = {\r\n decodifiche_stati_accordo: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n decodifiche_stati_accordo: state.decodifiche.stati_accordo\r\n});\r\n\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(RichiesteInviateMinistero);\r\n","import React, { Fragment } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { DettagliAccordo } from '../../common';\r\nimport { DecodificheContext } from '../../../../contexts';\r\nimport RichiesteDaApprovareMinistero from \"../../ar-ministero/richieste-da-approvare-ministero/RichiesteDaApprovareMinistero\";\r\n\r\nconst RichiesteInviateSwitch = () => {\r\n return (\r\n
\r\n {({ decodifiche }) => (\r\n \r\n (\r\n \r\n )}\r\n />\r\n (\r\n \r\n )}\r\n />\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default RichiesteInviateSwitch;\r\n","import * as yup from 'yup';\r\nimport { Input, Select, DatePicker } from '../../../../ui';\r\n\r\nexport const richiesteAccordoFiltersFormFields = (utenza, decodifichestatiAccordo) => {\r\n const fields = [\r\n {\r\n id: 'denominazione',\r\n tag: Input,\r\n filterpath: ['ente', 'denominazione'],\r\n comparestrings: true,\r\n name: 'Denominazione-ente',\r\n label: 'Denominazione ente',\r\n },\r\n {\r\n id: 'classe',\r\n tag: Select,\r\n filterpath: ['ente', 'tipologia', 'classe'],\r\n optionlist: [\r\n {\r\n value: 'PA',\r\n label: 'PA',\r\n },\r\n {\r\n value: 'GESTORE',\r\n label: 'GESTORE',\r\n },\r\n ],\r\n name: 'Classe di appartenenza',\r\n label: 'Classe di appartenenza',\r\n },\r\n {\r\n id: 'dataInizioDa',\r\n tag: DatePicker,\r\n name: \"dataInizioDa\",\r\n label: \"Data inizio validità dal\",\r\n dateformat: \"dd/MM/yyyy\",\r\n range: 1,\r\n },\r\n {\r\n id: 'dataInizioA',\r\n tag: DatePicker,\r\n name: \"dataInizioA\",\r\n label: \"Data inizio validità al\",\r\n dateformat: \"dd/MM/yyyy\",\r\n range: 2,\r\n },\r\n ];\r\n return fields;\r\n};\r\n\r\n\r\nexport const accordiFiltersFormFields = (utenza, decodifichestatiAccordo) => {\r\n const fields = richiesteAccordoFiltersFormFields();\r\n\r\n if (['ministero', 'garante'].includes(utenza)) {\r\n fields.push({\r\n id: 'stato',\r\n tag: Select,\r\n filterpath: ['idstato'],\r\n optionlist: decodifichestatiAccordo.filter(x => ['4', '6', '8'].includes(x.key)).map(x => (\r\n {\r\n value: parseInt(x.key, 10),\r\n label: x.key === '4'\r\n ? 'ATTIVO'\r\n : x.key === '6'\r\n ? 'SOSPESO'\r\n : x.key === '8'\r\n ? 'REVOCATO'\r\n : x.traduzione,\r\n }\r\n )),\r\n name: 'Stato',\r\n label: 'Stato',\r\n },\r\n );\r\n }\r\n return fields;\r\n};\r\n\r\nexport const richiesteAccordoFiltersInitialValues = {\r\n denominazione: '',\r\n classe: ''\r\n};\r\n\r\nexport const accordiFiltersInitialValues = {\r\n ...richiesteAccordoFiltersFormFields,\r\n stato: 4\r\n};\r\n\r\nexport const accordiFiltersValidationSchema = yup.object().shape({\r\n denominazione: yup.string()\r\n .nullable()\r\n .max(4000, 'Denominazione: il campo non può superare 4000 caratteri.'),\r\n classe: yup.string()\r\n .nullable(),\r\n dataInizioDa: yup.date()\r\n .nullable()\r\n .typeError('Data inizio validità dal: formato data non valido.'), \r\n dataInizioA: yup.date()\r\n .nullable()\r\n .typeError('Data inizio validità al: formato data non valido.'), \r\n});\r\n","import React, { Component, Fragment } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getTableRows, tableHeaders } from \"../../common/tabella-accordi/utils/tableData\";\r\nimport { PaginatedTable, Spinner } from \"../../../ui\";\r\nimport SezioneFiltri from \"../../common/sezione-filtri\";\r\nimport { getAccordiByStati } from \"../../../../redux/actions/area-riservata/accordi-actions\";\r\nimport { accordiFiltersInitialValues, accordiFiltersFormFields, accordiFiltersValidationSchema, richiesteAccordoFiltersInitialValues, richiesteAccordoFiltersFormFields } from \"../../common/tabella-accordi/utils/filtersFormData\";\r\n\r\nclass ListaAccordiMinistero extends Component {\r\n state = {};\r\n\r\n componentDidMount() {\r\n this.props.getAccordiByStati(this.props.idstati);\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.accordi_by_stati\r\n && (this.props.accordi_by_stati !== prevProps.accordi_by_stati)) {\r\n let tRows = getTableRows(this.props.accordi_by_stati);\r\n let trAttivi = this.props.path && (this.props.path === 'accordi') ? getTableRows(this.props.accordi_by_stati.slice().filter(el => el.idstato === 4)) : tRows;\r\n this.setState({\r\n tableRows: trAttivi,\r\n tableRowsInit: tRows\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { tableRows, tableRowsInit } = this.state;\r\n const { accordi_by_stati, decodifiche_stati_accordo, defaultAppliedFilters, match: { params: { utenza } }, idstati } = this.props;\r\n\r\n return (\r\n
\r\n {this.props.title}
\r\n { !this.props.isLoading\r\n ?\r\n \r\n {\r\n 1 ? accordiFiltersInitialValues : richiesteAccordoFiltersInitialValues}\r\n formFields={idstati && idstati.length > 1 ? accordiFiltersFormFields(utenza, decodifiche_stati_accordo.stati_accordo) : richiesteAccordoFiltersFormFields(utenza, decodifiche_stati_accordo.stati_accordo)}\r\n validationSchema={accordiFiltersValidationSchema}\r\n getFilters={(filteredArray) => {\r\n this.setState({\r\n tableRows: filteredArray ? getTableRows(filteredArray) : tableRowsInit,\r\n filteredNormative: filteredArray || undefined,\r\n });\r\n }}\r\n defaultAppliedFilters={defaultAppliedFilters}\r\n arrayToFilter={accordi_by_stati}\r\n />\r\n }\r\n \r\n \r\n :\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nListaAccordiMinistero.propTypes = {\r\n decodifiche_stati_accordo: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n decodifiche_stati_accordo: state.decodifiche.stati_accordo,\r\n accordi_by_stati: state.gestione_accordi.get_accordi_by_stati.accordi_by_stati.accordi,\r\n isLoading: state.gestione_accordi.get_accordi_by_id_stato.isLoading,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n getAccordiByStati: (idstati) => dispatch(getAccordiByStati(idstati))\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ListaAccordiMinistero);\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Spinner from \"../../../../../../ui/spinner\";\r\nimport { getCasiUsoTableRows } from \"../../../../../common/tabella-casi-uso-associati/utils2/tableData\";\r\nimport { TabellaCasiUsoAssociati } from \"../../../../../common\";\r\nimport { getCasiUsoAssociatiByIdAccordo, disableEnableCasiUsoByIdAccordo } from \"../../../../../../../redux/actions/area-riservata/accordi-actions\";\r\nimport { setCasiUsoChanges } from \"../../../../../../../redux/actions/area-riservata/casi-uso-actions\";\r\nimport { DecodificheContext } from \"../../../../../../../contexts\";\r\nimport { getRegioniAll } from \"../../../../../../../redux/actions/area-riservata/constants-actions\";\r\n\r\nconst CasiUsoAccordoAttivoMinistero = ({\r\n disableEnableCasiUsoByIdAccordo,\r\n get_casi_uso_associati_by_id_accordo,\r\n getCasiUsoAssociatiByIdAccordo,\r\n get_regioni_all,\r\n getRegioniAll,\r\n idAccordo,\r\n casi_uso_changes,\r\n setCasiUsoChanges,\r\n utenza,\r\n}) => {\r\n const [tableRows, setTableRows] = useState([]);\r\n const [infoModalOpen, setInfoModalOpen] = useState(false);\r\n\r\n const { decodifiche } = useContext(DecodificheContext);\r\n\r\n useEffect(() => {\r\n if (!get_regioni_all.isLoading) {\r\n getRegioniAll();\r\n }\r\n }, []); //eslint-disable-line\r\n\r\n const handleCheck = (checked, caso) => {\r\n let idStatoAssociazione = checked ? 0 : 7;\r\n let modified = get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo.find(el =>\r\n el.idCasoduso === caso.idCasoduso).idStatoAssociazione !== idStatoAssociazione;\r\n setCasiUsoChanges(\r\n {\r\n casi: casi_uso_changes || get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo\r\n },\r\n {\r\n ...caso,\r\n idStatoAssociazione,\r\n modified\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n if (!!idAccordo || (idAccordo === 0)) {\r\n getCasiUsoAssociatiByIdAccordo(idAccordo);\r\n }\r\n }, [idAccordo]); //eslint-disable-line\r\n\r\n useEffect(() => {\r\n if (get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo \r\n && get_regioni_all.regioni_all) {\r\n setTableRows(getCasiUsoTableRows(\r\n casi_uso_changes || get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo,\r\n {\r\n handleCheck,\r\n setInfoModalOpen: (modalId, casoId, name) => setInfoModalOpen({\r\n modalId,\r\n casoId,\r\n name: 'dettaglio'\r\n }),\r\n },\r\n utenza,\r\n decodifiche,\r\n get_regioni_all.regioni_all\r\n ));\r\n }\r\n }, [get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo, casi_uso_changes, get_regioni_all]); //eslint-disable-line\r\n\r\n const saveChanges = () => {\r\n const getChangesArray = () => {\r\n let casiToEnable = [];\r\n let casiToDisable = [];\r\n casi_uso_changes.filter(caso => !!caso.modified).forEach(chg => {\r\n if (chg.idStatoAssociazione === 7) {\r\n casiToDisable.push(chg.idAssociazioneAccordo);\r\n } else casiToEnable.push(chg.idAssociazioneAccordo)\r\n });\r\n return { abilitati: casiToEnable, disabilitati: casiToDisable };\r\n };\r\n\r\n let changes = getChangesArray();\r\n if (changes.abilitati.length || changes.disabilitati.length) {\r\n disableEnableCasiUsoByIdAccordo(idAccordo, changes);\r\n }\r\n };\r\n\r\n return (\r\n
\r\n {\r\n get_casi_uso_associati_by_id_accordo.pristine &&\r\n get_casi_uso_associati_by_id_accordo.isLoading &&\r\n \r\n }\r\n {!get_casi_uso_associati_by_id_accordo.pristine\r\n && !!get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo\r\n &&\r\n setInfoModalOpen({\r\n ...infoModalOpen,\r\n modalId: undefined,\r\n name: undefined\r\n })}\r\n modalData={infoModalOpen}\r\n tableRows={tableRows}\r\n casiUso={get_casi_uso_associati_by_id_accordo.casi_uso_associati_by_id_accordo}\r\n saveChanges={saveChanges}\r\n utenza={utenza}\r\n disabled={!casi_uso_changes || (casi_uso_changes && !casi_uso_changes.some(x => x.modified))}\r\n />\r\n }\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n casi_uso_changes: state.gestione_casi_uso.set_casi_uso_changes.casi_uso_changes,\r\n get_accordo_attivo_data: state.gestione_accordi.get_accordo_attivo_data,\r\n get_accordo_by_id: state.gestione_accordi.get_accordo_by_id,\r\n update_casi_uso_by_id_accordo: state.gestione_accordi.update_casi_uso_by_id_accordo,\r\n isLoading: state.gestione_accordi.get_casi_uso_associati_by_id_accordo.isLoading,\r\n get_casi_uso_associati_by_id_accordo: state.gestione_accordi.get_casi_uso_associati_by_id_accordo,\r\n get_regioni_all: state.constants.get_regioni_all,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n getCasiUsoAssociatiByIdAccordo: (idAccordoAttivo, updated) => dispatch(getCasiUsoAssociatiByIdAccordo(idAccordoAttivo, updated)),\r\n disableEnableCasiUsoByIdAccordo: (idAccordo, bodyRequest) => dispatch(disableEnableCasiUsoByIdAccordo(idAccordo, bodyRequest)),\r\n setCasiUsoChanges: (payload, change) => dispatch(setCasiUsoChanges(payload, change)),\r\n getRegioniAll: () => dispatch(getRegioniAll()),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(CasiUsoAccordoAttivoMinistero);","import React, { Component, Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { getNormativeTableRows } from \"../../../../../common/gestione-normative/visualizza-normative/_partials/tabella-normative/utils/tableData\";\r\nimport { getNormativeByIdTipologiaEnte } from \"../../../../../../../redux/actions/area-riservata/normative-actions\";\r\nimport Spinner from \"../../../../../../ui/spinner\";\r\nimport Pagination from \"../../../../../../ui/pagination\";\r\nimport { TabellaNormative } from \"../../../../../common/gestione-normative/visualizza-normative/_partials\";\r\n\r\nclass NormativeAccordoAttivo extends Component {\r\n\r\n state = {\r\n tableRowsInit: this.props.get_normative_by_id_tipologia_ente.normative ?\r\n this.getTableRows(this.props.get_normative_by_id_tipologia_ente.normative.slice(0, 5))\r\n : [],\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.accordo && this.props.accordo.ente) {\r\n this.props.getNormativeByIdTipologiaEnte(this.props.accordo.ente.idtipologia);\r\n }\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.accordo && this.props.accordo.ente &&\r\n (prevProps.accordo.id !== this.props.accordo.id)) {\r\n this.props.getNormativeByIdTipologiaEnte(this.props.accordo.ente.idtipologia);\r\n }\r\n if (this.props.get_normative_by_id_tipologia_ente.normative &&\r\n (prevProps.get_normative_by_id_tipologia_ente.normative !== this.props.get_normative_by_id_tipologia_ente.normative)\r\n ) {\r\n let firstItem = this.state.pagination ? this.state.pagination.firstItem : 0,\r\n lastItem = this.state.pagination ? this.state.pagination.lastItem : 5;\r\n let normativeSliced = this.props.get_normative_by_id_tipologia_ente.normative.slice(firstItem, lastItem);\r\n let tRows = this.getTableRows(normativeSliced);\r\n this.setState({\r\n normative: this.props.get_normative_by_id_tipologia_ente.normative,\r\n normativeFiltrate: normativeSliced,\r\n tableRowsInit: tRows,\r\n tableRows: tRows,\r\n });\r\n }\r\n };\r\n\r\n getTableRows(normativeArray) {\r\n return getNormativeTableRows(\r\n normativeArray,\r\n this.props.decodifiche_stato_normativa,\r\n );\r\n };\r\n\r\n render() {\r\n const { normative, tableRows, tableRowsInit } = this.state;\r\n return (\r\n
\r\n {normative &&\r\n \r\n \r\n {\r\n let normativeSliced = normative.slice(firstItem, lastItem + 1);\r\n this.setState({\r\n tableRows: this.getTableRows(normativeSliced),\r\n normativeFiltrate: normativeSliced,\r\n pagination: {\r\n firstItem: firstItem,\r\n lastItem: lastItem + 1,\r\n id: id\r\n },\r\n });\r\n }}\r\n />\r\n \r\n }\r\n {this.props.get_normative_by_id_tipologia_ente.isLoading &&\r\n \r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n get_normative_by_id_tipologia_ente: state.gestione_normative.get_normative_by_id_tipologia_ente,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n getNormativeByIdTipologiaEnte: (idTipoEnte) => dispatch(getNormativeByIdTipologiaEnte(idTipoEnte)),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(NormativeAccordoAttivo);\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { DefaultError, DefaultLoading } from \"../../../common/handleErrorsAndLoading\";\r\nimport { GoNavLink, IconButton, Message, Tabs } from \"../../../ui\";\r\nimport { DettagliAccordo } from \"..\";\r\nimport { CasiUsoAccordoAttivoMinistero, NormativeAccordoAttivo } from \"../../ar-ministero/richieste-di-adesione-ministero/dettagli-richiesta-adesione-ministero/_partials\";\r\nimport { getAccordoById } from \"../../../../redux/actions/area-riservata/accordi-actions\";\r\nimport { modaleConfermaConfig } from \"../../../../redux/actions/area-riservata/utils-actions\";\r\nimport * as Yup from \"yup\";\r\nimport { DEFAULT_CONFIRM_FOOTER, SOSPENDI_ACCORDO, RIATTIVA_ACCORDO, REVOCA_ACCORDO } from \"../../../layout/modale-conferma/utils\";\r\nimport { STATO_ACCORDO } from \"../../../../constants/stati-accordo\";\r\nimport CardAllegatiAccordo from \"../card-allegati-accordo/CardAllegatiAccordo\";\r\n\r\nclass DettagliAccordoAttivo extends Component {\r\n\r\n state = {};\r\n\r\n componentDidMount() {\r\n const { match: { params } } = this.props;\r\n this.loadAccordo(params.idAccordo, params.utenza);\r\n };\r\n\r\n loadAccordo(id, utenza) {\r\n if (!utenza) {\r\n utenza = this.props.match.params.utenza;\r\n }\r\n if (!this.props.isLoading) {\r\n this.props.getAccordoById(id, utenza);\r\n }\r\n }\r\n\r\n confirmAction = modaleconferma => {\r\n this.props.modaleConfermaConfig({\r\n id: `${modaleconferma.name}-accordo`,\r\n open: true,\r\n ...modaleconferma\r\n });\r\n };\r\n\r\n sospendiAccordo = accordo => {\r\n this.confirmAction(\r\n {\r\n name: \"SOSPENSIONE\",\r\n title: \"Sospensione accordo\",\r\n body:
La sospensione dell’accordo di fruizione comporta l’impossibilità di interrogare i servizi di ANPR e l’inibizione dell’accesso alla piattaforma web. Un accordo sospeso può essere riattivato oppure revocato definitivamente. Sei sicuro di voler procedere?
,\r\n form: {\r\n initialValues: {},\r\n validationSchema: Yup.object(),\r\n onsubmit: {\r\n func: SOSPENDI_ACCORDO,\r\n payload: {\r\n id: accordo.id,\r\n callback: () => this.loadAccordo(accordo.id)\r\n }\r\n }\r\n },\r\n footer: DEFAULT_CONFIRM_FOOTER\r\n }\r\n )\r\n }\r\n\r\n riattivaAccordo = accordo => {\r\n this.confirmAction(\r\n {\r\n name: \"RIATTIVAZIONE\",\r\n title: \"Riattivazione accordo\",\r\n body:
La riattivazione dell’accordo di fruizione comporta la possibilità di tornare ad interrogare i servizi di ANPR e di accedere alla piattaforma web. Sei sicuro di voler procedere?
,\r\n form: {\r\n initialValues: {},\r\n validationSchema: Yup.object(),\r\n onsubmit: {\r\n func: RIATTIVA_ACCORDO,\r\n payload: {\r\n id: accordo.id,\r\n callback: () => this.loadAccordo(accordo.id)\r\n }\r\n }\r\n },\r\n footer: DEFAULT_CONFIRM_FOOTER\r\n }\r\n )\r\n }\r\n\r\n revocaAccordo = (accordo, ministeroFlag) => {\r\n this.confirmAction(\r\n {\r\n name: \"REVOCA\",\r\n title: \"Revoca accordo\",\r\n body:
La revoca dell'accordo di fruizione comporta la definitiva interruzione della possibilità di interrogare i servizi di ANPR. Tutte le utenze vengono disabilitate e l’accesso alla piattaforma web inibito. Per tornare ad accedere alla piattaforma e ai servizi è necessario sottoscrivere un nuovo accordo di fruizione. Sei sicuro di voler procedere?
,\r\n form: {\r\n initialValues: {},\r\n validationSchema: Yup.object(),\r\n onsubmit: {\r\n func: REVOCA_ACCORDO,\r\n payload: {\r\n id: accordo.id,\r\n ministeroFlag,\r\n callback: () => this.loadAccordo(accordo.id)\r\n }\r\n }\r\n },\r\n footer: DEFAULT_CONFIRM_FOOTER\r\n }\r\n )\r\n }\r\n\r\n render() {\r\n const accordo = this.props.get_accordo_by_id.accordo;\r\n const { decodifiche, match: { params: { utenza } } } = this.props;\r\n\r\n const getAccordoAttivoTabs = () => {\r\n let tabs = [\r\n {\r\n id: \"dettaglio-accordo\",\r\n label: \"Dati accordo\",\r\n },\r\n {\r\n id: \"normative\",\r\n label: \"Normative\",\r\n },\r\n {\r\n id: \"allegati\",\r\n label: \"Allegati\",\r\n },\r\n ];\r\n\r\n if (['ministero', 'garante'].includes(utenza)) {\r\n tabs.splice(1, 0,\r\n {\r\n id: \"casi-uso\",\r\n label: \"Casi d'uso\",\r\n }\r\n );\r\n }\r\n return tabs;\r\n };\r\n\r\n const getAccordoAttivoContents = () => {\r\n let contents = [\r\n {\r\n tabId: \"dettaglio-accordo\",\r\n content:\r\n
\r\n {accordo &&\r\n \r\n \r\n \r\n {utenza === 'ministero' && accordo.idstato === STATO_ACCORDO.ATTIVO &&\r\n this.sospendiAccordo(accordo)}\r\n />\r\n }\r\n {utenza === 'ministero' && accordo.idstato === STATO_ACCORDO.SOSPESO &&\r\n this.riattivaAccordo(accordo)}\r\n />\r\n }\r\n {utenza === 'ministero' && [STATO_ACCORDO.ATTIVO, STATO_ACCORDO.SOSPESO].includes(accordo.idstato) &&\r\n this.revocaAccordo(accordo, utenza === 'ministero')}\r\n />\r\n }\r\n
\r\n \r\n \r\n }\r\n \r\n },\r\n {\r\n tabId: 'normative',\r\n content:
\r\n },\r\n {\r\n tabId: 'allegati',\r\n content:
\r\n }\r\n ];\r\n if (['ministero', 'garante'].includes(utenza)) {\r\n contents.splice(1, 0,\r\n {\r\n tabId: \"casi-uso\",\r\n content:
\r\n }\r\n );\r\n }\r\n return contents;\r\n };\r\n\r\n return (\r\n
\r\n Dettagli accordo {accordo && accordo.id}
\r\n {['ministero', 'garante'].includes(utenza) &&\r\n \r\n \r\n \r\n {this.state.isUpdated &&\r\n \r\n }\r\n \r\n }\r\n \r\n
\r\n {accordo &&\r\n \r\n\r\n }\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nDettagliAccordoAttivo.propTypes = {\r\n decodifiche_stati_accordo: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n activated: state.gestione_accordi.attiva_accordo && state.gestione_accordi.attiva_accordo.activated,\r\n decodifiche_stati_accordo: state.decodifiche.stati_accordo,\r\n get_accordo_by_id: state.gestione_accordi.get_accordo_by_id,\r\n isLoading: state.gestione_accordi.get_accordo_by_id.isLoading,\r\n revoked: state.gestione_accordi.revoca_accordo && state.gestione_accordi.revoca_accordo.revoked,\r\n suspended: state.gestione_accordi.sospendi_accordo && state.gestione_accordi.sospendi_accordo.suspended,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n modaleConfermaConfig: (config) => dispatch(modaleConfermaConfig(config)),\r\n getAccordoById: (idAccordo, utenza) =>\r\n dispatch(getAccordoById(idAccordo, false, utenza)),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(DettagliAccordoAttivo);\r\n","import React, { Fragment } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { DecodificheContext } from '../../../../contexts';\r\nimport ListaAccordiMinistero from '../../ar-ministero/lista-accordi-ministero/ListaAccordiMinistero';\r\nimport DettagliAccordoAttivo from '../../common/dettagli-accordo-attivo/DettagliAccordoAttivo';\r\n\r\nconst AccordiAttiviSwitch = () => {\r\n return (\r\n
\r\n {({ decodifiche }) => (\r\n \r\n (\r\n \r\n )}\r\n />\r\n (\r\n \r\n )}\r\n />\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default AccordiAttiviSwitch;\r\n","import React, {Component} from \"react\";\r\nimport {DefaultError, DefaultLoading} from \"../../../common/handleErrorsAndLoading\";\r\nimport PropTypes from \"prop-types\";\r\nimport {connect} from \"react-redux\";\r\nimport {getIdDecodificaByVariabile} from \"../../../common/decodifiche\";\r\nimport getAllAccordiPerEnte from \"../../../common/getAllAccordiPerEnte\";\r\nimport {getTableRows, tableHeaders} from \"../../common/tabella-accordi/utils/tableData\";\r\nimport {getAccordi} from \"../../../common/getAccordi\";\r\nimport Table from \"../../../ui/table\";\r\nimport Pagination from \"../../../ui/pagination\";\r\n\r\nclass RichiesteRespinteMinistero extends Component {\r\n state = {\r\n accordi: [],\r\n error: \"\",\r\n loading: false,\r\n firstLoad: true,\r\n tableRows: []\r\n };\r\n _isMounted = false;\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n getAllAccordiPerEnte(this.setParentState);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (this.state.accordi !== prevState.accordi) {\r\n if (this.state.accordi)\r\n this.setState({\r\n tableRows: getTableRows(getAccordi(\r\n this.state.accordi,\r\n this.props.decodifiche_stati_accordo.stati_accordo,\r\n 'RICHIESTA_DI_ACCORDO_RESPINTA_DAL_MINISTERO'\r\n ).slice(0, 10))\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n setParentState = (obj, callback = false) => {\r\n if (this._isMounted) {\r\n if (callback) {\r\n this.setState(\r\n {\r\n ...obj\r\n }, callback\r\n );\r\n } else {\r\n this.setState({\r\n ...obj\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n\r\n const displayNessunAccordo = () => {\r\n if (this.state.accordi) {\r\n if (this.state.accordi.length > 0) {\r\n const checkIfThereAreAccordiAttivi = this.state.accordi.filter(\r\n accordo =>\r\n parseInt(accordo.idstato) ===\r\n getIdDecodificaByVariabile(\r\n \"RICHIESTA_DI_ACCORDO_RESPINTA_DAL_MINISTERO\",\r\n this.props.decodifiche_stati_accordo.stati_accordo\r\n )\r\n );\r\n return checkIfThereAreAccordiAttivi.length > 0 ? (\r\n \"\"\r\n ) : (\r\n
\r\n Nessuna richiesta di accordo respinta\r\n
\r\n );\r\n }\r\n }\r\n };\r\n\r\n const filteredAccordi = getAccordi(\r\n this.state.accordi,\r\n this.props.decodifiche_stati_accordo.stati_accordo,\r\n 'RICHIESTA_DI_ACCORDO_RESPINTA_DAL_MINISTERO'\r\n );\r\n\r\n return (\r\n
\r\n Richieste di adesione respinte
\r\n {\r\n !this.state.loading &&\r\n \r\n }\r\n {\r\n !this.state.loading &&\r\n {\r\n this.setState({tableRows: getTableRows(filteredAccordi).slice(firstItem, lastItem + 1)})\r\n }}\r\n />\r\n }\r\n {displayNessunAccordo()}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nRichiesteRespinteMinistero.propTypes = {\r\n decodifiche_stati_accordo: PropTypes.object.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n decodifiche_stati_accordo: state.decodifiche.stati_accordo\r\n});\r\n\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(RichiesteRespinteMinistero);\r\n","import React, { Fragment } from 'react';\r\nimport { Route } from 'react-router-dom';\r\nimport { DettagliAccordo } from '../../common';\r\nimport { DecodificheContext } from '../../../../contexts';\r\nimport RichiesteRespinteMinistero from \"../../ar-ministero/richieste-respinte-ministero/RichiesteRespinteMinistero\";\r\n\r\nconst RichiesteRespinteSwitch = () => {\r\n return (\r\n
\r\n {({ decodifiche }) => (\r\n \r\n (\r\n \r\n )}\r\n />\r\n (\r\n \r\n )}\r\n />\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default RichiesteRespinteSwitch;\r\n","export const ATT = \"ACCORDO ATTIVO (RICHIESTA DI ACCORDO APPROVATA DAL MINISTERO)\";\r\nexport const RESP = \"RICHIESTA DI ACCORDO RESPINTA DAL MINISTERO\";\r\nexport const IN_APPR = \"RICHIESTA DI ACCORDO INVIATA\";\r\nexport const SOSP = \"ACCORDO SOSPESO\";\r\nexport const REV_MIN = \"ACCORDO REVOCATO DAL MINISTERO\";\r\nexport const REV_ENT = \"ACCORDO REVOCATO DALLA PA/GESTORE\";","export const casiUsoTableHeaders = [\r\n {\r\n value: 'Caso d\\'uso',\r\n },\r\n {\r\n value: 'Totale accordi associati',\r\n classes: 'text-center',\r\n }\r\n];\r\n\r\nexport const entiTableHeaders = [\r\n {\r\n value: 'Tipologia ente',\r\n },\r\n {\r\n value: 'Totale enti',\r\n classes: 'text-center',\r\n }\r\n];\r\n\r\nexport const getCasiUsoTableRows = (data) => {\r\n if (data && data.length > 0) {\r\n return data.map((el, index) => {\r\n return {\r\n id: 'row-' + (index + 1),\r\n cells: [\r\n {\r\n tag: '',\r\n value: el.casoDuso || 'n.d.',\r\n datath: 'Caso d\\'uso'\r\n },\r\n {\r\n tag: '',\r\n value: el.totAccordoAssociati || 'n.d.',\r\n datath: 'Totale accordi associati',\r\n classes: 'text-center',\r\n }\r\n ]\r\n }\r\n })\r\n } else {\r\n return [];\r\n }\r\n};\r\n\r\nexport const getEntiTableRows = (data) => {\r\n if (data && data.length > 0) {\r\n return data.map((el, index) => {\r\n return {\r\n id: 'row-' + (index + 1),\r\n cells: [\r\n {\r\n tag: '',\r\n value: el.tipologiaEnte || 'n.d.',\r\n datath: 'Caso d\\'uso'\r\n },\r\n {\r\n tag: '',\r\n value: el.totEnti || 'n.d.',\r\n datath: 'Totale accordi associati',\r\n classes: 'text-center',\r\n }\r\n ]\r\n }\r\n })\r\n } else {\r\n return [];\r\n }\r\n};\r\n","import React, {Fragment} from \"react\";\r\n\r\nconst MonitoraggioCard = (props) => {\r\n console.log(props.contents)\r\n let allCards = \"\";\r\n if (props && props.contents) {\r\n allCards = props.contents.map((content, i) => {\r\n return (\r\n
\r\n \r\n {\r\n content.type === 1 &&\r\n
\r\n \r\n \r\n
{content.label}
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
{content.value}%
\r\n
\r\n
\r\n }\r\n {\r\n content.type === 0 &&\r\n
\r\n \r\n \r\n
{content.label}
\r\n
{content.value}
\r\n
\r\n }\r\n
\r\n )\r\n })\r\n }\r\n\r\n return (\r\n
\r\n \r\n {allCards}\r\n
\r\n \r\n );\r\n\r\n}\r\nexport default MonitoraggioCard;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Axios from \"axios\";\r\nimport { ATT, SOSP, IN_APPR, RESP, REV_MIN, REV_ENT } from \"../../../../constants/monitoraggio\";\r\nimport { casiUsoTableHeaders, entiTableHeaders, getCasiUsoTableRows, getEntiTableRows } from \"./utils/tableData\";\r\nimport Loading from \"../../../tree/components/Decorators/Loading\";\r\nimport MonitoraggioCard from \"./_partials/MonitoraggioCard\";\r\nimport { PaginatedTable } from \"../../../ui\";\r\n\r\nclass Monitoraggio extends Component {\r\n\r\n state = {\r\n isLoading: false,\r\n accordi: [],\r\n tipologie: [],\r\n casiUso: [],\r\n casiUsoTableRows: [],\r\n enti: [],\r\n entiTableRows: [],\r\n servizi: []\r\n };\r\n\r\n getAccordi() {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n Axios.get(`/anpr-portale-enti-be-web/jaxrs/afmonaccordiview/load/all`).then(res => {\r\n\r\n this.setState({\r\n isLoading: false,\r\n accordi: [\r\n {\r\n label: \"Tot. accordi attivi\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === ATT) ? res.data.filter(x => x.descrizioneMonitoraggio === ATT)[0].accordi : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. accordi sospesi\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === SOSP) ? res.data.filter(x => x.descrizioneMonitoraggio === SOSP)[0].accordi : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. accordi in approvazione\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === IN_APPR) ? res.data.filter(x => x.descrizioneMonitoraggio === IN_APPR)[0].accordi : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. accordi respinti\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === RESP) ? res.data.filter(x => x.descrizioneMonitoraggio === RESP)[0].accordi : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. accordi revocati dal Ministero\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === REV_MIN) ? res.data.filter(x => x.descrizioneMonitoraggio === REV_MIN)[0].accordi : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. accordi revocati dall'ente/PA\",\r\n value: res.data.filter(x => x.descrizioneMonitoraggio === REV_ENT) ? res.data.filter(x => x.descrizioneMonitoraggio === REV_ENT)[0].accordi : \"\",\r\n type: 0\r\n },\r\n ]\r\n });\r\n\r\n }).catch(error => {\r\n this.setState({\r\n isLoading: false,\r\n error: error\r\n });\r\n })\r\n };\r\n\r\n getTipologie() {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n Axios.get(`/anpr-portale-enti-be-web/jaxrs/afmontipcasitotview/load/all`).then(res => {\r\n\r\n this.setState({\r\n isLoading: false,\r\n tipologie: [\r\n {\r\n label: \"Tot. tipologie di casi d’uso\",\r\n value: res.data ? res.data[0].totaleCasiDuso : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. tipologie di casi d’uso associati\",\r\n value: res.data ? res.data[0].totaleCasiDusoAssociati : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"% tipologie associate\",\r\n value: res.data ? res.data[0].percCasiDusoAssociato : \"\",\r\n type: 1\r\n }\r\n ]\r\n });\r\n }).catch(error => {\r\n this.setState({\r\n isLoading: false,\r\n error: error\r\n });\r\n })\r\n };\r\n\r\n getServizi() {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n Axios.get(`/anpr-portale-enti-be-web/jaxrs/afmonricestconsview/load/all`).then(res => {\r\n this.setState({\r\n isLoading: false,\r\n servizi: [\r\n {\r\n label: \"Tot. servizi di consultazione di ANPR richiesti negli ultimi 6 mesi\",\r\n value: res.data ? res.data[0].totServiziConsultazione : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. servizi di estrazione di ANPR richiesti negli ultimi 6 mesi\",\r\n value: res.data ? res.data[0].totServiziEstrazione : \"\",\r\n type: 0\r\n },\r\n {\r\n label: \"Tot. servizi di ANPR richiesti negli ultimi 6 mesi\",\r\n value: res.data ? res.data[0].totServiziComplessivo : \"\",\r\n type: 0\r\n }\r\n ]\r\n });\r\n }).catch(error => {\r\n this.setState({\r\n isLoading: false,\r\n error: error\r\n });\r\n })\r\n };\r\n\r\n getCasiUso() {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n Axios.get(`/anpr-portale-enti-be-web/jaxrs/afmoncasidusoview/load/all`).then(res => {\r\n this.setState({\r\n isLoading: false,\r\n casiUso: res.data,\r\n casiUsoTableRows: getCasiUsoTableRows(res.data)\r\n });\r\n }).catch(error => {\r\n this.setState({\r\n isLoading: false,\r\n error: error\r\n });\r\n })\r\n };\r\n\r\n getEnti() {\r\n this.setState({\r\n isLoading: true,\r\n });\r\n Axios.get(`/anpr-portale-enti-be-web/jaxrs/afmonentiview/load/all`).then(res => {\r\n this.setState({\r\n isLoading: false,\r\n enti: res.data,\r\n entiTableRows: getEntiTableRows(res.data)\r\n });\r\n }).catch(error => {\r\n this.setState({\r\n isLoading: false,\r\n error: error\r\n });\r\n })\r\n };\r\n\r\n componentDidMount() {\r\n this.getAccordi();\r\n this.getTipologie();\r\n this.getCasiUso();\r\n this.getEnti();\r\n this.getServizi();\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n Monitoraggio
\r\n {\r\n this.state.isLoading &&\r\n
\r\n }\r\n {\r\n !this.state.isLoading &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n )\r\n }\r\n}\r\n\r\nMonitoraggio.PropsTypes = {}\r\nconst mapStateToProps = state => ({});\r\nconst mapDispatchToProps = () => ({});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Monitoraggio)\r\n","import moment from \"moment\";\r\nimport React, { Fragment } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { STRINGS } from \"../../../../constants/strings\";\r\nimport { tipoEmail } from \"../../../../constants/tipo-email\";\r\nimport { getNomeDecodificaById } from \"../../../common/decodifiche\";\r\nimport { IconButton } from \"../../../ui\";\r\nimport { utenteInfos } from \"../dettagli-accordo/utils/constants\";\r\nimport { InfoCard } from \"../dettagli-accordo/_partials\";\r\n\r\nconst ProfiloPersonale = ({\r\n authentication,\r\n decodifiche_tipi_utente,\r\n history,\r\n match\r\n}) => {\r\n\r\n const { utente } = authentication;\r\n const { params: { utenza } } = match;\r\n\r\n return (\r\n
\r\n Profilo personale
\r\n !['nome', 'cognome'].includes(utenteinfo.key))\r\n .map(utenteinfo => {\r\n return (\r\n {\r\n label: utenteinfo.label,\r\n value: utenteinfo.key === 'datanascita' ?\r\n utente[utenteinfo.key] ?\r\n moment(utente[utenteinfo.key]).format('DD/MM/YYYY') : STRINGS.NO_VALUE\r\n : utenteinfo.key === 'tipoemail' ?\r\n tipoEmail[utente[utenteinfo.key]]\r\n : utente[utenteinfo.key],\r\n col: utenteinfo.key !== 'codicefiscale' ? 6 : 12\r\n }\r\n )\r\n }),\r\n ]\r\n }\r\n ]}\r\n />\r\n history.push(`/area-riservata/${utenza}/profilo-personale/cambio-password`)}\r\n icon=\"key\"\r\n buttonClass=\"default\"\r\n />\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n decodifiche_tipi_utente: state.decodifiche.tipi_utente,\r\n authentication: state.authentication\r\n});\r\n\r\nexport default connect(mapStateToProps, null)(ProfiloPersonale);\r\n","import React, { Component, Fragment } from \"react\";\r\n\r\nimport { Formik, Form, Field } from \"formik\";\r\n\r\nimport * as Yup from \"yup\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { salvaLaNuovaPassword } from \"../../../redux/actions/area-riservata/enti-actions/actions\";\r\nimport Loading from \"../../tree/components/Decorators/Loading\";\r\nimport IconButton from \"../../ui/icon-button\";\r\n\r\nexport const criteriSicurezzaPassword = () => {\r\n return (\r\n
\r\n
\r\n
Criteri sicurezza password
\r\n
\r\n
\r\n - almeno 8 caratteri;
\r\n - almeno una lettera maiuscola;
\r\n - almeno una lettera minuscola;
\r\n - almeno un numero;
\r\n - almeno un carattere speciale;
\r\n - non più di 2 numeri in sequenza (es.: 123 non è ammesso);
\r\n - non più di 2 caratteri ripetuti;
\r\n - diversa da una delle ultime 10 password utilizzate.
\r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nclass SceltaPassword extends Component {\r\n state = {\r\n hidden: true,\r\n hiddenConferma: true,\r\n utente: {},\r\n link: this.props.link\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n // only update state if props.enti.enti has changed\r\n if (prevState.utente !== this.props.salva_password.utente) {\r\n this.setState({\r\n utente: this.props.salva_password.utente\r\n });\r\n }\r\n }\r\n\r\n toggleShow = () => {\r\n //allow user to show/hide password\r\n this.setState({ hidden: !this.state.hidden });\r\n };\r\n toggleShowConferma = () => {\r\n //allow user to show/hide password\r\n this.setState({ hiddenConferma: !this.state.hiddenConferma });\r\n };\r\n render() {\r\n const { utente } = this.props;\r\n\r\n /**\r\n * dati iniziali per la form\r\n */\r\n const scelta_password_form_init = {\r\n password: \"\",\r\n confermaPassword: \"\"\r\n };\r\n\r\n const displayConditionsPassword =\r\n !this.props.salva_password.loading;\r\n\r\n //validazione campi form\r\n const SceltaPasswordValidationSchema = Yup.object().shape({\r\n password: Yup.string()\r\n .min(8, \"La password deve avere almeno 8 caratteri\")\r\n .matches(/[A-Z]/, \"La password deve avere almeno una lettera maiuscola\")\r\n .matches(/[a-z]/, \"La password deve avere almeno una lettera minuscola\")\r\n .matches(/[0-9]/, \"La password deve avere almeno un numero\")\r\n .matches(\r\n ///[#$^+=!*()@%&]/,\r\n /[#$^+=!*()@%&_-]/,\r\n \"La password deve avere almeno un carattere speciale\"\r\n )\r\n .required(\"Richiesto\")\r\n .test(\r\n \"password\",\r\n \"La password non può contenere più di 2 caratteri ripetuti\",\r\n value => {\r\n return !/(.)\\1\\1/.test(value);\r\n }\r\n )\r\n .test(\r\n \"password\",\r\n \"La password non può contenere più di 2 numeri sequenziali\",\r\n value => {\r\n return !/(?:(?=012|123|234|345|456|567|678|789)\\d)+\\d/.test(value);\r\n }\r\n ),\r\n confermaPassword: Yup.string()\r\n .oneOf(\r\n [Yup.ref(\"password\"), null],\r\n \"I campi Password e Conferma Password devono essere uguali\"\r\n )\r\n .required(\"Richiesto\")\r\n });\r\n\r\n const displayLoading = () => {\r\n if (this.props.salva_password) {\r\n return this.props.salva_password.loading ? (\r\n
\r\n {\" \"}\r\n \r\n
\r\n ) : (\r\n \"\"\r\n );\r\n }\r\n };\r\n\r\n const savePasswordError = () => {\r\n if (this.props.salva_password.error) {\r\n return this.props.salva_password.error.response ? (\r\n
\r\n {\"Errore \" +\r\n this.props.salva_password.error.response.status +\r\n \". \" +\r\n (this.props.salva_password.error.response.data.message || \"\")}\r\n
\r\n ) : (\r\n
\r\n {this.props.salva_password.error.message || \"\"}\r\n
\r\n );\r\n }\r\n };\r\n\r\n const passwordSaved = () =>\r\n this.props.salva_password.utente ? (\r\n
\r\n La password è stata aggiornata.\r\n
\r\n ) : (\r\n \"\"\r\n );\r\n\r\n\r\n\r\n return (\r\n
\r\n {passwordSaved()}\r\n {savePasswordError()}\r\n Attivazione credenziali
\r\n \r\n
\r\n {!this.props.salva_password.utente &&\r\n
\r\n
\r\n
Password
\r\n {displayLoading()}\r\n
{\r\n /**\r\n * call action to save password and update richiesta accreditamento\r\n */\r\n\r\n this.props.salvaLaNuovaPassword(utente.id, {\r\n password: values.password,\r\n link: this.state.link\r\n //,confermaPassword: values.confermaPassword\r\n });\r\n }}\r\n >\r\n {({\r\n isSubmitting,\r\n setFieldValue,\r\n values,\r\n errors,\r\n touched,\r\n validateField,\r\n isValid,\r\n isValidating\r\n }) => (\r\n \r\n\r\n
\r\n {errors.password && touched.password ? (\r\n
\r\n {errors.password}\r\n
\r\n ) : null}\r\n {errors.confermaPassword && touched.confermaPassword ? (\r\n
\r\n {errors.confermaPassword}\r\n
\r\n ) : null}\r\n\r\n
\r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n )}\r\n \r\n
\r\n
\r\n {criteriSicurezzaPassword()}\r\n
\r\n