{"procedure":{"accessUrl":"declaration-de-nuisances-sonores","description":"<div>Ce service en ligne vous permet d'effectuer des déclarations de nuisances sonores auprès de votre Police municipale.</div><div>Certains bruits provoqués peuvent être constitutifs de nuisances sonores. La loi civile, et parfois la loi pénale, permettent de faire mettre un terme ou de réduire des bruits persistants. </div><div><br></div><div>Mesurez bien le caractère gênant et persistant des bruits.&nbsp;<strong>N'engagez une action qu'à bon escient, vous pourriez être condamné à des dommages et intérêts en cas de procédure abusive.</strong> </div><div><br></div><div>Pour plus d'informations, veuillez consulter la page des services publics concernant les nuisances sonores en cliquant&nbsp;<a href=\"http://www.legifrance.gouv.fr/affichCode.do?idSectionTA=LEGISCTA000006190341&amp;cidTexte=LEGITEXT000006072665\" target=\"_blank\">ici</a>. </div><div><br></div><div><strong>Le bruit peut être une réelle nuisance au quotidien.</strong> </div><div>Pour en limiter les désagréments, des horaires de \"tolérance\" ont été établis. </div><div>Halte aux idées reçues !</div><div> <br></div><div><strong>Ni après 22h, ni avant !</strong></div><div>Pour en finir définitivement avec des idées fausses, il faut rappeler que les bruits de voisinage dus à la diffusion de musique, aux appareils ménagers, à une fête familiale… ne sont tolérés ni le jour ni la nuit. </div>","displayedProperties":{"task":{"title":"precisionsConcernantLaLocalisationDeLaNuisanceSonore","subtitle":"localisationDeLaNuisanceSonore"},"request":{"title":"typeDeNuisanceSonore","subtitle":"_other_requestName","metadata":["typeDeNuisanceSonore","localisationDeLaNuisanceSonore"]},"statisticField":"typeDeNuisanceSonore"},"icon":"https://citopia-images.s3.fr-par.scw.cloud/icons/accessibility/ear.svg","imageUrl":"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/declaration-de-nuisances-sonores/1669119288668-8f4d430a-04ff-4641-88bc-4410bece4ef8.jpg","shouldBeAnonymized":false,"thirdPartAppConfig":null,"title":"Déclaration de nuisances sonores","type":"BPMN","localisationField":null},"workflowConfig":{"buttonText":"Déclarer une nuisance sonore","bpmnKey":"Process_Une_Tache","formId":"Déclaration nuisance sonore","events":{"StartEvent_1":{"name":"StartEvent_1","sendMessage":false,"assignee":"","assigneeDefault":""},"En_attente":{"name":"Précisions nécessaires","sendMessage":false,"typeAssignee":"citizen","formId":"Generique - infos complementaires usagers - 1755164590257","assignee":"","assigneeDefault":"","dueDate":""},"Valider":{"name":"Valider","sendMessage":false,"typeAssignee":"statique","formId":"Générique - Traiter demande - 1789718947331","assigneeDefault":"","dueDate":""},"EndEvent_0b64xj5":{"name":"EndEvent_0b64xj5","sendMessage":false,"assignee":"","assigneeDefault":""},"EndEvent_1a31tc3":{"name":"EndEvent_1a31tc3","sendMessage":false,"assignee":"","assigneeDefault":""},"AccuseDeReception":{"name":"Accusé de réception","changeStatus":true,"stateStatus":"statusDefault_new","nameStatus":"Réceptionné","sendMessage":true,"communications":[{"uuid":"9ab323e8-c6e0-4e68-b84a-7427f78fc6b4","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Déclaration de nuisance sonore - Accusé","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"InformationsManquantesfournies":{"name":"Informations manquantes fournies","changeStatus":true,"stateStatus":"statusDefault_pending","sendMessage":false,"assignee":"","assigneeDefault":""},"ComplementInformationsNecessaires":{"name":"Complement Informations Nécessaires","changeStatus":true,"stateStatus":"statusDefault_differed","nameStatus":"Précisions nécessaires","sendMessage":true,"communications":[{"uuid":"c6abed44-bc13-4a38-bf60-11ede4681f8c","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Déclaration de nuisances sonores - Précisions usager","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeRejetee":{"name":"Demande rejetée","changeStatus":true,"stateStatus":"statusDefault_rejected","nameStatus":"Refusé","sendMessage":true,"communications":[{"uuid":"594a4ab4-7957-427f-ba2a-7b247b10d827","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Déclaration de nuisances sonores - Rejet","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"DemandeTraitee":{"name":"Demande traitée","changeStatus":true,"stateStatus":"statusDefault_ended","nameStatus":"Clôturé","sendMessage":true,"communications":[{"uuid":"46b19a0b-d478-4e04-9b5b-ef9cab1daf54","enabled":true,"communicationChannel":"email","communicationCondition":"always","tabAdvancedOperator":null,"tabAdvancedCondition":null,"typeDest":"user","templateMessage":"Déclaration nuisances sonores - Traité","senderEmail":"","senderName":""}],"assignee":"","assigneeDefault":""},"ExclusiveGateway_1nkocbv":{"name":"ExclusiveGateway_1nkocbv","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1666w4x":{"name":"SequenceFlow_1666w4x","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1dj1e7t":{"name":"SequenceFlow_1dj1e7t","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08qwxhw":{"name":"SequenceFlow_08qwxhw","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_15ic92m":{"name":"SequenceFlow_15ic92m","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_1x05efi":{"name":"SequenceFlow_1x05efi","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0sh3bbd":{"name":"SequenceFlow_0sh3bbd","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_09q12hq":{"name":"SequenceFlow_09q12hq","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0uh6kvn":{"name":"SequenceFlow_0uh6kvn","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ogan37":{"name":"SequenceFlow_0ogan37","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_0ukjkco":{"name":"SequenceFlow_0ukjkco","sendMessage":false,"assignee":"","assigneeDefault":""},"SequenceFlow_08rznq2":{"name":"SequenceFlow_08rznq2","sendMessage":false,"assignee":"","assigneeDefault":""}},"flows":{}},"section":"Sécurité / Tranquilité","comTemplates":[{"procedureId":"Déclaration de nuisances sonores","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite des précisions de votre part suite à une déclaration de nuisance sonore</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Précisions nécessaires - Déclaration de nuisance sonore</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} nécessite une action de votre part afin de pouvoir la traiter.</p>\n                                <p>Afin de nous fournir les informations demandées, connectez-vous sur&nbsp;{{{MecAccessUrl}}} puis accéder à la section Mes demandes / Mes actions à faire</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n           <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Localisation de la nuisance  : {{{form_localisationDeLaNuisanceSonore}}}</li>\n                          <li>Type de nuisance sonore : {{{form_typeDeNuisanceSonore}}}</li>\n                          <li>Tranche horaire concernée : {{{form_trancheHoraireDeLaSurvenueDesFaits}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Déclaration de nuisances sonores - Précisions usager","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre demande nécessite des précisions"},{"procedureId":"Déclaration de nuisances sonores","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                        <tbody><tr>\n                            <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                               \n                            </td>\n                        </tr>\n                        <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Demande clôturée - Déclaration de nuisance sonore</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été traitée par nos services. </p>\n                                <p>Nous espérons que notre réponse vous a apporté satisfaction.</p>\n                                <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                                <p>Cordialement.</p>\n                                <p>\n                                    Commune de {{{InterneNomCommune}}}\n                                    <br>\n                                </p>\n                            </td>   \n                        </tr>   \n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Localisation de la nuisance  : {{{form_localisationDeLaNuisanceSonore}}}</li>\n                          <li>Type de nuisance sonore : {{{form_typeDeNuisanceSonore}}}</li>\n                          <li>Tranche horaire concernée : {{{form_trancheHoraireDeLaSurvenueDesFaits}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Déclaration nuisances sonores - Traité","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre déclaration de nuisance sonore a été traitée"},{"procedureId":"Déclaration de nuisances sonores","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Accusé de réception - Déclaration de nuisances sonores</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                \n                                <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                <p>Nous avons bien réceptionné votre demande créée le {{{DemarcheDemandeDateCreation}}} et nous vous en remercions.</p>\n                                <p>Votre demande est transmise au service compétent ({{{DemarcheDemandeAssignee}}}) afin d‘y apporter une réponse dans les meilleurs délais.</p>\n                                <p>Nous vous tiendrons informé(e) de sa résolution. Toutefois si vous souhaitez consulter l'état de vos demandes, connectez-vous sur&nbsp;{{{MecAccessUrl}}}</p>\n                              <p>Cordialement.</p>\n                              <p>Commune de {{{InterneNomCommune}}}\n                              <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n            <!-- Clear Spacer : BEGIN -->\n            <tr>\n                <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                    \n                <br></td>\n            </tr>\n            <tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                        <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                            <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                                <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                                <li>Localisation de la nuisance  : {{{form_localisationDeLaNuisanceSonore}}}</li>\n                              <li>Type de nuisance sonore : {{{form_typeDeNuisanceSonore}}}</li>\n                              <li>Tranche horaire concernée : {{{form_trancheHoraireDeLaSurvenueDesFaits}}}</li>\n                              </ul>\n                            </td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n        </tbody></table>\n\n        <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n            <tbody><tr>\n                <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                    Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n                </td>\n            </tr>\n        </tbody></table>\n\n    </div>\n       \n\n\n\n","title":"Déclaration de nuisance sonore - Accusé","type":"email","sendDocumentsAsAttachments":false,"subject":"Votre déclaration de nuisance sonore a été réceptionnée"},{"procedureId":"Déclaration de nuisances sonores","text":"\n\n\n    <div><br></div><!-- Disable auto-scale in iOS 10 Mail entirely -->\n    <div><title>Votre demande</title> </div><!-- The title tag shows in email notifications, like Android 4.4. -->\n\n    <!-- Web Font / @font-face : BEGIN -->\n\t<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->\n\n    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->\n    <!--[if mso]>\n        <style>\n            * {\n                font-family: sans-serif !important;\n            }\n        </style>\n    <![endif]-->\n\n    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->\n    <!--[if !mso]><!-->\n        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->\n    <!--<![endif]-->\n\n    <!-- Web Font / @font-face : END -->\n\n\t<!-- CSS Reset -->\n    <style>\n\n        /* What it does: Remove spaces around the email design added by some email clients. */\n        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */\n        html,\n        body {\n            margin: 0 auto !important;\n            padding: 0 !important;\n            height: 100% !important;\n            width: 100% !important;\n        }\n\n        /* What it does: Stops email clients resizing small text. */\n        * {\n            -ms-text-size-adjust: 100%;\n            -webkit-text-size-adjust: 100%;\n        }\n\n        /* What is does: Centers email on Android 4.4 */\n        div[style*=\"margin: 16px 0\"] {\n            margin:0 !important;\n        }\n\n        /* What it does: Stops Outlook from adding extra spacing to tables. */\n        table,\n        td {\n            mso-table-lspace: 0pt !important;\n            mso-table-rspace: 0pt !important;\n        }\n\n        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */\n        table {\n            border-spacing: 0 !important;\n            border-collapse: collapse !important;\n            table-layout: fixed !important;\n            margin: 0 auto !important;\n        }\n        table table table {\n            table-layout: auto;\n        }\n\n        /* What it does: Uses a better rendering method when resizing images in IE. */\n        img {\n            -ms-interpolation-mode:bicubic;\n        }\n\n        /* What it does: A work-around for iOS meddling in triggered links. */\n        *[x-apple-data-detectors] {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        /* What it does: A work-around for Gmail meddling in triggered links. */\n        .x-gmail-data-detectors,\n        .x-gmail-data-detectors *,\n        .aBn {\n            border-bottom: 0 !important;\n            cursor: default !important;\n        }\n\n        /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */\n        .a6S {\n\t        display: none !important;\n\t        opacity: 0.01 !important;\n        }\n        /* If the above doesn't work, add a .g-img class to any image in question. */\n        img.g-img + div {\n\t        display:none !important;\n\t   \t}\n\n        /* What it does: Prevents underlining the button text in Windows 10 */\n        .button-link {\n            text-decoration: none !important;\n        }\n\n        /* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */\n        /* Create one of these media queries for each additional viewport size you'd like to fix */\n        /* Thanks to Eric Lepetit @ericlepetitsf) for help troubleshooting */\n        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */\n            .email-container {\n                min-width: 375px !important;\n            }\n        }\n        /* Rajout spécifique BE Attractive */\n       .titreville {\n                font-size: 18px;\n                color: #003f82\n        }\n       \n        .titreville2 {\n                font-size: 18px;\n                color: #ffffff\n        }        \n    </style>\n\n    <!-- Progressive Enhancements -->\n    <style>\n\n        /* What it does: Hover styles for buttons */\n        .button-td,\n        .button-a {\n            transition: all 100ms ease-in;\n        }\n        .button-td:hover,\n        .button-a:hover {\n            background: #555555 !important;\n            border-color: #555555 !important;\n        }\n\n    </style>\n\n \n\n    <div class=\"email-container\" style=\"max-width: 600px; background-color: white; margin-left: auto; margin-right: auto; margin-top: 0px;\">\n        <br><table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" style=\"max-width: 600px;\">\n            <!-- 1 Column Text + Button : BEGIN -->\n            <tbody><tr>\n                <td style=\"background-color: #ffffff\">\n                    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n                            <tbody><tr>\n                                <td style=\"padding: 15px 40px ;font-family: sans-serif;color: #8B94A5;\">\n                                    <p><em>La commune de {{{InterneNomCommune}}} souhaite vous informer suite à une demande de votre part.</em></p><div style=\"text-align: center;\"><img src=\"https://s3.fr-par.scw.cloud/citopia-images/procedure-images/default-com-template-image.jpeg\" width=\"240\" height=\"200\"><br></div><div><br></div>\n                                   \n                                </td>\n                            </tr>\n                            <tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                                <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                                    <div class=\"titreville2\">Information concernant votre déclaration de nuisance sonore</div>\n                                </td>\n                                </tr>\n                                <tr><td style=\"padding: 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\">\n                                    <p>Bonjour {{{UsagerNomComplet}}},</p>\n                                    <p>Votre demande créée le {{{DemarcheDemandeDateCreation}}} a été instruite par nos services. Malheureusement nous n'avons pas pu y donner suite.</p>\n                                    <p>Si vous souhaitez consulter l'état de vos demandes, connectez-vous sur {{{MecAccessUrl}}}</p>\n                                  <p>Cordialement.</p>\n                                  <p>Commune de {{{InterneNomCommune}}}\n                                <br>\n                            </p></td>\n                        </tr>\n                    </tbody></table>\n                </td>\n            </tr>\n           \n            <!-- Clear Spacer : BEGIN -->\n          \n           <!-- Clear Spacer : BEGIN -->\n           <tr>\n            <td height=\"20\" style=\"font-size: 0; line-height: 0;background-color:#ffffff\">&nbsp;\n                \n            <br></td>\n        </tr>\n        <tr>\n            <td style=\"background-color: #ffffff\">\n                <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"100%\">\n                    <tbody><tr style=\"Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal; background-color: #2592F0;font-size: 20px;line-height: 28px;\">\n                        <td style=\"padding: 15px 40px ; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;\">\n                            <div class=\"titreville2\">Récapitulatif de votre demande</div>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td style=\"padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;\"><ul>\n                            <li>Numéro de suivi de la demande : {{{DemarcheDemandeNumeroSuivi}}}</li> \n                            <li>Localisation de la nuisance  : {{{form_localisationDeLaNuisanceSonore}}}</li>\n                          <li>Type de nuisance sonore : {{{form_typeDeNuisanceSonore}}}</li>\n                          <li>Tranche horaire concernée : {{{form_trancheHoraireDeLaSurvenueDesFaits}}}</li>\n                          </ul>\n                        </td>\n                    </tr>\n                </tbody></table>\n            </td>\n        </tr>\n    </tbody></table>\n\n    <table role=\"presentation\" aria-hidden=\"true\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=\"100%\" style=\"max-width: 600px;\">\n        <tbody><tr>\n            <td style=\"padding: 10px 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888; background: #efefef;\" class=\"x-gmail-data-detectors\">\n                Ce message a été envoyé automatiquement par la ville de {{{InterneNomCommune}}}. <br> Merci de ne pas répondre à cet email. <br>\n            </td>\n        </tr>\n    </tbody></table>\n\n</div>\n   \n\n\n\n","title":"Déclaration de nuisances sonores - Rejet","type":"email","sendDocumentsAsAttachments":false,"subject":"Informations concernant votre déclaration de nuisance sonore"}],"forms":[{"active":null,"components":[{"input":true,"type":"radio","key":"approvalState","validate":{"required":true,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false,"onlyAvailableItems":false},"values":[{"shortcut":"","value":"1","label":"Traiter et clôturer la demande"},{"shortcut":"","value":"0","label":"Refuser et clôturer la demande"},{"shortcut":"","value":"2","label":"Demander plus d'informations à l'usager via le portail citoyen"}],"tableView":false,"inline":false,"optionsLabelPosition":"right","label":"Que souhaitez-vous faire ?","id":"e1i14kh","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"dataSrc":"values","authenticate":false,"ignoreCache":false,"template":"<span>{{ item.label }}</span>","inputType":"radio","data":{"url":""},"fieldSet":false},{"label":"Souhaitez-vous envoyer un message à l'usager pour l'informer ?","optionsLabelPosition":"right","inline":false,"tableView":false,"values":[{"shortcut":"","value":"0","label":"Oui, via un commentaire public visible sur le portail citoyen"},{"shortcut":"","value":"1","label":"Oui, via l'envoi d'un email"},{"label":"Oui, via un courrier","value":"paperMail","shortcut":""},{"shortcut":"","value":"2","label":"Non"}],"validate":{"required":true,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false,"onlyAvailableItems":false},"key":"customContactResponse","conditional":{"show":false,"when":"approvalState","eq":"2"},"type":"customContactResponseRadio","input":true,"id":"elzicjb","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"dataSrc":"values","authenticate":false,"ignoreCache":false,"template":"<span>{{ item.label }}</span>","inputType":"radio","data":{"url":""},"fieldSet":false},{"customClass":"","txt_label":"Saisissez votre message à destination de l'usager","required_comment":true,"key":"customAddPublicCommentWithAiForm","tags":[],"properties":{},"conditional":{"show":true,"when":"customContactResponse","eq":"0","json":""},"customConditional":"","logic":[],"attributes":{},"overlay":{"style":"","page":"","left":"","top":"","width":"","height":""},"type":"customAddPublicCommentWithAIForm","input":true,"tableView":false,"label":"","components":[{"key":"citopia_addPublicComment1","label":"","type":"textarea","editorReady":"quill","wysiwyg":{"theme":"snow","modules":{"toolbar":false}},"as":"html","editor":"quill","input":true,"isUploadEnabled":false,"tableView":true,"id":"ex1xpk","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":true,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false,"minLength":"","maxLength":"","pattern":"","minWords":"","maxWords":""},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"mask":false,"inputType":"text","inputFormat":"html","inputMask":"","displayMask":"","spellcheck":true,"truncateMultipleSpaces":false,"rows":3,"fixedSize":true},{"type":"customFormAIButton","key":"custom-ai-button1","input":false,"data":{"url":"{{%{ URL_API }%}}/api/v2/process-instance/{{%{ PI_ID }%}}/generated-response","headers":[{"key":"Authorization","value":"Bearer {{% API_TOKEN %}}"},{"key":"X-Tenant","value":"{{% TENANT_ID %}}"}]},"activeFormUrl":"{{%{ URL_API }%}}/api/v2/procedure/{{%{ PROCEDURE_ID }%}}/get-active-form","relatedSubmissionField":"citopia_addPublicComment1","tableView":false,"label":"","id":"ei8kls","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[]}],"placeholder":"","prefix":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"allowMultipleMasks":false,"addons":[],"tree":false,"lazyLoad":false,"id":"ez6zr","dataGridLabel":false},{"customClass":"","txt_label":"Votre message: ","key":"customFormSendEmailWithAi","tags":[],"properties":{},"conditional":{"show":true,"when":"customContactResponse","eq":"1","json":""},"customConditional":"","logic":[],"attributes":{},"overlay":{"style":"","page":"","left":"","top":"","width":"","height":""},"type":"customFormSendEmailWithAI","input":true,"placeholder":"","prefix":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"label":"","labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"allowMultipleMasks":false,"addons":[],"tree":false,"lazyLoad":false,"components":[{"key":"citopia_destEmail","label":"","type":"hidden","defaultValue":"{{% RECEIVER_EMAIL %}}","id":"e69icv","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"inputType":"hidden"},{"key":"citopia_destNameEmail","label":"","type":"hidden","defaultValue":"{{% RECEIVER_NAME_EMAIL %}}","id":"e6tato","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"inputType":"hidden"},{"key":"citopia_objectEmail","label":"","type":"hidden","defaultValue":"{{% OBJECT_EMAIL %}}","id":"ebupq1b","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"inputType":"hidden"},{"key":"citopia_senderNameEmail","label":"","type":"hidden","defaultValue":"{{% SENDER_NAME_EMAIL %}}","id":"eedgxtf","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"inputType":"hidden"},{"key":"citopia_senderEmail","label":"","type":"hidden","defaultValue":"{{% SENDER_EMAIL %}}","id":"er278sq","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"inputType":"hidden"},{"type":"customFormAIButton","key":"custom-ai-button","input":false,"data":{"url":"{{%{ URL_API }%}}/api/v2/process-instance/{{%{ PI_ID }%}}/generated-response","headers":[{"key":"Authorization","value":"Bearer {{% API_TOKEN %}}"},{"key":"X-Tenant","value":"{{% TENANT_ID %}}"}]},"activeFormUrl":"{{%{ URL_API }%}}/api/v2/procedure/{{%{ PROCEDURE_ID }%}}/get-active-form","relatedSubmissionField":"citopia_contentEmail","id":"e31mb0l","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"label":"","dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[]},{"key":"citopia_contentEmail","label":"","type":"textarea","editorReady":"quill","wysiwyg":{"theme":"snow","modules":{"toolbar":false}},"as":"string","editor":"quill","input":true,"isUploadEnabled":false,"tableView":true,"id":"ecnn08a","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false,"minLength":"","maxLength":"","pattern":"","minWords":"","maxWords":""},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"mask":false,"inputType":"text","inputFormat":"html","inputMask":"","displayMask":"","spellcheck":true,"truncateMultipleSpaces":false,"rows":3,"fixedSize":true},{"key":"citopia_email_files","label":"Pièces jointes: ","type":"file","options":"{ \"test\": true }","storage":"url","fileTypes":[{"label":"","value":""}],"id":"ex09la","input":true,"placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"image":false,"privateDownload":false,"imageSize":"200","filePattern":"*","fileMinSize":"0KB","fileMaxSize":"1GB","uploadOnly":false}],"id":"eufzr9","dataGridLabel":false},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #D3E9FC;\n        color:#134C7D;\n        padding-left:10px;\n        padding-top:10px;\n        overflow:auto;\"><h5>Vous souhaitez demander des précisions à l'usager.</h5>\n<p>\nL'usager sera notifié par email de l'arrivé d'un commentaire public.<br>\nIl pourra le consulter depuis le portail citoyen.<br/> \nSaisissez votre message à destination de l'usager ci-dessous.<br/><br/></p>\n</div>","refreshOnChange":false,"key":"html","conditional":{"show":true,"when":"approvalState","eq":"2"},"type":"htmlelement","tableView":false,"input":false,"id":"e2mcd78","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":false,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"tag":"div"},{"customClass":"","txt_label":"Ajouter un commentaire public","required_comment":true,"key":"customAddPublicCommentWithAiForm1","tags":[],"properties":{},"conditional":{"show":true,"when":"approvalState","eq":"2","json":""},"customConditional":"","logic":[],"attributes":{},"overlay":{"style":"","page":"","left":"","top":"","width":"","height":""},"type":"customAddPublicCommentWithAIForm","input":true,"placeholder":"","prefix":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"label":"","labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"allowMultipleMasks":false,"addons":[],"tree":false,"lazyLoad":false,"components":[{"key":"citopia_addPublicComment","label":"","type":"textarea","editorReady":"quill","wysiwyg":{"theme":"snow","modules":{"toolbar":false}},"as":"html","editor":"quill","input":true,"isUploadEnabled":false,"tableView":true,"id":"e5k5zm9","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":true,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false,"minLength":"","maxLength":"","pattern":"","minWords":"","maxWords":""},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"mask":false,"inputType":"text","inputFormat":"html","inputMask":"","displayMask":"","spellcheck":true,"truncateMultipleSpaces":false,"rows":3,"fixedSize":true},{"type":"customFormAIButton","key":"custom-ai-button2","input":false,"data":{"url":"{{%{ URL_API }%}}/api/v2/process-instance/{{%{ PI_ID }%}}/generated-response","headers":[{"key":"Authorization","value":"Bearer {{% API_TOKEN %}}"},{"key":"X-Tenant","value":"{{% TENANT_ID %}}"}]},"activeFormUrl":"{{%{ URL_API }%}}/api/v2/procedure/{{%{ PROCEDURE_ID }%}}/get-active-form","relatedSubmissionField":"citopia_addPublicComment","id":"ez3fdo4d","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":true,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","tableView":false,"modalEdit":false,"label":"","dataGridLabel":false,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":null,"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[]}],"id":"e45tsi","dataGridLabel":false},{"tableView":false,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button","id":"e13qtzd","placeholder":"","prefix":"","customClass":"","suffix":"","multiple":false,"defaultValue":null,"protected":false,"unique":false,"persistent":false,"hidden":false,"clearOnHide":true,"refreshOn":"","redrawOn":"","modalEdit":false,"dataGridLabel":true,"labelPosition":"top","description":"","errorLabel":"","tooltip":"","hideLabel":false,"tabindex":"","disabled":false,"autofocus":false,"dbIndex":false,"customDefaultValue":"","calculateValue":"","calculateServer":false,"widget":{"type":"input"},"attributes":{},"validateOn":"change","validate":{"required":false,"custom":"","customPrivate":false,"strictDateValidation":false,"multiple":false,"unique":false},"conditional":{"show":null,"when":null,"eq":""},"overlay":{"style":"","left":"","top":"","width":"","height":""},"allowCalculateOverride":false,"encrypted":false,"showCharCount":false,"showWordCount":false,"properties":{},"allowMultipleMasks":false,"addons":[],"size":"md","leftIcon":"","rightIcon":"","block":false,"action":"submit","theme":"primary"}],"display":"form","procedureId":"Déclaration de nuisances sonores","name":"Générique - Traiter demande - 1789718947331","type":"process"},{"active":null,"components":[{"components":[{"validate":{"required":true},"tableView":true,"isUploadEnabled":false,"input":true,"editor":"quill","as":"html","wysiwyg":{"modules":{"toolbar":[[{"size":["small",false,"large","huge"]}],[{"header":[1,2,3,4,5,6,false]}],[{"font":[]}],["bold","italic","underline","strike",{"script":"sub"},{"script":"super"},"clean"],[{"color":[]},{"background":[]}],[{"list":"ordered"},{"list":"bullet"},{"indent":"-1"},{"indent":"+1"},{"align":[]}],["blockquote","code-block"],["link","image","video","formula","source"]],"clipboard":{"matchVisual":false}},"placeholder":"","theme":"snow"},"editorReady":"quill","type":"textarea","label":"Saisissez votre message à destination des agents de la mairie","key":"citopia_addPublicComment"}],"label":"","tableView":false,"input":true,"type":"customAddPublicCommentForm","key":"customAddPublicCommentForm","required_comment":true,"txt_label":"Saisissez votre message à destination des agents de la mairie"},{"input":true,"type":"radio","key":"souhaitezVousJoindreDesDocuments","validate":{"required":true},"values":[{"shortcut":"","value":"oui","label":"Oui"},{"shortcut":"","value":"non","label":"Non"}],"tableView":false,"inline":true,"optionsLabelPosition":"right","label":"Souhaitez-vous joindre des documents ?"},{"options":"{\"document\":true}","input":true,"type":"file","conditional":{"eq":"oui","when":"souhaitezVousJoindreDesDocuments","show":true},"key":"documentSAJoindre","validate":{"required":true},"multiple":true,"fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Document(s) à joindre"},{"clearOnRefresh":false,"widget":null,"labelMargin":3,"labelWidth":30,"tableView":true,"input":true,"disableOnInvalid":true,"key":"submit","label":"Submit","type":"button"}],"display":"form","procedureId":"Déclaration de nuisances sonores","name":"Generique - infos complementaires usagers - 1755164590257","type":"process"},{"active":true,"components":[{"tableView":false,"input":false,"components":[{"parentKey":"page1","components":[{"parentKey":"page1","validate":{"required":false},"tableView":true,"input":true,"inline":true,"optionsLabelPosition":"right","values":[{"shortcut":"","value":"monsieur","label":"Monsieur"},{"shortcut":"","value":"madame","label":"Madame"}],"defaultValue":"citopia[identity].persona.data.civilite","type":"radio","label":"Civilité","key":"civilite"},{"parentKey":"page1","input":true,"tableView":true,"validate":{"required":true},"defaultValue":"citopia[identity].persona.data.lastName","type":"textfield","label":"Nom","key":"nom"},{"parentKey":"page1","input":true,"tableView":true,"validate":{"required":true},"defaultValue":"citopia[identity].persona.data.firstName","type":"textfield","label":"Prénom","key":"prenom"},{"parentKey":"page1","components":[{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address1","tableView":false,"label":"Address 1"},{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_address2","tableView":false,"label":"Address 2"},{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_city","tableView":false,"label":"City"},{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_state","tableView":false,"label":"State"},{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_country","tableView":false,"label":"Country"},{"parentKey":"page1","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"adresse_zip","tableView":false,"label":"Zip Code"}],"input":true,"tableView":true,"provider":"google","defaultValue":"citopia[identity].persona.data.address","type":"address","label":"Adresse","key":"adresse","apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"},{"parentKey":"page1","input":true,"tableView":true,"defaultValue":"citopia[identity].persona.data.additionalAddress","label":"Complément d'adresse","type":"textfield","key":"additionalAddress"},{"parentKey":"page1","input":true,"tableView":true,"validate":{"custom":"valid = ['1','2','3','4','5','6','7','8','9'].includes(input.substring(4, 5)) ? true : 'L\\'indicatif n\\'est pas valide'","required":false},"inputMask":"+33 9.99.99.99.99","defaultValue":"citopia[identity].persona.data.phone","type":"textfield","label":"Téléphone","key":"telephone"},{"parentKey":"page1","input":true,"tableView":true,"validate":{"required":false},"defaultValue":"citopia[identity].persona.data.email","type":"email","label":"Email","key":"mail"},{"parentKey":"page1","input":true,"attributes":{"displayInEmailSumup":"false"},"tableView":true,"label":"Mémoriser mes données personnelles pour mes prochaines demandes","type":"checkbox","key":"memoriserMesDonneesPersonnellesPourMesProchainesDemandes"}],"label":"","tableView":false,"input":true,"type":"customCitizenForm","key":"customCitizenForm"}],"label":"Page 1","type":"panel","key":"page1","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Informations personnelles"},{"components":[{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Localisation sonore</h3>\n</div>","refreshOnChange":false,"key":"html","type":"htmlelement","parentKey":"page2","tableView":false,"input":false},{"parentKey":"page2","components":[{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_address1","tableView":false,"label":"Address 1"},{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_address2","tableView":false,"label":"Address 2"},{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_city","tableView":false,"label":"City"},{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_state","tableView":false,"label":"State"},{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_country","tableView":false,"label":"Country"},{"parentKey":"page2","customConditional":"show = _.get(instance, 'parent.manualMode', false);","input":true,"type":"textfield","key":"localisationDeLaNuisanceSonore_zip","tableView":false,"label":"Zip Code"}],"input":true,"type":"address","key":"localisationDeLaNuisanceSonore","validate":{"required":true},"provider":"google","tableView":false,"label":"Localisation de la nuisance sonore","apiKey":"AIzaSyCyNNRd-a-qFy8JKlb8wWpe2Y2TMmCqe6E"},{"parentKey":"page2","input":true,"type":"textarea","key":"precisionsConcernantLaLocalisationDeLaNuisanceSonore","tableView":true,"autoExpand":false,"label":"Précisions concernant la localisation de la nuisance sonore"},{"label":"HTML","attrs":[{"value":"","attr":""}],"content":"<div style=\"background-color: #F5F6FA;\n        border:solid;\n        border:1px solid #E1E5F2;\n        padding-left:10px;\n        padding-top:10px;\n        padding-bottom:10px;\n        overflow:auto;\">\n  <h3>Description de la nuisance sonore</h3>\n</div>","refreshOnChange":false,"key":"html1","type":"htmlelement","parentKey":"page2","tableView":false,"input":false},{"parentKey":"page2","input":true,"type":"select","attributes":{"statisticField":"true","editableField":"true"},"key":"typeDeNuisanceSonore","validate":{"required":true},"data":{"values":[{"value":"animaux","label":"Animaux"},{"value":"bricolageEtTravaux","label":"Bricolage et travaux"},{"value":"bruitsLiesAuComportement","label":"Bruits liés au comportement"},{"value":"equipementsEtAppareilsMenagers","label":"Equipements et appareils ménagers"},{"value":"etablissementRecevantDuPublic","label":"Etablissement recevant du public"},{"value":"magasinsEtArtisans","label":"Magasins et artisans"},{"value":"pasEtChocsSurLeSol","label":"Pas et chocs sur le sol"}]},"tableView":true,"widget":"choicesjs","label":"Type de nuisance sonore"},{"parentKey":"page2","input":true,"type":"textarea","key":"descriptionDeLaNuisanceSonore","validate":{"required":true},"tableView":true,"autoExpand":false,"label":"Description de la nuisance sonore"},{"parentKey":"page2","input":true,"type":"select","attributes":{"editableField":"true"},"key":"trancheHoraireDeLaSurvenueDesFaits","validate":{"required":true},"data":{"values":[{"value":"matin","label":"Matin"},{"value":"apresMidi","label":"Après-midi"},{"value":"soiree","label":"Soirée"},{"value":"nuit","label":"Nuit"}]},"tableView":true,"widget":"choicesjs","label":"Tranche horaire de la survenue des faits"},{"parentKey":"page2","input":true,"type":"textarea","key":"demarchesQueVousAvezEntreprisesAupresDesFauteursDeTroubles","tableView":true,"autoExpand":false,"placeholder":"Démarches que vous avez entreprises auprès des fauteurs de trouble : conversations, appels téléphoniques, courriers…","label":"Démarches que vous avez entreprises auprès des fauteurs de troubles"},{"parentKey":"page2","options":"{\"document\":true}","input":true,"type":"file","key":"pieceSJointeS","multiple":true,"fileMaxSize":"10MB","fileTypes":[{"value":"","label":""}],"webcam":false,"storage":"url","tableView":false,"label":"Pièce(s) jointe(s)"}],"tableView":false,"input":false,"label":"Page 2","type":"panel","key":"page2","collapsible":false,"scrollToTop":false,"buttonSettings":{"next":true,"cancel":true,"previous":true},"breadcrumbClickable":true,"title":"Informations sur la nuisance sonore"},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"jsonIdentityRequested","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","defaultValue":"onLine","input":true,"inputType":"textfield","key":"canalRequest","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"tenantId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false,"defaultValue":"9e893d81-997c-4931-8022-ce479728e8dd"},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__connector","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__customId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__createdAt","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false},{"clearOnRefresh":false,"customClass":"noDisplay","input":true,"inputType":"textfield","key":"__startActivityId","label":"Champs Technique","labelMargin":3,"labelWidth":30,"tableView":true,"type":"textfield","widget":{"saveAs":"text","dateFormat":"yyyy-MM-dd hh:mm a","format":"yyyy-MM-dd hh:mm a"},"enableMaxDateInput":false,"enableMinDateInput":false,"enableTime":false}],"display":"wizard","procedureId":"Déclaration de nuisances sonores","name":"Déclaration nuisance sonore","type":"init"}]}