https://www.frog.co/_next/static/chunks/8438-3f28ae67b53998e0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8438],{4176:(e,t,a)=>{"use strict";a.d(t,{EJ:()=>o,IZ:()=>s,PG:()=>n,RT:()=>i,UC:()=>l,VN:()=>r}),a(20772);let n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,a=0;for(let t=0;t<e.length;t++)a=(a<<5)-a+e.charCodeAt(t)|0;let n=a||1,r=Array.from({length:t},()=>{let e;return n|=0,(((e=(e=Math.imul((n=n+0x6d2b79f5|0)^n>>>15,1|n))+Math.imul(e^e>>>7,61|e)^e)^e>>>14)>>>0)/0x100000000});return r.map((e,t)=>{let a=Math.max(0,t-4),n=Math.min(r.length,t+4+1),s=r.slice(a,n);return s.reduce((e,t)=>e+t,0)/s.length})},r=(e,t)=>{if(!e)return"00";let a=Math.floor(e%86400/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);switch(t){case"h":return String(a).padStart(2,"0");case"m":return String(n).padStart(2,"0");case"s":return String(r).padStart(2,"0");default:return"%unit%?"}},s=(e,t,a,n)=>{let r=a||0,s=n||"50% 50%",o="";switch((null==t?void 0:t.constructor)===Array?(t.map((e,a)=>{o+=null==e?void 0:e.value,o+=a+1<t.length?", ":""}),1===t.length&&(o+=", ".concat(o))):o="transparent, transparent",e){case"radial":return"radial-gradient(circle at ".concat(s,", ").concat(o,")");case"conic":return"conic-gradient(from ".concat(r,"deg at ").concat(s,", ").concat(o,")");default:return"linear-gradient(".concat(r,"deg, ").concat(o,")")}},o=e=>{if(!e||e.constructor!==Array)return void console.error("hashIncludes: Array expected");let t=RegExp(e.join("|"),"i");return window.location.hash.search(t)>-1},i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{slug:""};return'{\n    "@context":"http://schema.org",\n      "@type":"Organization",\n      "name":"frog",\n      "url":"https://www.frog.co/'.concat(e.slug,'",\n      "logo":"https://www.frog.co/static/images/21-frog-Cap-Invent-logo-horizontal-black.svg",\n      "foundingDate": "1969",\n      "founders": { "@type": "Person", "name": "Hartmut Esslinger" },\n      "address":{\n      "@type": "PostalAddress", "streetAddress": "Place de l\'\xc9toile 11 rue de Tilsitt",\n        "addressLocality":"Paris", "postalCode": "75 017", "addressCountry": "France"\n    },\n      "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "telephone": "+33 1 47 54 50 00", "email": "[email protected]" },\n      "sameAs": [ "https://www.x.com/frogdesign", "https://www.facebook.com/frogdesigninc/", "https://www.linkedin.com/company/frog/", "https://vimeo.com/frog", "https://www.instagram.com/frog_design/" ],\n      "parentOrganization":\n      {\n        "@type":"Organization",\n        "name":"Capgemini Invent",\n        "url":"https://www.capgemini.com/invent/",\n        "logo":"https://www.capgemini.com/wp-content/themes/capgemini2020/assets/images/capgemini-invent.svg" \n      }\n  }')},l=()=>window&&window.innerWidth>1024},8438:(e,t,a)=>{"use strict";a.d(t,{A:()=>w});var n=a(37876),r=a(14232),s=a(64707),o=a.n(s),i=a(2171),l=a(60091),c=a(47205),d=a(55793),u=a.n(d),p=a(4176);function g(e){let{progress:t,onDrag:a,onPodcastEnd:s,duration:o,accentColor:i,waveFormJson:l,playing:c,disableDraggable:d}=e,g=(0,r.useRef)(null),h=(0,r.useRef)(null),m=(0,r.useRef)(null),[w,f]=(0,r.useState)([]),[y,_]=(0,r.useState)(0),[v,P]=(0,r.useState)(!1),[T,A]=(0,r.useState)(0),[E,N]=(0,r.useState)(0),x=!!(l&&l.length);(0,r.useEffect)(()=>{if(l){f([]);let e=Math.floor(l.length/100);[...Array(100)].forEach((t,a)=>{let n=l.slice(a*e,a*e+e),r=n.reduce((e,t)=>e+t)/n.length;f(e=>[...e,r])})}},[l]),(0,r.useEffect)(()=>{_(Math.max.apply(Math,w))},[w]);let D=e=>{if(!0===d)return;e.preventDefault(),P(!0);let n=t,r=e=>{let t=m.current.getBoundingClientRect();A(n=Math.min(100,Math.max(0,(e-t.left)/t.width*100))),a(n)},o=e=>r(e.clientX),i=e=>r(e.touches[0].clientX),l=()=>{P(!1),window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",l),window.removeEventListener("touchmove",i),window.removeEventListener("touchend",l),n>=100&&s()};window.addEventListener("mousemove",o),window.addEventListener("mouseup",l),window.addEventListener("touchmove",i,{passive:!1}),window.addEventListener("touchend",l),"clientX"in e?r(e.clientX):r(e.touches[0].clientX)};return(0,r.useEffect)(()=>{A(t),N(t/100*o),c&&!v&&100===t&&s()},[t]),(0,n.jsx)("div",{children:(0,n.jsxs)("div",{className:u().audioPlayerProgressBar,ref:h,children:[x?(0,n.jsx)("div",{className:u().barGroupDefault,ref:m,onMouseDown:D,onTouchStart:D,children:w&&!!y&&w.map((e,a)=>(0,n.jsx)("div",{className:u().newBar,style:{height:e/y*100+"px",backgroundColor:a/100*100<(v?T:t)&&c?"#fff":"",animationPlayState:c?"running":"paused",animationDelay:"".concat(a%9*.12,"s")}},a))}):(0,n.jsxs)("div",{className:u().simpleTrack,ref:m,onMouseDown:D,onTouchStart:D,children:[(0,n.jsx)("div",{className:u().simpleTrackFilled,style:{width:"".concat(v?T:t,"%")}}),(0,n.jsx)("div",{className:u().simpleTrackThumb,style:{left:"".concat(v?T:t,"%")}})]}),(0,n.jsxs)("div",{ref:g,className:"".concat(u().seekDuration),style:{opacity:+!!c},children:[(0,n.jsxs)("span",{className:u().passedTime,children:[(0,p.VN)(E,"m"),":",(0,p.VN)(E,"s")]}),(0,n.jsxs)("span",{className:u().totalTime,children:[(0,p.VN)(o,"m"),":",(0,p.VN)(o,"s")]})]})]})})}g.defaultProps={accentColor:"orange",disableDraggable:!1};var h=a(58103),m=a.n(h);function w(e){let{podcastUrl:t,podcastTitle:a,play:s,waveFormJson:d,onPodcastEnd:u,disableDraggable:p,setPlayPodcast:h}=e,[w,f]=(0,r.useState)(null),y=(0,i.d4)(e=>e.audioPlayer),{insightsAudio:_}=(0,i.d4)(e=>e),v=(0,i.wA)(),[P,T]=(0,r.useState)(0),A=(0,r.useRef)(null);(0,r.useEffect)(()=>{s?(E(),v((0,l.v1)(null==A?void 0:A.current))):(N(),v((0,l.v1)(null)))},[s]);let E=async()=>{y&&await y.pause(),v((0,c.p)(w)),await w.play(),window&&window.dataLayer&&window.dataLayer.push({event:"podcast-play",podcastUrl:t,podcastTitle:a})};(0,r.useEffect)(()=>{let e=new Audio(t);e.load(),e.addEventListener("loadeddata",()=>{f(e)}),e.addEventListener("pause",()=>{})},[t]);let N=()=>{w&&w.pause(),window&&window.dataLayer&&window.dataLayer.push({event:"podcast-pause",podcastUrl:t,podcastTitle:a})};return(0,r.useEffect)(()=>

