https://cdn-www.konbini.com/_next/static/chunks/pages/categorie/engagees/[subCategory]-7872db737ae88230.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6905],{1936:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/categorie/engagees/[subCategory]",function(){return i(6417)}])},6417:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return C},default:function(){return L}});var a=i(5893),n=i(1857),s=i.n(n),l=i(7294),r=i(9398),o=i(8272),c=i(9355),d=i(1051),m=i(4177),x=i(4184),u=i.n(x),f=i(5675),h=i.n(f),g=i(9857),b=i(7074);let p=e=>{let{videos:t,bgColor:i,category:n,nbToDisplay:r}=e,[o,c]=(0,l.useState)(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"jsx-b2d478fa42fb0e8f playListContainer",children:o?null==t?void 0:t.map(e=>{let{node:t}=e;return(0,a.jsx)("div",{className:"jsx-b2d478fa42fb0e8f videoShow",children:(0,a.jsx)(b.Z,{node:t,title:t.title,coverImage:t.verticalCover,duration:t.duration,slug:t.slug,playlistName:n.name,publicationDate:null==t?void 0:t.publicationDate},t.slug)})}):t.slice(0,r).map(e=>{let{node:t}=e;return(0,a.jsx)("div",{className:"jsx-b2d478fa42fb0e8f videoShow",children:(0,a.jsx)(b.Z,{node:t,title:t.title,coverImage:t.verticalCover,duration:t.duration,slug:t.slug,playlistName:n.name,publicationDate:null==t?void 0:t.publicationDate},t.slug)})})}),t.length>3&&(0,a.jsx)("div",{className:"jsx-b2d478fa42fb0e8f w-full flex justify-center items-center my-4",children:(0,a.jsx)("button",{style:{backgroundColor:i},type:"button",onClick:()=>c(e=>!e),className:"jsx-b2d478fa42fb0e8f  p-4 text-themeKonbiniWhite font-extrabold text-2xl mx-auto",children:o?"Fermer":"Voir toutes les vid\xe9os (".concat(t.length,")")})}),(0,a.jsx)(s(),{id:"b2d478fa42fb0e8f",children:".playListContainer{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,302px);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:640px){.playListContainer{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,100%);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}}"})]})};var j=i(3928);let v=e=>{let{posts:t,bgColor:i,nbToDisplay:n}=e,[r,o]=(0,l.useState)(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"jsx-cc5516b4e8f2e98a postPlayListContainer",children:r?null==t?void 0:t.map(e=>(0,a.jsx)("div",{className:"jsx-cc5516b4e8f2e98a videoShow",children:(0,a.jsx)(j.Z,{href:e.href,title:e.title,coverImage:{...e.featuredImage,sizes:"(min-width: 1360px) 268px, (min-width: 1024px) calc((100vw - 396px - 64px) * 1/3), (min-width: 768px) calc((100vw - 348px) / 2), calc((100vw - 48px) / 2)"},radius:!0,author:e.author},e.id)})):t.slice(0,n).map(e=>(0,a.jsx)("div",{className:"jsx-cc5516b4e8f2e98a videoShow",children:(0,a.jsx)(j.Z,{href:e.href,title:e.title,coverImage:{...e.featuredImage,sizes:"(min-width: 1360px) 268px, (min-width: 1024px) calc((100vw - 396px - 64px) * 1/3), (min-width: 768px) calc((100vw - 348px) / 2), calc((100vw - 48px) / 2)"},radius:!0,author:e.author},e.id)}))}),t.length>3&&(0,a.jsx)("div",{className:"jsx-cc5516b4e8f2e98a w-full flex justify-center items-center my-4",children:(0,a.jsx)("button",{style:{backgroundColor:i},type:"button",onClick:()=>o(e=>!e),className:"jsx-cc5516b4e8f2e98a  p-4 text-themeKonbiniWhite font-extrabold text-2xl mx-auto",children:r?"Fermer":"Voir tous les articles (".concat(t.length,")")})}),(0,a.jsx)(s(),{id:"cc5516b4e8f2e98a",children:".postPlayListContainer{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,300px);-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}"})]})};var w=i(7962),y=i.n(w),k=i(2295);let N={title:"Engag\xe9-e-s",slug:"engagees"},_=e=>{var t;let{articles:i,videos:n,category:x,config:f}=e,{isOpened:b,toggleMenu:j}=(0,l.useContext)(k.Z),w=()=>{j()};(0,l.useEffect)(()=>{b&&j()},[x]);let _=(0,l.useMemo)(()=>i?i.map(e=>e.node):[],[i]),C=e=>{let{src:t,width:i,quality:a}=e;return"".concat(t,"?width=").concat(i,"&quality=").concat(a,"&format=webp")};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(d.Z,{type:"website",title:"Engag\xe9\xb7e\xb7s ".concat(f.title," | Konbini"),description:f.description,link:"https://www.konbini.com/categorie/engagees/".concat(x.slug,"/"),featuredImage:f.img,width:"1440",height:"720",breadSchema:(0,m.hi)(N,x),indexSchema:(0,m.QS)()}),(0,a.jsx)(r.Z,{currentCategory:"engagees",page:"brandChannel",isArkLoaded:!0}),(0,a.jsx)(c.Z,{}),(0,a.jsx)("div",{onClick:w,role:"button",tabIndex:"-1","aria-label":"Fermer le menu",className:"jsx-c618d6d5dfe3748a "+(u()(b?"overlay":"hideOverlay")||"")}),(null==f?void 0:f.ark)&&(0,a.jsx)(h(),{src:f.ark,className:u()(y().topArk,"mx-auto hidden md:block"),width:1600,height:1e3,alt:f.description}),(0,a.jsxs)("div",{className:"jsx-c618d6d5dfe3748a col-span-3 mx-auto overflow-hidden relative max-w-screen-lg mt-4 bg-themeKonbiniWhite p-5 md:mt-80",children:[(0,a.jsx)("div",{style:{backgroundColor:"white"},className:"jsx-c618d6d5dfe3748a mb-4",children:(0,a.jsx)("div",{style:{backgroundColor:f.bgColor},className:"jsx-c618d6d5dfe3748a rounded-t-xl imageWrapper",children:(0,a.jsx)("div",{className:"jsx-c618d6d5dfe3748a max-w-xs mx-auto",children:(0,a.jsx)(h(),{src:null==x?void 0:null===(t=x.imageCategory)||void 0===t?void 0:t.url,loader:C,quality:75,width:300,height:300,placeholder:"empty",style:{objectFit:"contain"},alt:"logo konbini engagees ".concat(f.title)})})})}),(0,a.jsxs)("h1",{className:"jsx-c618d6d5dfe3748a title text-themeKonbiniBlack font-extrabold",children:["Konbini s'engage ",f.title]}),(0,a.jsx)("p",{dangerouslySetInnerHTML:{__html:null==x?void 0:x.description},className:"jsx-c618d6d5dfe3748a bg-themeKonbiniWhite text-themeKonbiniBlack text-xl font-light my-6"}),(0,a.jsx)("div",{className:"jsx-c618d6d5dfe3748a mt-8",children:(0,a.jsx)(p,{category:x,videos:n,nbToDisplay:3,bgColor:f.secondaryColor})}),f.buttons&&(0,a.jsxs)("div",{className:"jsx-c618d6d5dfe3748a mt-8",children:[(0,a.jsx)("h2",{className:"jsx-c618d6d5dfe3748a  font-extrabold text-3xl text-themeKonbiniBlack",children:"Nos guides et engagements"}),(0,a.jsx)(g.Z,{buttons:f.buttons,primaryColor:f.secondaryColor,slug:x.slug})]}),(0,a.jsxs)("div",{className:"jsx-c618d6d5dfe3748a mt-8",children:[(0,a.jsx)("p",{className:"jsx-c618d6d5dfe3748a font-extrabold text-3xl py-4 text-themeKonbiniBlack",children:"Ils en parlent"}),(0,a.jsx)(v,{posts:_,nbToDisplay:3,bgColor:f.secondaryColor})]})]},"index"),(0,a.jsx)(o.Z,{}),(0,a.jsx)(s(),{id:"c618d6d5dfe3748a",children:".title.jsx-c618d6d5dfe3748a{font-size:58px;line-height:48px;letter-spacing:-2px}@media(max-width:600px){.imageWrapper.jsx-c618d6d5dfe3748a img.jsx-c618d6d5dfe3748a{padding:15px!important}.title.jsx-c618d6d5dfe3748a{font-size:40px;line-height:36px;-webkit-letter-spacing:-2px;-moz-letter-spacing:-2px;-ms-letter-spacing:-2px;letter-spacing:-2px}}"})]})};

