(function(e){function t(t){for(var r,o,s=t[0],i=t[1],u=t[2],d=0,f=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&f.push(a[o][0]),a[o]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);l&&l(t);while(f.length)f.shift()();return c.push.apply(c,u||[]),n()}function n(){for(var e,t=0;t<c.length;t++){for(var n=c[t],r=!0,s=1;s<n.length;s++){var i=n[s];0!==a[i]&&(r=!1)}r&&(c.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={app:0},c=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],i=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var l=i;c.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},3424:function(e,t,n){"use strict";n("daf3")},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var r=n("7a23"),a=n("5502"),c=Object(a["a"])({state:{recordings:[],campaigns:[],access_token:null},mutations:{setRecordings:function(e,t){e.recordings=t},setCampaigns:function(e,t){e.campaigns=t},setAccessToken:function(e,t){e.access_token=t}},actions:{setRecordings:function(e,t){e.commit("setRecordings",t)},setCampaigns:function(e,t){e.commit("setCampaigns",t)},setAccessToken:function(e,t){e.commit("setAccessToken",t)}},getters:{getRecordings:function(e){return e.recordings},getCampaings:function(e){return e.campaigns},getAccessToken:function(e){return e.access_token}},modules:{}}),o={class:"page"};function s(e,t,n,a,c,s){var i=Object(r["m"])("Audio");return Object(r["i"])(),Object(r["e"])("div",o,[Object(r["g"])(i,{class:"container"})])}var i=n("5530"),u=(n("d3b7"),n("3ca3"),n("ddb0"),n("d81d"),n("a4d3"),n("e01a"),n("ca8b")),l=n.n(u),d=Object(r["f"])("div",{class:"menu"},[Object(r["f"])("img",{class:"logo",src:l.a}),Object(r["f"])("ul",null,[Object(r["f"])("li",{class:"menu-item"},[Object(r["f"])("a",{href:"https://mijn.improvers.nl/"},"Home")])])],-1),f=Object(r["f"])("div",{class:"block"},[Object(r["f"])("div",{class:"block-text"},[Object(r["f"])("h1",{class:"header"},"Voorbeeldgesprekken"),Object(r["f"])("p",null,"Hieronder vind je een selectie met interessante gesprekken.")]),Object(r["f"])("div",{class:"block-picture"},[Object(r["f"])("img",{src:"https://improvers-prod-storage-bucket.s3.eu-west-2.amazonaws.com/cire_min_7a2ba2d159.jpg"})])],-1),p={class:"cards"},b=["onClick"],g={class:"lds-ring media-control"},v=Object(r["f"])("div",null,null,-1),j=Object(r["f"])("div",null,null,-1),m=Object(r["f"])("div",null,null,-1),O=Object(r["f"])("div",null,null,-1),h=[v,j,m,O],k={class:"media-control fa-play"},w={class:"media-control fa-pause"},y={class:"index"},_={class:"partner"},A=Object(r["f"])("div",{class:"dash"}," - ",-1),T={class:"comment"},x={class:"duration"};function M(e,t,n,a,c,o){var s=Object(r["m"])("Upload");return Object(r["i"])(),Object(r["e"])("div",null,[d,f,Object(r["g"])(s,{showModal:a.showModal,onClosemodal:t[0]||(t[0]=function(e){return a.showModal=!1})},null,8,["showModal"]),Object(r["f"])("div",p,[(Object(r["i"])(!0),Object(r["e"])(r["a"],null,Object(r["l"])(a.advertisers,(function(e){return Object(r["i"])(),Object(r["e"])(r["a"],{key:e.advertiser},[Object(r["f"])("h2",null,Object(r["n"])(e.advertiser),1),(Object(r["i"])(!0),Object(r["e"])(r["a"],null,Object(r["l"])(e.recordings,(function(e,t){return Object(r["i"])(),Object(r["e"])("div",{class:"card",onClick:function(t){return a.rowClick(e,t)},key:e.id},[Object(r["q"])(Object(r["f"])("div",g,h,512),[[r["o"],a.loading(e.state)]]),Object(r["q"])(Object(r["f"])("div",k,null,512),[[r["o"],a.paused(e.state)]]),Object(r["q"])(Object(r["f"])("div",w,null,512),[[r["o"],a.playing(e.state)]]),Object(r["f"])("div",y,Object(r["n"])(t+1)+".",1),Object(r["f"])("div",_,Object(r["n"])(e.first_name)+" "+Object(r["n"])(e.last_name),1),A,Object(r["f"])("div",T,Object(r["n"])(e.description),1),Object(r["f"])("div",x,Object(r["n"])(a.duration(e.duration)),1)],8,b)})),128))],64)})),128))])])}var C=n("1da1"),R=(n("96cf"),n("7db0"),n("c19f"),n("5cc6"),n("9a8c"),n("a975"),n("735e"),n("c1ac"),n("d139"),n("3a7b"),n("d5d6"),n("82f8"),n("e91f"),n("60bd"),n("5f96"),n("3280"),n("3fcc"),n("ca91"),n("25a1"),n("cd26"),n("3c5d"),n("2954"),n("649e"),n("219c"),n("170b"),n("b39a"),n("72f7"),n("b0c0"),{key:0}),P=Object(r["f"])("h1",null,"test",-1);function S(e,t,n,a,c,o){return Object(r["i"])(),Object(r["e"])("div",null,[n.showModal?(Object(r["i"])(),Object(r["e"])("div",R,[Object(r["f"])("button",{onClick:t[0]||(t[0]=function(t){return e.$emit("closemodal")})},"ok"),P])):Object(r["d"])("",!0)])}var B={props:{showModal:Boolean},emits:["closemodal"],setup:function(e){return console.log(e.showModal),{}}},q=n("6b0d"),H=n.n(q);const U=H()(B,[["render",S]]);var z=U,I=n("78da"),D={components:{Upload:z},setup:function(){var e=new I["a"];e.onstatechange=function(){console.log(e.state)};var t=Object(r["k"])(!1),n=Object(a["b"])(),c=new Headers,o=n.getters.getAccessToken;o&&c.append("Authorization","bearer "+o);var s=e.createBufferSource(),i=null,u=null;null==u&&(u=setInterval(h,1e3));var l=Object(r["b"])((function(){return n.getters.getRecordings.reduce((function(e,t){var r=n.getters.getCampaings.find((function(e){return e.code===t.code}));if(console.log("adv_result",r),r){var a=e.find((function(e){return console.log("adv_advert",r.advertiser),e.advertiser===r.advertiser}));if(a)a.recordings.push(t);else{var c=[];c.push(t),e.push({advertiser:r.advertiser,recordings:c})}}return e}),[])}));function d(e){return f.apply(this,arguments)}function f(){return f=Object(C["a"])(regeneratorRuntime.mark((function e(t){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(i&&i.name!=t.name&&_(),i=t,"new"!=i.state){e.next=8;break}return i.state="fetching",e.next=6,p();case 6:i.buffer=e.sent,i.state="fetched";case 8:T(),console.log("playing",m(t.state)),console.log("paused",m(t.state)),console.log("loading",m(t.state));case 12:case"end":return e.stop()}}),e)}))),f.apply(this,arguments)}function p(){return b.apply(this,arguments)}function b(){return b=Object(C["a"])(regeneratorRuntime.mark((function e(){var t;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t=new Request(i.url),e.abrupt("return",fetch(t,{headers:c}).then((function(e){return e.arrayBuffer()})).then((function(e){return e})));case 2:case"end":return e.stop()}}),e)}))),b.apply(this,arguments)}function g(e){var t=new ArrayBuffer(e.byteLength);return new Uint8Array(t).set(new Uint8Array(e)),t}function v(e){var t=~~(e%3600/60),n=~~e%60,r="";return r+=""+t<10?"0":"",r+=t+":"+(n<10?"0":""),r+=""+n,"("+r+")"}function j(){var t=g(i.buffer);e.decodeAudioData(t,(function(t){s=e.createBufferSource(),i.duration=t.duration,s.buffer=t,s.connect(e.destination),s.addEventListener("ended",x);var n=i.paused_at;i.started_at=e.currentTime-i.paused_at,i.paused_at=0,s.start(0,n)}))}function m(e){return"fetching"===e||"fetched"===e}function O(e){return e>0?v(e):""}function h(){return i&&"ended"!==i.state?i.paused_at>0?(console.log(i.paused_at),i.paused_at):i.started_at>0?(console.log(e.currentTime-i.started_at),e.currentTime-i.started_at):0:0}function k(e){return"playing"===e}function w(e){return"new"===e||"ended"===e||"paused"===e}function y(){console.log("log modal")}function _(){s&&(s.disconnect(),s.stop(0),s=null),i.paused_at=0,i.started_at=0,i.state="ended"}function A(){s.stop(0),i.paused_at=e.currentTime-i.started_at,console.log("pause",i.paused_at,i.started_at),i.state="paused"}function T(){"fetched"==i.state||"ended"==i.state||"paused"==i.state?(i.state="playing",j()):A()}function x(){i.state="ended"}return{rowClick:d,loading:m,playing:k,paused:w,duration:O,showModal:t,logModal:y,advertisers:l}}};n("b397");const F=H()(D,[["render",M]]);var J=F,L={name:"App",components:{Audio:J},setup:function(){var e=Object(a["b"])(),t=new Headers,n=e.getters.getAccessToken;n&&t.append("Authorization","bearer "+n);var r=fetch("https://eve.improvers.nl/replay/recordings/",{headers:t}).then((function(e){return e.json()})),c=fetch("https://eve.improvers.nl/replay/campaigns/",{headers:t}).then((function(e){return e.json()}));Promise.all([r,c]).then((function(t){e.dispatch("setRecordings",t[0].map((function(e){return Object(i["a"])(Object(i["a"])({},e),{},{buffer:null,state:"new",started_at:0,paused_at:0,duration:0,time_left:0})}))),e.dispatch("setCampaigns",t[1].map((function(e){return Object(i["a"])(Object(i["a"])({},e),{},{buffer:null,state:"new",started_at:0,paused_at:0,duration:0,time_left:0})}))),console.log("recordings",e.state.recordings),console.log("campaigns",e.state.campaigns)}))}};n("3424");const E=H()(L,[["render",s]]);var V=E,$=n("68ad"),G=!1,K={url:"https://login.improvers.nl/auth",realm:"improvers",clientId:"wallboard"},N=$(K);function Q(e){W(e),!1===G&&(G=setInterval((function(){W(e)}),6e4))}function W(e){e.updateToken(70).then((function(t){t?(c.dispatch("setAccessToken",e.token),console.info("Token refreshed"+t)):console.warn("Token not refreshed, valid for "+Math.round(e.tokenParsed.exp+e.timeSkew-(new Date).getTime()/1e3)+" seconds")})).catch((function(){console.error("Failed to refresh token")}))}N.init().then((function(e){if(e){console.info("Authenticated"),c.dispatch("setAccessToken",N.token);var t=Object(r["c"])(V,{keycloak:N});t.use(c).mount("#app"),Q(N)}else N.login()})).catch((function(){console.error("Authenticated Failed")}))},"8e96":function(e,t,n){},b397:function(e,t,n){"use strict";n("8e96")},ca8b:function(e,t,n){e.exports=n.p+"img/improvers-logo.786a1b32.svg"},daf3:function(e,t,n){}});
//# sourceMappingURL=app.25ea8931.js.map