1{if(w){let e=0;w.addEventListener("timeupdate",()=>{let n=w.currentTime/w.duration*100;T(n);let r=Math.round(n);r%10==0&&r!==e&&window&&window.dataLayer&&(window.dataLayer.push({event:"podcast-progress-".concat(r),podcastUrl:t,podcastTitle:a}),e=r)})}},[w]),(0,r.useEffect)(()=>{_.currentAudioRef&&_.currentAudioRef!==A.current&&h&&h(!1)},[_.currentAudioRef]),(0,n.jsx)("div",{ref:A,className:m()(o().audioPlayer,{[o().playing]:s}),children:!!w&&(0,n.jsx)(g,{duration:w?w.duration:0,progress:P,onDrag:e=>{let t=e/100*w.duration;w.currentTime=t},waveFormJson:d,playing:s,onPodcastEnd:u,disableDraggable:p})})}w.defaultProps={theme:"dark",podcastTitle:"",disableDraggable:!1}},47205:(e,t,a)=>{"use strict";a.d(t,{p:()=>n});let n=e=>({type:"PLAY_NEW_AUDIO",audioObj:e})},55793:e=>{e.exports={audioPlayerProgressBar:"InsightsAudioPlayerProgressBar_audioPlayerProgressBar__Rhs8V",seekDuration:"InsightsAudioPlayerProgressBar_seekDuration__SHuZv",passedTime:"InsightsAudioPlayerProgressBar_passedTime__0_uIq",totalTime:"InsightsAudioPlayerProgressBar_totalTime__NhXO4",newBar:"InsightsAudioPlayerProgressBar_newBar__nRlef",barPulse:"InsightsAudioPlayerProgressBar_barPulse__pTIn6",barGroupDefault:"InsightsAudioPlayerProgressBar_barGroupDefault__B2E6N",simpleTrack:"InsightsAudioPlayerProgressBar_simpleTrack__ag9mo",simpleTrackFilled:"InsightsAudioPlayerProgressBar_simpleTrackFilled__gYOM0",simpleTrackThumb:"InsightsAudioPlayerProgressBar_simpleTrackThumb__B_iqu"}},60091:(e,t,a)=>{"use strict";function n(e){return{type:"CHANGE_CURRENT_AUDIO_REF",currentAudioRef:e}}function r(e){return{type:"DISPLAY_TABLE_OF_CONTENTS",display:e}}function s(e){return{type:"UPDATE_AUDIO_CONTENTS",audios:e}}function o(e){return{type:"SET_PLAYER_IS_OPEN",playerIsOpen:e}}function i(e){return{type:"UPDATE_CTA_DATA",ctaData:e}}a.d(t,{v1:()=>n,wB:()=>r,uT:()=>o,qQ:()=>s,WJ:()=>i})},64707:e=>{e.exports={audioPlayer:"InsightsAudioPlayer_audioPlayer__MnJlK"}}}]);