imio.smartweb.core 1.3.2__py3-none-any.whl → 1.3.4__py3-none-any.whl

imio/smartweb/core/webcomponents/build/js/922.smartweb-webcomponents-compiled.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkimio_smartweb_core_webcomponents=self.webpackChunkimio_smartweb_core_webcomponents||[]).push([[922],{14541:(e,n,t)=>{t.d(n,{A:()=>r});t(25602);const r=t.p+"assets/pin-react-active.07d154037a15be5525b823fdc626cf29.svg"},62678:(e,n,t)=>{t.d(n,{A:()=>r});t(25602);const r=t.p+"assets/pin-react.fda934b5daf26dd4da2a71a7e7e44431.svg"},94274:(e,n,t)=>{t.d(n,{c:()=>r});const r=[{label:"Commerçant",value:"merchant"},{label:"Demandeur d'emploi",value:"job_seeker"},{label:"En situation de handicap",value:"disabled_person"},{label:"Jeune",value:"young"},{label:"Journaliste",value:"journalist"},{label:"Nouvel arrivant",value:"newcomer"},{label:"Organisateur d'événement",value:"event_planner"},{label:"Parent",value:"parent"},{label:"Senior",value:"elder"},{label:"Touriste",value:"tourist"}]},68473:(e,n,t)=>{function r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function a(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}t.d(n,{E:()=>i,o:()=>l});const i={control:e=>o(o({},e),{},{backgroundColor:"white",borderColor:"transparent",borderRadius:"10px",minWidth:"150px",height:"40px"}),menu:e=>o(o({},e),{},{width:"max-content",maxWidth:"250px"}),placeholder:e=>o(o({},e),{},{color:"000",fontWeight:"bold",fontSize:"14px",letterSpacing:"1.4px"}),indicators:e=>o(o({},e),{},{color:"blue"}),option:e=>o({},e)},l={control:e=>o(o({},e),{},{backgroundColor:"white",borderRadius:"10px",height:"30px",minWidth:"150px"}),placeholder:e=>o(o({},e),{},{color:"000",fontWeight:"bold",fontSize:"12px",letterSpacing:"1.4px"}),menu:e=>o(o({},e),{},{width:"max-content",maxWidth:"250px"}),option:(e,n)=>{let{data:t,isDisabled:r,isFocused:a,isSelected:i}=n;return o({},e)}}},64651:(e,n,t)=>{t.d(n,{z:()=>r});const r=(0,t(25602).createContext)()},86110:(e,n,t)=>{t.d(n,{A:()=>s});var r=t(25602),o=t(37178);function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function l(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const s=e=>{const[n,t]=(0,r.useState)(null),[a,l]=(0,r.useState)(""),[s,u]=(0,r.useState)(!0),[c,d]=(0,r.useState)(!1),f=new AbortController;return(0,r.useEffect)((()=>((async e=>{if(u(!0),e.load?d(!0):d(!1),0!==Object.keys(e.params).length)try{if(Array.isArray(e.url)){const n=e.url.map(((n,t)=>{const{url:r,identifier:a}="string"==typeof n?{url:n,identifier:"request_".concat(t)}:n;return o.A.request(i(i({},e),{},{url:r,signal:f.signal})).then((e=>({identifier:a,data:e.data})))})),r=(await Promise.all(n)).reduce(((e,n)=>{let{identifier:t,data:r}=n;return e[t]=r,e}),{});t(r)}else{const n=await o.A.request(e);t(n.data)}u(!1),l(null)}catch(e){l(e),u(!1)}else t(null)})(i(i({},e),{},{signal:f.signal})),()=>f.abort())),[e.params]),{response:n,error:a,isLoading:s,isMore:c}}},18874:(e,n,t)=>{t.d(n,{A:()=>o});var r=t(41665);const o=function(){return new URLSearchParams((0,r.zy)().search)}},97378:(e,n,t)=>{t.d(n,{A:()=>P});var r=t(25602),o=t(28009),a=t(77059),i=t(60055),l=t(69780),s=t(16545),u=t(18874),c=t(97284),d=t.n(c),f=t(62678),g=t(14541),p=t(8174),v=t(75681),m=t.n(v),h=t(72668);const b=["u"];function y(e){let{activeItem:n,arrayOfLatLngs:t}=e;const r=(0,o.ko)();if(n){const e=[];e.push(n.geolocation.latitude),e.push(n.geolocation.longitude),r.setView(e,15)}else{let e=new(d().LatLngBounds)(t);r.fitBounds(e)}return null}const P=function(e){const[n,t]=(0,r.useState)(null),[o,c]=(0,r.useState)([]),[v,P]=(0,r.useState)(null),j=Object.assign({UID:h.A.parse((0,u.A)().toString()).u}),{u:w}=j,O=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==n.indexOf(r))continue;t[r]=e[r]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(j,b);(0,r.useEffect)((()=>{const n=e.items.filter((e=>e.geolocation.latitude&&50.4989185!==e.geolocation.latitude&&4.7184485!==e.geolocation.longitude));c(n)}),[e]);const k=e=>new(d().Icon)({iconUrl:e,iconSize:[29,37]}),A=n=>n===e.clickId||n===e.hoverId?999:1;(0,r.useEffect)((()=>{var e=o&&o.filter((e=>e.UID===O.UID));t(e[0])}),[o]),(0,r.useEffect)((()=>{if(o.length>0){let e=[];o.map(((n,t)=>{let r=n.geolocation.latitude,o=n.geolocation.longitude;e.push([r,o])})),P(e)}}),[o]);const D=o.map(((n,t)=>{return r.createElement(a.p,{key:t,icon:(o=n.UID,o===O.UID||o===e.hoverId?k(g.A):k(f.A)),zIndexOffset:A(n.UID),position:[n.geolocation?n.geolocation.latitude:"",n.geolocation?n.geolocation.longitude:""],eventHandlers:{mouseover:e=>{}}},r.createElement(i.z,{closeButton:!1},r.createElement(p.N_,{className:"r-map-popup",style:{textDecoration:"none"},to:{pathname:"/"+m()(n.title).replace(/[^a-zA-Z ]/g,"").replace(/\s/g,"-").toLowerCase(),search:"?u=".concat(n.UID),state:{idItem:n.UID}}},r.createElement("span",{className:"r-map-popup-title"},n.title),r.createElement("p",{className:"r-map-popup-category"},n.category&&n.category.title))));var o}));return r.createElement("div",null,r.createElement(l.W,{style:{height:"calc(100vh - ".concat(e.headerHeight,"px)"),minHeight:"600px"},center:[50.85034,4.35171],zoom:15},r.createElement(s.e,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),null!=v?r.createElement(y,{activeItem:n,activeItemUID:O.UID,arrayOfLatLngs:v&&v}):"",o&&D))}},48743:(e,n,t)=>{t.d(n,{A:()=>r});const r={Publié:{en:"Published",fr:"Publié",de:"Veröffentlicht",nl:"Gepubliceerd"},Actualisé:{en:"Updated",fr:"Actualisé",de:"Aktualisiert",nl:"Bijgewerkt"},Événements:{en:"Events",fr:"Événements",de:"Veranstaltungen",nl:"Evenementen"},Actualités:{en:"News",fr:"Actualités",de:"Nachrichten",nl:"Nieuws"},Contacts:{en:"Contacts",fr:"Contacts",de:"Kontakte",nl:"Contacten"},"Infos pratiques":{en:"Practical information",fr:"Infos pratiques",de:"Praktische Informationen",nl:"Praktische informatie"},"Chargement...":{en:"Loading",fr:"Chargement...",de:"Laden",nl:"Laden..."},Recherche:{en:"Search",fr:"Recherche",de:"Suche",nl:"Zoeken"},Thématiques:{en:"Themes",fr:"Thématiques",de:"Themen",nl:"Thema's"},"Je suis":{en:"I am",fr:"Je suis",de:"Ich bin",nl:"Ik ben"},Catégories:{en:"Categories",fr:"Catégories",de:"Kategorien",nl:"Categorieën"},"Catégories locale":{en:"Local categories",fr:"Catégories locale",de:"Lokale Kategorien",nl:"Lokale categorieën"},"Catégories spécifiques":{en:"Specific categories",fr:"Catégories spécifiques",de:"Spezifische Kategorien",nl:"Specifieke categorieën"},Quoi:{en:"What",fr:"Quoi",de:"Was",nl:"Wat"},Facilités:{en:"Facilities",fr:"Facilités",de:"Einrichtungen",nl:"Faciliteiten"},"Plus de résultats":{en:"More results",fr:"Plus de résultats",de:"Mehr Ergebnisse",nl:"Meer resultaten"},"Aucun résultat":{en:"No result",fr:"Aucun résultat",de:"Kein Ergebnis",nl:"Geen resultaat"},Résultats:{en:"Results",fr:"Résultats",de:"Ergebnisse",nl:"Resultaten"},Retour:{en:"Return",fr:"Retour",de:"Zurück",nl:"Terug"},Téléchargements:{en:"Downloads",fr:"Téléchargements",de:"Downloads",nl:"Downloads"},Billetterie:{en:"Ticketing",fr:"Billetterie",de:"Tickets",nl:"Ticketverkoop"},"Lien vers la vidéo":{en:"Link to video",fr:"Lien vers la vidéo",de:"Link zum Video",nl:"Link naar video"},"Participation en ligne":{en:"Join online",fr:"Participation en ligne",de:"Online teilnehmen",nl:"Doe online mee"},"Actualités trouvées":{en:" News found",fr:" Actualités trouvées",de:" Nachrichten gefunden",nl:" Nieuws gevonden"},"Actualité trouvée":{en:" News found",fr:" Actualité trouvée",de:" Nachricht gefunden",nl:" Nieuws gevonden"},"Aucune actualité n'a été trouvée":{en:"No news was found",fr:"Aucune actualité n'a été trouvée",de:"Keine Nachrichten gefunden",nl:"Geen nieuws gevonden"},"Proposer une actualité":{en:"Suggest a news",fr:"Proposer une actualité",de:"Nachricht vorschlagen",nl:"Nieuws voorstellen"},"événements trouvés":{en:" Events found",fr:" Événements trouvés",de:" Veranstaltungen gefunden",nl:" Evenementen gevonden"},"projets trouvés":{en:" Projects found",fr:" Projets trouvés",de:" Projekte gefunden",nl:" Projecten gevonden"},"projet trouvé":{en:" Project found",fr:" Projet trouvé",de:" Projekt gefunden",nl:" Project gevonden"},"événement trouvé":{en:" Event found",fr:" Événement trouvé",de:" Veranstaltung gefunden",nl:" Evenement gevonden"},Gratuit:{en:"Free",fr:"Gratuit",de:"Kostenlos",nl:"Gratis"},"Aucun événement n'a été trouvé":{en:"No event was found",fr:"Aucun événement n'a été trouvé",de:"Keine Veranstaltungen gefunden",nl:"Geen evenement gevonden"},"Proposer un événement":{en:"Suggest a event",fr:"Proposer un événement",de:"Veranstaltung vorschlagen",nl:"Evenement voorstellen"},"Infos pratiques":{en:"Practical information",fr:"Infos pratiques",de:"Praktische Informationen",nl:"Praktische informatie"},"Accessible aux PMR":{en:"Accessibility for PRM",fr:"Accessible aux PMR",de:"Barrierefreiheit für PMR",nl:"Toegankelijk voor PRM"},"Lien de l'événement":{en:"Event link",fr:"Lien de l'événement",de:"Veranstaltungslink",nl:"Evenement link"},"contacts trouvés":{en:" Contact found",fr:" Contacts trouvés",de:" Kontakt gefunden",nl:" Contact gevonden"},"contact trouvé":{en:" Contact found",fr:" Contact trouvé",de:" Kontakt gefunden",nl:" Contact gevonden"},"Aucun contact n'a été trouvé":{en:"No contact was found",fr:"Aucun contact n'a été trouvé",de:"Kein Kontakt gefunden",nl:"Geen contact gevonden"},"Proposer un contact":{en:"Suggest a contact",fr:"Proposer un contact",de:"Kontakt vorschlagen",nl:"Contact voorstellen"},"projets trouvés":{en:" Projects found",fr:" Projets trouvés",de:" Projekte gefunden",nl:" Projecten gevonden"},"projet trouvé":{en:" Project found",fr:" Projet trouvé",de:" Projekt gefunden",nl:" Project gevonden"},"Aucun projet n'a été trouvé":{en:"No project was found",fr:"Aucun projet n'a été trouvé",de:"Kein Projekt gefunden",nl:"Geen project gevonden"},"Proposer un projet":{en:"Suggest a project",fr:"Proposer un projet",de:"Projekt vorschlagen",nl:"Project voorstellen"},Quand:{en:"When",fr:"Quand",de:"Wann",nl:"Wanneer"},"Toutes les dates":{en:"All dates",fr:"Toutes les dates",de:"Alle Daten",nl:"Alle data"},"Aujourd'hui":{en:"Today",fr:"Aujourd'hui",de:"Heute",nl:"Vandaag"},Demain:{en:"Tomorrow",fr:"Demain",de:"Morgen",nl:"Morgen"},"Ce week-end":{en:"This weekend",fr:"Ce week-end",de:"Dieses Wochenende",nl:"Dit weekend"},"Cette semaine":{en:"This week",fr:"Cette semaine",de:"Diese Woche",nl:"Deze week"},"Ce mois-ci":{en:"This month",fr:"Ce mois-ci",de:"Diesen Monat",nl:"Deze maand"},"Personnalisé (Du ... au ...)":{en:"Custom (From ... to ...)",fr:"Personnalisé (Du ... au ...)",de:"Benutzerdefiniert (Von ... bis ...)",nl:"Aangepast (Van ... tot ...)"},Le:{en:"On",fr:"Le",de:"Am",nl:"Op"},de:{en:"of",fr:"de",de:"von",nl:"van"},à:{en:"at",fr:"à",de:"um",nl:"om"},Du:{en:"From",fr:"Du",de:"Von",nl:"Van"},au:{en:"to",fr:"au",de:"bis",nl:"tot"},Personnalisé:{en:"Custom",fr:"Personnalisé",de:"Benutzerdefiniert",nl:"Aangepast"},Monday:{en:"Monday",fr:"Lundi",de:"Montag",nl:"Maandag"},Tuesday:{en:"Tuesday",fr:"Mardi",de:"Dienstag",nl:"Dinsdag"},Wednesday:{en:"Wednesday",fr:"Mercredi",de:"Mittwoch",nl:"Woensdag"},Thursday:{en:"Thursday",fr:"Jeudi",de:"Donnerstag",nl:"Donderdag"},Friday:{en:"Friday",fr:"Vendredi",de:"Freitag",nl:"Vrijdag"},Saturday:{en:"Saturday",fr:"Samedi",de:"Samstag",nl:"Zaterdag"},Sunday:{en:"Sunday",fr:"Dimanche",de:"Sonntag",nl:"Zondag"},Fermé:{en:"Closed",fr:"Fermé",de:"Geschlossen",nl:"Gesloten"},Ouvert:{en:"Open",fr:"Ouvert",de:"Geöffnet",nl:"Open"},Itinéraire:{en:"Itinerary",fr:"Itinéraire",de:"Route",nl:"Route"},"Filtrer par profil":{en:"Filter by profile",fr:"Filtrer par profil",de:"Nach Profile filtern",nl:"Filteren op profiel"},"Filtrer par thématique":{en:"Filter by theme",fr:"Filtrer par thématique",de:"Nach Thema filtern",nl:"Filteren op thema"}}}}]);
+"use strict";(self.webpackChunkimio_smartweb_core_webcomponents=self.webpackChunkimio_smartweb_core_webcomponents||[]).push([[922],{14541:(e,n,t)=>{t.d(n,{A:()=>r});t(25602);const r=t.p+"assets/pin-react-active.07d154037a15be5525b823fdc626cf29.svg"},62678:(e,n,t)=>{t.d(n,{A:()=>r});t(25602);const r=t.p+"assets/pin-react.fda934b5daf26dd4da2a71a7e7e44431.svg"},94274:(e,n,t)=>{t.d(n,{c:()=>r});const r=[{label:"Commerçant",value:"merchant"},{label:"Demandeur d'emploi",value:"job_seeker"},{label:"En situation de handicap",value:"disabled_person"},{label:"Jeune",value:"young"},{label:"Journaliste",value:"journalist"},{label:"Nouvel arrivant",value:"newcomer"},{label:"Organisateur d'événement",value:"event_planner"},{label:"Parent",value:"parent"},{label:"Senior",value:"elder"},{label:"Touriste",value:"tourist"}]},68473:(e,n,t)=>{function r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function o(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function a(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}t.d(n,{E:()=>i,o:()=>l});const i={control:e=>o(o({},e),{},{backgroundColor:"white",borderColor:"transparent",borderRadius:"10px",minWidth:"150px",height:"40px"}),menu:e=>o(o({},e),{},{width:"max-content",maxWidth:"250px"}),placeholder:e=>o(o({},e),{},{color:"000",fontWeight:"bold",fontSize:"14px",letterSpacing:"1.4px"}),indicators:e=>o(o({},e),{},{color:"blue"}),option:e=>o({},e)},l={control:e=>o(o({},e),{},{backgroundColor:"white",borderRadius:"10px",height:"30px",minWidth:"150px"}),placeholder:e=>o(o({},e),{},{color:"000",fontWeight:"bold",fontSize:"12px",letterSpacing:"1.4px"}),menu:e=>o(o({},e),{},{width:"max-content",maxWidth:"250px"}),option:(e,n)=>{let{data:t,isDisabled:r,isFocused:a,isSelected:i}=n;return o({},e)}}},64651:(e,n,t)=>{t.d(n,{z:()=>r});const r=(0,t(25602).createContext)()},86110:(e,n,t)=>{t.d(n,{A:()=>s});var r=t(25602),o=t(37178);function a(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?a(Object(t),!0).forEach((function(n){l(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function l(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const s=e=>{const[n,t]=(0,r.useState)(null),[a,l]=(0,r.useState)(""),[s,u]=(0,r.useState)(!0),[c,d]=(0,r.useState)(!1),f=new AbortController;return(0,r.useEffect)((()=>((async e=>{if(u(!0),e.load?d(!0):d(!1),0===Object.keys(e.params).length)return t(null),void u(!1);try{if(Array.isArray(e.url)){const n=e.url.map(((n,t)=>{const{url:r,identifier:a}="string"==typeof n?{url:n,identifier:"request_".concat(t)}:n;return o.A.request(i(i({},e),{},{url:r,signal:f.signal})).then((e=>({identifier:a,data:e.data})))})),r=(await Promise.all(n)).reduce(((e,n)=>{let{identifier:t,data:r}=n;return e[t]=r,e}),{});t(r)}else{const n=await o.A.request(e);t(n.data)}l(null)}catch(e){l(e),t(null)}finally{u(!1)}})(i(i({},e),{},{signal:f.signal})),()=>f.abort())),[e.params]),{response:n,error:a,isLoading:s,isMore:c}}},18874:(e,n,t)=>{t.d(n,{A:()=>o});var r=t(41665);const o=function(){return new URLSearchParams((0,r.zy)().search)}},97378:(e,n,t)=>{t.d(n,{A:()=>P});var r=t(25602),o=t(28009),a=t(77059),i=t(60055),l=t(69780),s=t(16545),u=t(18874),c=t(97284),d=t.n(c),f=t(62678),g=t(14541),p=t(8174),m=t(75681),v=t.n(m),h=t(72668);const b=["u"];function y(e){let{activeItem:n,arrayOfLatLngs:t}=e;const r=(0,o.ko)();if(n){const e=[];e.push(n.geolocation.latitude),e.push(n.geolocation.longitude),r.setView(e,15)}else{let e=new(d().LatLngBounds)(t);r.fitBounds(e)}return null}const P=function(e){const[n,t]=(0,r.useState)(null),[o,c]=(0,r.useState)([]),[m,P]=(0,r.useState)(null),j=Object.assign({UID:h.A.parse((0,u.A)().toString()).u}),{u:w}=j,O=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==n.indexOf(r))continue;t[r]=e[r]}return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],-1===n.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(j,b);(0,r.useEffect)((()=>{const n=e.items.filter((e=>e.geolocation.latitude&&50.4989185!==e.geolocation.latitude&&4.7184485!==e.geolocation.longitude));c(n)}),[e]);const k=e=>new(d().Icon)({iconUrl:e,iconSize:[29,37]}),A=n=>n===e.clickId||n===e.hoverId?999:1;(0,r.useEffect)((()=>{var e=o&&o.filter((e=>e.UID===O.UID));t(e[0])}),[o]),(0,r.useEffect)((()=>{if(o.length>0){let e=[];o.map(((n,t)=>{let r=n.geolocation.latitude,o=n.geolocation.longitude;e.push([r,o])})),P(e)}}),[o]);const D=o.map(((n,t)=>{return r.createElement(a.p,{key:t,icon:(o=n.UID,o===O.UID||o===e.hoverId?k(g.A):k(f.A)),zIndexOffset:A(n.UID),position:[n.geolocation?n.geolocation.latitude:"",n.geolocation?n.geolocation.longitude:""],eventHandlers:{mouseover:e=>{}}},r.createElement(i.z,{closeButton:!1},r.createElement(p.N_,{className:"r-map-popup",style:{textDecoration:"none"},to:{pathname:"/"+v()(n.title).replace(/[^a-zA-Z ]/g,"").replace(/\s/g,"-").toLowerCase(),search:"?u=".concat(n.UID),state:{idItem:n.UID}}},r.createElement("span",{className:"r-map-popup-title"},n.title),r.createElement("p",{className:"r-map-popup-category"},n.category&&n.category.title))));var o}));return r.createElement("div",null,r.createElement(l.W,{style:{height:"calc(100vh - ".concat(e.headerHeight,"px)"),minHeight:"600px"},center:[50.85034,4.35171],zoom:15},r.createElement(s.e,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),null!=m?r.createElement(y,{activeItem:n,activeItemUID:O.UID,arrayOfLatLngs:m&&m}):"",o&&D))}},48743:(e,n,t)=>{t.d(n,{A:()=>r});const r={Publié:{en:"Published",fr:"Publié",de:"Veröffentlicht",nl:"Gepubliceerd"},Actualisé:{en:"Updated",fr:"Actualisé",de:"Aktualisiert",nl:"Bijgewerkt"},Événements:{en:"Events",fr:"Événements",de:"Veranstaltungen",nl:"Evenementen"},Actualités:{en:"News",fr:"Actualités",de:"Nachrichten",nl:"Nieuws"},Contacts:{en:"Contacts",fr:"Contacts",de:"Kontakte",nl:"Contacten"},"Infos pratiques":{en:"Practical information",fr:"Infos pratiques",de:"Praktische Informationen",nl:"Praktische informatie"},"Chargement...":{en:"Loading",fr:"Chargement...",de:"Laden",nl:"Laden..."},Recherche:{en:"Search",fr:"Recherche",de:"Suche",nl:"Zoeken"},Thématiques:{en:"Themes",fr:"Thématiques",de:"Themen",nl:"Thema's"},"Je suis":{en:"I am",fr:"Je suis",de:"Ich bin",nl:"Ik ben"},Catégories:{en:"Categories",fr:"Catégories",de:"Kategorien",nl:"Categorieën"},"Catégories locale":{en:"Local categories",fr:"Catégories locale",de:"Lokale Kategorien",nl:"Lokale categorieën"},"Catégories spécifiques":{en:"Specific categories",fr:"Catégories spécifiques",de:"Spezifische Kategorien",nl:"Specifieke categorieën"},Quoi:{en:"What",fr:"Quoi",de:"Was",nl:"Wat"},Facilités:{en:"Facilities",fr:"Facilités",de:"Einrichtungen",nl:"Faciliteiten"},"Plus de résultats":{en:"More results",fr:"Plus de résultats",de:"Mehr Ergebnisse",nl:"Meer resultaten"},"Aucun résultat":{en:"No result",fr:"Aucun résultat",de:"Kein Ergebnis",nl:"Geen resultaat"},Résultats:{en:"Results",fr:"Résultats",de:"Ergebnisse",nl:"Resultaten"},Retour:{en:"Return",fr:"Retour",de:"Zurück",nl:"Terug"},Téléchargements:{en:"Downloads",fr:"Téléchargements",de:"Downloads",nl:"Downloads"},Billetterie:{en:"Ticketing",fr:"Billetterie",de:"Tickets",nl:"Ticketverkoop"},"Lien vers la vidéo":{en:"Link to video",fr:"Lien vers la vidéo",de:"Link zum Video",nl:"Link naar video"},"Participation en ligne":{en:"Join online",fr:"Participation en ligne",de:"Online teilnehmen",nl:"Doe online mee"},"Actualités trouvées":{en:" News found",fr:" Actualités trouvées",de:" Nachrichten gefunden",nl:" Nieuws gevonden"},"Actualité trouvée":{en:" News found",fr:" Actualité trouvée",de:" Nachricht gefunden",nl:" Nieuws gevonden"},"Aucune actualité n'a été trouvée":{en:"No news was found",fr:"Aucune actualité n'a été trouvée",de:"Keine Nachrichten gefunden",nl:"Geen nieuws gevonden"},"Proposer une actualité":{en:"Suggest a news",fr:"Proposer une actualité",de:"Nachricht vorschlagen",nl:"Nieuws voorstellen"},"événements trouvés":{en:" Events found",fr:" Événements trouvés",de:" Veranstaltungen gefunden",nl:" Evenementen gevonden"},"projets trouvés":{en:" Projects found",fr:" Projets trouvés",de:" Projekte gefunden",nl:" Projecten gevonden"},"projet trouvé":{en:" Project found",fr:" Projet trouvé",de:" Projekt gefunden",nl:" Project gevonden"},"événement trouvé":{en:" Event found",fr:" Événement trouvé",de:" Veranstaltung gefunden",nl:" Evenement gevonden"},Gratuit:{en:"Free",fr:"Gratuit",de:"Kostenlos",nl:"Gratis"},"Aucun événement n'a été trouvé":{en:"No event was found",fr:"Aucun événement n'a été trouvé",de:"Keine Veranstaltungen gefunden",nl:"Geen evenement gevonden"},"Proposer un événement":{en:"Suggest a event",fr:"Proposer un événement",de:"Veranstaltung vorschlagen",nl:"Evenement voorstellen"},"Infos pratiques":{en:"Practical information",fr:"Infos pratiques",de:"Praktische Informationen",nl:"Praktische informatie"},"Accessible aux PMR":{en:"Accessibility for PRM",fr:"Accessible aux PMR",de:"Barrierefreiheit für PMR",nl:"Toegankelijk voor PRM"},"Lien de l'événement":{en:"Event link",fr:"Lien de l'événement",de:"Veranstaltungslink",nl:"Evenement link"},"contacts trouvés":{en:" Contact found",fr:" Contacts trouvés",de:" Kontakt gefunden",nl:" Contact gevonden"},"contact trouvé":{en:" Contact found",fr:" Contact trouvé",de:" Kontakt gefunden",nl:" Contact gevonden"},"Aucun contact n'a été trouvé":{en:"No contact was found",fr:"Aucun contact n'a été trouvé",de:"Kein Kontakt gefunden",nl:"Geen contact gevonden"},"Proposer un contact":{en:"Suggest a contact",fr:"Proposer un contact",de:"Kontakt vorschlagen",nl:"Contact voorstellen"},"projets trouvés":{en:" Projects found",fr:" Projets trouvés",de:" Projekte gefunden",nl:" Projecten gevonden"},"projet trouvé":{en:" Project found",fr:" Projet trouvé",de:" Projekt gefunden",nl:" Project gevonden"},"Aucun projet n'a été trouvé":{en:"No project was found",fr:"Aucun projet n'a été trouvé",de:"Kein Projekt gefunden",nl:"Geen project gevonden"},"Proposer un projet":{en:"Suggest a project",fr:"Proposer un projet",de:"Projekt vorschlagen",nl:"Project voorstellen"},Quand:{en:"When",fr:"Quand",de:"Wann",nl:"Wanneer"},"Toutes les dates":{en:"All dates",fr:"Toutes les dates",de:"Alle Daten",nl:"Alle data"},"Aujourd'hui":{en:"Today",fr:"Aujourd'hui",de:"Heute",nl:"Vandaag"},Demain:{en:"Tomorrow",fr:"Demain",de:"Morgen",nl:"Morgen"},"Ce week-end":{en:"This weekend",fr:"Ce week-end",de:"Dieses Wochenende",nl:"Dit weekend"},"Cette semaine":{en:"This week",fr:"Cette semaine",de:"Diese Woche",nl:"Deze week"},"Ce mois-ci":{en:"This month",fr:"Ce mois-ci",de:"Diesen Monat",nl:"Deze maand"},"Personnalisé (Du ... au ...)":{en:"Custom (From ... to ...)",fr:"Personnalisé (Du ... au ...)",de:"Benutzerdefiniert (Von ... bis ...)",nl:"Aangepast (Van ... tot ...)"},Le:{en:"On",fr:"Le",de:"Am",nl:"Op"},de:{en:"of",fr:"de",de:"von",nl:"van"},à:{en:"at",fr:"à",de:"um",nl:"om"},Du:{en:"From",fr:"Du",de:"Von",nl:"Van"},au:{en:"to",fr:"au",de:"bis",nl:"tot"},Personnalisé:{en:"Custom",fr:"Personnalisé",de:"Benutzerdefiniert",nl:"Aangepast"},Monday:{en:"Monday",fr:"Lundi",de:"Montag",nl:"Maandag"},Tuesday:{en:"Tuesday",fr:"Mardi",de:"Dienstag",nl:"Dinsdag"},Wednesday:{en:"Wednesday",fr:"Mercredi",de:"Mittwoch",nl:"Woensdag"},Thursday:{en:"Thursday",fr:"Jeudi",de:"Donnerstag",nl:"Donderdag"},Friday:{en:"Friday",fr:"Vendredi",de:"Freitag",nl:"Vrijdag"},Saturday:{en:"Saturday",fr:"Samedi",de:"Samstag",nl:"Zaterdag"},Sunday:{en:"Sunday",fr:"Dimanche",de:"Sonntag",nl:"Zondag"},Fermé:{en:"Closed",fr:"Fermé",de:"Geschlossen",nl:"Gesloten"},Ouvert:{en:"Open",fr:"Ouvert",de:"Geöffnet",nl:"Open"},Itinéraire:{en:"Itinerary",fr:"Itinéraire",de:"Route",nl:"Route"},"Filtrer par profil":{en:"Filter by profile",fr:"Filtrer par profil",de:"Nach Profile filtern",nl:"Filteren op profiel"},"Filtrer par thématique":{en:"Filter by theme",fr:"Filtrer par thématique",de:"Nach Thema filtern",nl:"Filteren op thema"},Commentaires:{en:"Comments",fr:"Commentaires",de:"Kommentare",nl:"Reacties"},"Ajouter un commentaire":{en:"Add a comment",fr:"Ajouter un commentaire",de:"Kommentar hinzufügen",nl:"Reactie toevoegen"}}}}]);

imio/smartweb/core/webcomponents/src/components/Annuaire/Annuaire.jsx

@@ -43,7 +43,7 @@ function AnnuaireView(props) {
         queryString.parse(useFilterQuery().toString())
     );
     const { scrollPos, updateScrollPos } = useContext(ScrollContext);
-    const [contactArray, setcontactArray] = useState([]);
+    const [contactArray, setcontactArray] = useState(null);
     const [contactNumber, setcontactNumber] = useState([]);
     const [clickId, setClickId] = useState(null);
     const [hoverId, setHoverId] = useState(null);
@@ -155,6 +155,7 @@ function AnnuaireView(props) {
 
     const divLoader = (
         <div className="lds-roller-container">
+            <Translate text="Chargement..." />
             <div className="lds-roller">
                 <div></div>
                 <div></div>
@@ -224,7 +225,7 @@ function AnnuaireView(props) {
                     element={
                         <div className="r-wrapper container r-annuaire-wrapper">
                             <div className="r-result r-annuaire-result">
-                                <div>{listRender}</div>
+                                <div>{contactArray !== null ? listRender : divLoader}</div>
                                 <div className="r-load-more">
                                     {contactNumber - props.batchSize > batchStart ? (
                                         <div>

imio/smartweb/core/webcomponents/src/components/Annuaire/ContactContent/ContactContent.jsx

@@ -22,7 +22,7 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
     const [image, setImage] = useState();
     const [isSchedulVisible, setSchedulVisibility] = useState(true);
 
-    const { response } = useAxios(
+    const { response, isLoading, error } = useAxios(
         {
             method: "get",
             url: "",
@@ -98,7 +98,21 @@ const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
     const toggleSchedul = () => {
         setSchedulVisibility(!isSchedulVisible);
     };
-    return (
+    return isLoading ? (
+        <div className="lds-roller-container">
+            <Translate text="Chargement..." />
+            <div className="lds-roller">
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+        </div>
+    ) : (
         <div className="annuaire-content r-content">
             <button type="button" onClick={handleClick}>
                 <Translate text="Retour" />

imio/smartweb/core/webcomponents/src/components/Campaign/Campaign.jsx

@@ -55,6 +55,7 @@ function CampaignView(props) {
     const [clickId, setClickId] = useState(null);
     const [hoverId, setHoverId] = useState(null);
     const [filters, setFilters] = useState({ b_start: 0 });
+    const [searchValue, setSearchValue] = useState(null);
     const [batchStart, setBatchStart] = useState(0);
     const [loadMoreLaunch, setLoadMoreLaunch] = useState(false);
     const displayMap = props.displayMap === "True" ? true : false;
@@ -76,14 +77,25 @@ function CampaignView(props) {
     // set all campaigns state
     useEffect(() => {
         if (response !== null) {
+            let filteredItems = response.items;
+
+            // Filter items if searchValue exists
+            if (searchValue && searchValue.trim() !== "") {
+                const searchLower = searchValue.toLowerCase();
+                filteredItems = response.items.filter((item) => {
+                    const title = item.fields.nom?.toLowerCase() || "";
+                    return title.includes(searchLower);
+                });
+            }
+
             if (isMore) {
-                setItemsArray((itemsArray) => [...itemsArray, ...response.items]);
+                setItemsArray((itemsArray) => [...itemsArray, ...filteredItems]);
             } else {
-                setItemsArray(response.items);
+                setItemsArray(filteredItems);
             }
-            setItemsNumber(response.items_total);
+            setItemsNumber(filteredItems.length);
         }
-    }, [response]);
+    }, [response, searchValue]);
 
     // set state id when clicked on list element
     const clickID = (id) => {
@@ -103,6 +115,13 @@ function CampaignView(props) {
         window.scrollTo(0, 0);
     };
 
+    //set search SearchableText
+    const filtersChangeSearch = (value) => {
+        setLoadMoreLaunch(false);
+        setBatchStart(() => 0);
+        setSearchValue(value);
+    };
+
     // set batch
     const loadMore = () => {
         updateScrollPos(window.scrollY);
@@ -154,6 +173,7 @@ function CampaignView(props) {
     }
     const divLoader = (
         <div className="lds-roller-container">
+            <Translate text="Chargement..." />
             <div className="lds-roller">
                 <div></div>
                 <div></div>
@@ -171,7 +191,7 @@ function CampaignView(props) {
             <div
                 className="r-result-filter-container"
                 ref={filterRef}
-                style={{ top: headerHeight }}
+                style={displayMap ? { top: headerHeight } : {}}
             >
                 <div
                     id="r-result-filter"
@@ -182,6 +202,7 @@ function CampaignView(props) {
                         queryTopicsUrl={props.queryTopicsUrl}
                         activeFilter={filters}
                         onChange={filtersChange}
+                        onChangeSearch={filtersChangeSearch}
                     />
                     {props.proposeUrl && (
                         <div className="r-add-contact">
@@ -224,20 +245,6 @@ function CampaignView(props) {
                     element={
                         <div className="r-wrapper container r-campaign-wrapper">
                             <div className="r-result r-campaign-result">
-                                {itemsNumber > 0 ? (
-                                    <p className="r-results-numbers">
-                                        <span>{itemsNumber}</span>
-                                        {itemsNumber > 1 ? (
-                                            <Translate text="projets trouvés" />
-                                        ) : (
-                                            <Translate text="projet trouvé" />
-                                        )}
-                                    </p>
-                                ) : (
-                                    <p className="r-results-numbers">
-                                        <Translate text="Aucun résultat" />
-                                    </p>
-                                )}
                                 <div>{listRender}</div>
                                 <div className="r-load-more">
                                     {itemsNumber - props.batchSize > batchStart ? (

imio/smartweb/core/webcomponents/src/components/Campaign/Campaign.scss

@@ -590,6 +590,50 @@ smartweb-campaign {
     min-height: 80vh;
     display: block;
 }
+
+.campaign-comment-container {
+    margin-top: 2rem;
+    padding: 24px;
+    border: solid 1px #cbcbcb;
+    border-radius: 5px;
+    font-size: 14px;
+    color: #6c6c6c;
+}
+.campaign-comment-title {
+    font-size: 18px;
+    font-weight: 400;
+    margin-bottom: 2rem;
+    color: #0f0f0f;
+    border-bottom: solid 1px #cbcbcb;
+}
+.campaign-comment {
+    p {
+        margin-bottom: 0;
+        margin-top: 5px;
+        font-size: 1rem;
+        color: #171717;
+    }
+}
+
+.campaign-comment-actions {
+    text-align: center;
+}
+.campaign-comment-action-button {
+    margin: 1rem 0;
+    background: #f5f5f5;
+    display: inline-block;
+    padding: 9px;
+    border-radius: 5px;
+    text-transform: uppercase;
+    font-size: 14px;
+    font-weight: 500;
+    text-align: center;
+    border: solid 1px transparent;
+    &:hover,
+    &:focus {
+        border: solid 1px #bbbbbb;
+    }
+}
 // //  No Map
 //   // Main
 .no-map {
@@ -670,3 +714,120 @@ smartweb-campaign {
         margin: 0 auto;
     }
 }
+
+.no-map .r-result-filter-container {
+    position: relative;
+    top: inherit;
+}
+
+.no-map {
+    .r-item-title {
+        margin-bottom: 1rem !important;
+    }
+    .r-item-text {
+        padding-bottom: 2rem;
+    }
+}
+
+// //  No Map
+//   // Main
+.no-map {
+    @media screen and (min-width: 600px) {
+        .r-campaign-wrapper {
+            display: block;
+        }
+
+        .r-result-list {
+            max-width: 1296px;
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            gap: 20px;
+        }
+
+        .r-list-item-group {
+            transition: all 0.2s ease;
+
+            &:hover,
+            &:focus {
+                transform: translateY(-10px) !important;
+            }
+
+            .r-list-item {
+                flex-direction: column !important;
+                box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
+
+                .r-item-img {
+                    border-radius: 0 !important;
+                    width: 100% !important;
+                    height: 0 !important;
+                    padding-bottom: 60% !important;
+                    margin-bottom: 0.5rem;
+                }
+
+                .r-item-text {
+                    display: grid;
+                    grid-template-columns: 1fr 1fr;
+                    margin-right: 1.5rem;
+
+                    &:after {
+                        display: none;
+                    }
+
+                    .r-item-categorie {
+                        grid-row-start: 1;
+                    }
+
+                    .r-item-title {
+                        font-weight: 500 !important;
+                        grid-row-start: 2;
+                        grid-column-start: 1;
+                        grid-column-end: 3;
+                        margin-bottom: 2rem;
+                        margin-top: 1rem;
+                    }
+
+                    .r-item-date {
+                        grid-row-start: 1;
+                        grid-column-start: 2;
+                        justify-self: end;
+                    }
+                }
+            }
+        }
+    }
+}
+
+// content
+
+.no-map {
+    .r-result.r-campaign-result {
+        max-width: 1296px;
+    }
+
+    .campaign-content {
+        max-width: 700px;
+        margin: 0 auto;
+    }
+}
+
+// vote workflow
+
+.r-list-item,
+figure {
+    &.Publié sans vote {
+        .campaign-vote {
+            display: none;
+        }
+    }
+}
+
+.vote_nodisplay {
+    display: none;
+}
+
+.vote_noactif {
+    opacity: 0.6;
+    pointer-events: none;
+    filter: grayscale(30%);
+    color: #c7c7c7;
+}

imio/smartweb/core/webcomponents/src/components/Campaign/CampaignCard/CampaignCard.jsx

@@ -4,6 +4,13 @@ import { Translate } from "react-translated";
 const CampaignCard = (props) => {
     const [image, setImage] = useState(new Image());
     const [imageClassName, setImageClassName] = useState("");
+    const status = props.voteContext;
+    const voteContext =
+        status === "Publié sans vote" || status === "Publié"
+            ? "vote_nodisplay"
+            : ["Clôture", "Retenu", "Rejeté"].includes(status)
+              ? "vote_noactif"
+              : "vote_display";
 
     // Set image and image className
     useEffect(() => {
@@ -28,7 +35,6 @@ const CampaignCard = (props) => {
             loadImage();
         }
     }, [props.item]);
-
     return (
         <>
             <div className="r-list-item">
@@ -53,7 +59,7 @@ const CampaignCard = (props) => {
                 )}
                 <div className="r-item-text">
                     <span className="r-item-title">{props.item.nom}</span>
-                    <div className="campaign-vote">
+                    <div className={"campaign-vote " + voteContext}>
                         <div className="campaign-vote-pour">
                             <i className="bi bi-hand-thumbs-up-fill"></i>
                             <span className="campaign-vote-pour-count">
@@ -69,7 +75,7 @@ const CampaignCard = (props) => {
                     </div>
                 </div>
                 <div className="r-item-arrow">
-                    <i class="bi bi-chevron-right"></i>
+                    <i className="bi bi-chevron-right"></i>
                 </div>
             </div>
         </>

imio/smartweb/core/webcomponents/src/components/Campaign/CampaignContent/CampaignContent.jsx

@@ -15,9 +15,10 @@ export default function CampaignContent({ queryUrl, onChange }) {
     });
     const [params, setParams] = useState(parsed);
     const [item, setitem] = useState(null);
+    const [voteContext, setVoteContext] = useState("");
     const [urlVotePour, setUrlVotePour] = useState(null);
     const [urlVoteContre, setUrlVoteContre] = useState(null);
-
+    const [urlComment, setUrlComment] = useState(null);
     const [files, setFiles] = useState();
     const { response, error, isLoading } = useAxios(
         {
@@ -35,12 +36,23 @@ export default function CampaignContent({ queryUrl, onChange }) {
     // set all contacts state
     useEffect(() => {
         if (response !== null) {
+            console.log(response && response);
+
+            const status = response.workflow.fields.statut;
+            if (status === "Publié sans vote" || status === "Publié") {
+                setVoteContext("vote_nodisplay");
+            } else if (["Clôture", "Retenu", "Rejeté"].includes(status)) {
+                setVoteContext("vote_noactif");
+            } else {
+                setVoteContext("vote_display");
+            }
             setitem(response.fields);
             const parsedUrl = new URL(response.url);
             const baseUrl = `${parsedUrl.protocol}//${parsedUrl.hostname}`;
             const fullUrlPour = `${baseUrl}/ideabox-voter-pour-un-projet/?projet=${response.id}`;
             const fullUrlContre = `${baseUrl}/ideabox-voter-contre-un-projet/?projet=${response.id}`;
-
+            const urlComment = `${baseUrl}/ideabox-commenter-un-projet/`;
+            setUrlComment(urlComment);
             setUrlVotePour(fullUrlPour);
             setUrlVoteContre(fullUrlContre);
         }
@@ -61,10 +73,17 @@ export default function CampaignContent({ queryUrl, onChange }) {
             <button type="button" onClick={handleClick}>
                 <Translate text="Retour" />
             </button>
-            <ContentText item={item} urlVotePour={urlVotePour} urlVoteContre={urlVoteContre} />
+            <ContentText
+                item={item}
+                urlVotePour={urlVotePour}
+                urlVoteContre={urlVoteContre}
+                voteContext={voteContext}
+                urlComment={urlComment}
+            />
         </div>
     ) : (
         <div className="lds-roller-container">
+            <Translate text="Chargement..." />
             <div className="lds-roller">
                 <div></div>
                 <div></div>
@@ -79,7 +98,7 @@ export default function CampaignContent({ queryUrl, onChange }) {
     );
 }
 
-function ContentText({ item, urlVotePour, urlVoteContre }) {
+function ContentText({ item, urlVotePour, urlVoteContre, urlComment, voteContext }) {
     const [image, setImage] = useState(new Image());
     const [imageClassName, setImageClassName] = useState("");
 
@@ -102,6 +121,7 @@ function ContentText({ item, urlVotePour, urlVoteContre }) {
             };
         }
     }, [item]);
+
     return (
         <>
             <article>
@@ -109,7 +129,7 @@ function ContentText({ item, urlVotePour, urlVoteContre }) {
                     <h2 className="r-content-title">{item.nom}</h2>
                 </header>
                 <figure>
-                    <div className="campaign-vote" style={{ marginTop: "1.5rem" }}>
+                    <div className={`campaign-vote ${voteContext}`} style={{ marginTop: "1.5rem" }}>
                         <a href={urlVotePour} target="_blank" className="campaign-vote-pour">
                             <i className="bi bi-hand-thumbs-up-fill"></i>
                             <span className="campaign-vote-pour-count">({item.votes_pour})</span>
@@ -144,7 +164,7 @@ function ContentText({ item, urlVotePour, urlVoteContre }) {
             </article>
             <div className="contactCard">
                 <div className="contactText">
-                    <div className="r-content-description">
+                    <div className="r-content-text">
                         {item.description && (
                             <div
                                 className="campaign-description"
@@ -154,8 +174,28 @@ function ContentText({ item, urlVotePour, urlVoteContre }) {
                             />
                         )}
                     </div>
-
-                    <div className="contactTextAll"></div>
+                    {item.commentaires && (
+                        <div className="campaign-comment-container">
+                            <p className="campaign-comment-title">
+                                <Translate text="Commentaires" />:
+                            </p>
+                            <div
+                                className="campaign-comment"
+                                dangerouslySetInnerHTML={{
+                                    __html: item.commentaires,
+                                }}
+                            />
+                            <div className="campaign-comment-actions">
+                                <a
+                                    href={urlComment}
+                                    target="_blank"
+                                    className="campaign-comment-action-button"
+                                >
+                                    <Translate text="Ajouter un commentaire" />
+                                </a>
+                            </div>
+                        </div>
+                    )}
                 </div>
                 {/* add files to download */}
                 {/* {files && (

imio/smartweb/core/webcomponents/src/components/Campaign/CampaignList/CampaignList.jsx

@@ -54,6 +54,7 @@ const CampaignList = ({
                         ></Link>
                         <CampaignCard
                             item={item.fields}
+                            voteContext={item.workflow.fields.statut}
                             showCategoriesOrTopics={showCategoriesOrTopics}
                             key={item.created}
                             contextAuthenticatedUser={contextAuthenticatedUser}