1var C=!0,L=_},7074:function(e,t,i){"use strict";var a=i(5893),n=i(1857),s=i.n(n),l=i(7294),r=i(5675),o=i.n(r),c=i(1664),d=i.n(c),m=i(644),x=i(3016),u=i(5830),f=i(9417),h=i(4713);let g=(0,m.NE)((0,l.memo)(e=>{let{href:t,className:i,children:n,type:s}=e;return(0,a.jsx)(a.Fragment,{children:"Podcasst"===s?(0,a.jsx)("a",{className:i,href:t,target:"_blank",rel:"noreferrer",children:n}):(0,a.jsx)(d(),{href:t,className:i,children:n})})})),b=e=>{let{type:t,title:i,coverImage:n,duration:l,slug:r,playlistName:c,playlistSlug:d,lastEpisodeUrl:m,publicationDate:b=null,trackingAction:p}=e,j=(0,x.Z)(new Date(b||Date.now()),new Date,{roundingMethod:"ceil",locale:u.Z});return(0,a.jsx)("div",{className:"cursor-pointer article h-full",children:(0,a.jsxs)("div",{className:"jsx-cf9f5fcddac9b1ec singleVideo rounded-2xl overflow-hidden relative mx-auto",children:[(0,a.jsx)(g,{href:"Podcast"===t?m:"/videos/".concat(r),trackingAction:p||"clic_card_video",label:"clic_card_video_".concat(d),type:t,children:(0,a.jsxs)("span",{className:"jsx-cf9f5fcddac9b1ec absolute videoOverlay top-0 left-0 right-0 bottom-0 flex flex-col justify-between z-10 place-content-between p-4 md:p-6 rounded-2xl",children:[(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec flex justify-end",children:"Podcast"===t?(0,a.jsx)(h.Z,{icon:f.UOM,size:"lg",style:{verticalAlign:"middle",color:"white"}}):(0,a.jsx)(h.Z,{icon:f.zc,size:"lg",style:{verticalAlign:"middle",color:"white"}})}),(0,a.jsxs)("div",{className:"jsx-cf9f5fcddac9b1ec flex flex-col",children:[(0,a.jsxs)("div",{className:"jsx-cf9f5fcddac9b1ec flex flex-row doubleInfoContainer gap-2 md:gap-1",children:[(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec flex mb-1 md:mb-4",children:(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec border border-transparent rounded-2xl truncate bg-white",children:(0,a.jsx)("span",{className:"jsx-cf9f5fcddac9b1ec info text-base text-slate-100 font-semibold p-1.5",children:l})})}),(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec flex mb-1 md:mb-4",children:(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec border border-transparent rounded-2xl truncate bg-white",children:(0,a.jsx)("span",{className:"jsx-cf9f5fcddac9b1ec info text-base text-slate-100 font-semibold p-1.5",children:c})})})]}),(0,a.jsx)("h3",{className:"jsx-cf9f5fcddac9b1ec title text-xl md:text-3xl text-neutral-50 font-extrabold",children:(null==i?void 0:i.length)>80?"".concat(i.slice(0,80),"..."):i}),b&&(0,a.jsxs)("span",{className:"jsx-cf9f5fcddac9b1ec text-small text-slate-100 font-semibold p-1.5 text-themeKonbiniWhite",children:["Il y a ",j]})]})]})}),(null==n?void 0:n.url)&&(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec relative w-full h-0 pb-[175%]",children:(0,a.jsx)(o(),{src:null==n?void 0:n.url,alt:i,className:"block",style:{objectFit:"cover"},fill:!0})}),!(null==n?void 0:n.url)&&"string"==typeof n&&(0,a.jsx)("div",{className:"jsx-cf9f5fcddac9b1ec relative w-full h-0 pb-[175%]",children:(0,a.jsx)(o(),{src:n,alt:i,className:"block",style:{objectFit:"cover"},fill:!0})}),(0,a.jsx)(s(),{id:"cf9f5fcddac9b1ec",children:".singleVideo{width:100%;height:100%;background-color:black}.singleVideo img{-webkit-transition:-webkit-transform.3s ease-in-out;-moz-transition:-moz-transform.3s ease-in-out;-o-transition:-o-transform.3s ease-in-out;transition:-webkit-transform.3s ease-in-out;transition:-moz-transform.3s ease-in-out;transition:-o-transform.3s ease-in-out;transition:transform.3s ease-in-out}.singleVideo img:hover{-webkit-transform:scale(1.05)!important;-moz-transform:scale(1.05)!important;-ms-transform:scale(1.05)!important;-o-transform:scale(1.05)!important;transform:scale(1.05)!important}.singleVideo .videoOverlay{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.05),rgba(0,0,0,.05)),-webkit-linear-gradient(top,rgba(0,0,0,.4)0%,rgba(0,0,0,0)35.94%,rgba(0,0,0,0)60.94%,rgba(0,0,0,.4)100%);background:-moz-linear-gradient(bottom,rgba(0,0,0,.05),rgba(0,0,0,.05)),-moz-linear-gradient(top,rgba(0,0,0,.4)0%,rgba(0,0,0,0)35.94%,rgba(0,0,0,0)60.94%,rgba(0,0,0,.4)100%);background:-o-linear-gradient(bottom,rgba(0,0,0,.05),rgba(0,0,0,.05)),-o-linear-gradient(top,rgba(0,0,0,.4)0%,rgba(0,0,0,0)35.94%,rgba(0,0,0,0)60.94%,rgba(0,0,0,.4)100%);background:linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05)),linear-gradient(180deg,rgba(0,0,0,.4)0%,rgba(0,0,0,0)35.94%,rgba(0,0,0,0)60.94%,rgba(0,0,0,.4)100%)}.singleVideo .title,.singleVideo .info{color:#fff}.singleVideo .info{background:rgba(255,255,255,.15)}"})]})})};t.Z=b},4654:function(e,t,i){"use strict";var a=i(5893),n=i(4184),s=i.n(n),l=i(5675),r=i.n(l),o=i(7294),c=i(6777);let d=e=>{let{src:t,width:i,quality:a}=e;return"".concat(t,"?width=").concat(i,"&quality=").concat(a,"&format=webp")},m=(0,o.memo)(e=>{let{title:t,coverImage:i,href:n,className:l,radius:m,mainCategoryImage:x,label:u,trackingAction:f="",paddingBottom:h="56%",sizes:g=""}=e,b=(0,o.useMemo)(()=>i&&i.url?(0,a.jsx)("div",{className:"relative",style:{paddingBottom:h},children:(0,a.jsx)(r(),{src:(null==i?void 0:i.blur)&&(null==x?void 0:x.url)?x.url:null==i?void 0:i.url,loader:d,alt:t,quality:100,fill:!0,placeholder:"empty",className:s()("shadow-small",{"hover:shadow-medium transition-shadow duration-200":n},m&&"rounded-lg"),style:{objectFit:"cover"},priority:!1,sizes:g})}

1):null,[i,n,m,t,null==x?void 0:x.url,h,g]);return(0,a.jsx)("div",{className:s()(l,"overflow-hidden flex-shrink-0"),children:n?(0,a.jsx)(c.Z,{href:n,label:u||"clic_content_image",trackingAction:f,children:b}):b})});m.displayName="CoverImage",t.Z=m},6777:function(e,t,i){"use strict";var a=i(5893),n=i(7294),s=i(1664),l=i.n(s),r=i(644);let o=(0,n.memo)(e=>{let{href:t,className:i,children:n}=e;return(null==t?void 0:t.external)===!0?(0,a.jsx)("a",{href:t.value,className:i,children:n}):(0,a.jsx)(l(),{className:i,href:(null==t?void 0:t.pathname)?"/".concat(t.query.categorie,"/").concat(t.query.slug,"/"):t,children:n})});o.displayName="PostLink",t.Z=(0,r.NE)(o)},3928:function(e,t,i){"use strict";i.d(t,{Z:function(){return m}});var a=i(5893),n=i(7294),s=i(4184),l=i.n(s);let r=e=>{let{style:t}=e;return(0,a.jsxs)("svg",{width:t?t.width:"44",height:t?t.height:"46",viewBox:"0 0 44 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsxs)("g",{filter:"url(#filter0_d_1563_3284)",children:[(0,a.jsx)("path",{d:"M35.3579 22.7644C36.7696 22.0114 36.7696 19.9879 35.3579 19.235L6.60787 3.90164C5.27565 3.19112 3.66669 4.1565 3.66669 5.66634V36.333C3.66669 37.8428 5.27565 38.8082 6.60786 38.0977L35.3579 22.7644Z",fill:"white"}),(0,a.jsx)("path",{d:"M6.60786 38.0977L7.07845 38.9801L6.60786 38.0977ZM35.8284 18.3526L7.07845 3.01928L6.13728 4.78399L34.8873 20.1173L35.8284 18.3526ZM2.66669 5.66634V36.333H4.66669V5.66634H2.66669ZM7.07845 38.9801L35.8284 23.6467L34.8873 21.882L6.13728 37.2154L7.07845 38.9801ZM2.66669 36.333C2.66669 38.5978 5.08014 40.0458 7.07845 38.9801L6.13728 37.2154C5.47117 37.5706 4.66669 37.0879 4.66669 36.333H2.66669ZM7.07845 3.01928C5.08014 1.95351 2.66669 3.40158 2.66669 5.66634H4.66669C4.66669 4.91142 5.47117 4.42873 6.13728 4.78399L7.07845 3.01928ZM34.8873 20.1173C35.5932 20.4938 35.5932 21.5056 34.8873 21.882L35.8284 23.6467C37.9461 22.5173 37.9461 19.482 35.8284 18.3526L34.8873 20.1173Z",fill:"white"})]}),(0,a.jsx)("defs",{children:(0,a.jsxs)("filter",{id:"filter0_d_1563_3284",x:"0.666687",y:"0.662109",width:"42.75",height:"44.6748",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,a.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,a.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,a.jsx)("feOffset",{dx:"2",dy:"2"}),(0,a.jsx)("feGaussianBlur",{stdDeviation:"2"}),(0,a.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,a.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),(0,a.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1563_3284"}),(0,a.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_1563_3284",result:"shape"})]})})]})};var o=i(4654),c=i(6777);let d=(0,n.memo)(e=>{let{title:t,surTitre:i,coverImage:n,href:s="",mainCategory:d,radius:m,fat:x,withPlayIcon:u}=e;return(0,a.jsxs)("div",{className:l()("hover:underline",x&&"lg:grid lg:grid-cols-3 lg:gap-x-5"),children:[(0,a.jsxs)("div",{className:l()("mb-4",x&&"lg:col-span-2",!x&&" relative"),children:[u&&(0,a.jsx)("div",{className:"absolute z-10",style:{width:"15%",height:"31%",right:"9%",top:"10%"},children:(0,a.jsx)(r,{style:{width:"100%",height:"100%"}})}),(0,a.jsx)(o.Z,{title:t,href:s,coverImage:n,mainCategory:d,radius:!0,objectFit:"cover"})]},"cover"),(0,a.jsx)("h3",{className:l()("text-xl font-bold md:text-left",x&&"lg:text-3xl"),children:(0,a.jsxs)(c.Z,{href:s,trackingAction:"clic_content_titre",label:"clic_content_titre",children:[(0,a.jsx)("div",{children:i&&(0,a.jsx)("span",{style:{fontSize:"13px",display:"block",lineHeight:"17px"},className:"text-konbiniGreyForced font-medium sm:mb-3 md:mb-2",children:i})}),(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:t}})]})},"title")]})});d.displayName="PostPreview";var m=d},4177:function(e,t,i){"use strict";i.d(t,{OI:function(){return s},QS:function(){return n},hi:function(){return a}});let a=(e,t,i)=>{let a=[{"@type":"ListItem",position:1,name:"Konbini",item:{"@id":"https://www.konbini.com/"}},{"@type":"ListItem",position:2,name:e.name,item:{"@id":"".concat("https://www.konbini.com/","categorie/").concat(e.slug,"/")}}];return t&&a.push({"@type":"ListItem",position:3,name:t.name,item:{"@id":"".concat("https://www.konbini.com/").concat(i?"".concat(i,"/").concat(t.slug):"categorie/".concat(e.slug,"/").concat(t.slug),"/")}}),JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:a},null,4)},n=()=>JSON.stringify({"@context":"https://schema.org","@type":"NewsMediaOrganization",name:"Konbini",url:"https://www.konbini.com/",logo:"https://static-cdn.konbini.com/konbini/img/headerLogo.png",sameAs:["https://www.facebook.com/konbinifr/","https://www.facebook.com/".concat("konbinifr"),"https://twitter.com/KonbiniFr","https://www.instagram.com/konbini/","https://www.youtube.com/user/Konbini"]},null,4),s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(!e||!t.length)return e;try{let i=JSON.parse(e);return i.keywords=t.map(e=>e.name),JSON.stringify(i,null,4)}catch(a){return e}}},7962:function(e){e.exports={topArk:"layout_topArk__DBXUv",topArkRe:"layout_topArkRe__QdLq1",containerArkLoaded:"layout_containerArkLoaded___g7kX",grid:"layout_grid__xoIce",sidebarDisabled:"layout_sidebarDisabled__mKiPm",homePage:"layout_homePage__rKPxm",article:"layout_article___LP_3",sidebar:"layout_sidebar__A9meU"}}},function(e){e.O(0,[4976,2310,3452,1174,9398,9355,2599,9774,2888,179],function(){return e(e.s=1936)}),_N_E=e.O()}]);