(this.webpackJsonpui=this.webpackJsonpui||[]).push([[0],{108:function(e,t,a){e.exports={card:"EvaluationStatus_card__3kHJ_",cardContent:"EvaluationStatus_cardContent__3W0EC",percent:"EvaluationStatus_percent__UFnpQ",description:"EvaluationStatus_description__3ktwk"}},131:function(e,t,a){e.exports={header:"NavigationBar_header__kQoNM",logo:"NavigationBar_logo__2WACG",logoNoUser:"NavigationBar_logoNoUser__3PWBH",menu:"NavigationBar_menu__2_4NM",active:"NavigationBar_active__LohCY",userSettings:"NavigationBar_userSettings__lD_gl",userName:"NavigationBar_userName__1VFh0"}},149:function(e,t,a){e.exports={pageHeader:"PageHeader_pageHeader__2_IuK",title:"PageHeader_title__13blL",extra:"PageHeader_extra___Kbsf",backIcon:"PageHeader_backIcon__1bCUP"}},150:function(e,t,a){e.exports={inviteCollaboratorContainer:"ExperimentPage_inviteCollaboratorContainer__3f6Zm",collaboratorItem:"ExperimentPage_collaboratorItem__2x7sB"}},171:function(e,t,a){e.exports=a.p+"static/media/logo.60753b92.png"},193:function(e,t,a){e.exports={login:"AuthPage_login__1N9ni",card:"AuthPage_card__2vSPw",icon:"AuthPage_icon__3RN8p"}},194:function(e,t,a){e.exports={searchContainer:"ExperimentsPage_searchContainer__2LIDR",search:"ExperimentsPage_search__XPkZZ",experimentsTable:"ExperimentsPage_experimentsTable__1XU4N"}},233:function(e,t,a){e.exports={error:"ErrorPage_error__1PtvY",message:"ErrorPage_message__2ycW8"}},286:function(e,t,a){e.exports={submit:"Login_submit__2l7nG"}},292:function(e,t,a){e.exports={submit:"RegisterForm_submit__158ZD"}},295:function(e,t,a){e.exports={errorMessage:"AddExperimentModal_errorMessage__2889l"}},296:function(e,t,a){e.exports=a.p+"static/media/ErrorPage.990ae4d0.svg"},299:function(e,t,a){e.exports={container:"SpinnerPage_container__38n81"}},311:function(e,t,a){e.exports={errorMessage:"TrialModal_errorMessage__1vXAq"}},312:function(e,t,a){e.exports={timeline:"MeasurementTimes_timeline__3aK6y"}},318:function(e,t,a){e.exports=a(595)},323:function(e,t,a){},594:function(e,t,a){},595:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(10),o=a.n(i),l=(a(323),a(42)),c=a(45),s=a(98),u=a(315),m=a(316),d=a(277),f=new u.a,v=new m.a({uri:"/v1/graphql"}),p=Object(d.a)((function(e,t){var a=t.headers,n=localStorage.getItem("token")||"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIwMDAwMDAwMDAwIiwiaWF0IjoxNTg0NzI1NTU1LCJyb2xlIjoiYW5vbnltb3VzIiwiaHR0cHM6Ly9oYXN1cmEuaW8vand0L2NsYWltcyI6eyJ4LWhhc3VyYS1hbGxvd2VkLXJvbGVzIjpbImFub255bW91cyJdLCJ4LWhhc3VyYS1kZWZhdWx0LXJvbGUiOiJhbm9ueW1vdXMifX0.6ZExQ1PTpIiHD6dgevsUXpkuvZi3GqQqLS5jV2PkpHg";return{headers:Object(c.a)({},a,{authorization:"Bearer ".concat(n)})}})),g=new s.a({cache:f,link:p.concat(v),resolvers:{Query:{isAuthenticated:function(){return!!localStorage.getItem("token")}},Mutation:{saveAuthToken:function(e,t,a){var n=t.token,r=a.client;localStorage.setItem("token",n),r.resetStore()},doLogout:function(e,t,a){var n=a.client;localStorage.removeItem("token"),n.resetStore()}}}}),b=(a(152),a(69)),E=a(26),h=a(97),y=a(13),_=a(27),x=a.n(_),k=a(55),T=(a(200),a(128)),w=(a(201),a(118)),O=(a(235),a(50)),j=a(7),C=a(1),N=a.n(C),I=a(598),S=a(599),L=a(104),R=a(170),P=a.n(R);function A(){var e=Object(E.a)(["\n mutation INSERT_RESULT($trialId: uuid!, $events: jsonb, $counts: jsonb){\n insert_results_one(object:{\n trial_id: $trialId,\n events: $events,\n counts: $counts,\n }){\n id\n trial {\n id\n name\n type\n url\n created_at\n updated_at\n }\n counts\n events\n }\n }\n"]);return A=function(){return e},e}function $(){var e=Object(E.a)(["\n query GET_EXPERIMENT_AND_TRIAL ($experimentId: uuid!, $trialId: uuid!) {\n experiments_by_pk(id: $experimentId) {\n id\n name\n type\n created_at\n config\n }\n\n trials_by_pk(id: $trialId) {\n id\n name\n type\n url\n video_delay\n created_at\n updated_at\n }\n }\n"]);return $=function(){return e},e}function M(){var e=Object(E.a)(["\n query GET_RESULTS($experimentId: uuid!) {\n results(where: {trial: {experiment_id: {_eq: $experimentId}}}, order_by: {created_at: desc}) {\n user {\n id\n email\n first_name\n last_name\n role\n }\n user_id\n created_at\n updated_at\n trial_id\n trial {\n name\n }\n events\n id\n counts\n }\n }\n"]);return M=function(){return e},e}function F(){var e=Object(E.a)(["\n mutation {\n doLogout @client\n }\n"]);return F=function(){return e},e}function q(){var e=Object(E.a)(["\n query ME_QUERY {\n me {\n id\n email\n first_name\n last_name\n role\n }\n }\n"]);return q=function(){return e},e}function U(){var e=Object(E.a)(["\nquery GET_MY_PROGRESS($experimentId:uuid!) {\n my_results(where: {trial: {experiment_id: {_eq: $experimentId}}}) {\n id\n events\n counts\n created_at\n updated_at\n }\n\n trials_aggregate(where: {experiment_id: {_eq: $experimentId}}) {\n aggregate {\n count\n }\n }\n}\n"]);return U=function(){return e},e}function D(){var e=Object(E.a)(["\n mutation DELETE_TRIALS($ids: [uuid!]!) {\n delete_trials(where: {id: {_in: $ids}}) {\n affected_rows\n }\n }\n"]);return D=function(){return e},e}function B(){var e=Object(E.a)(["\n mutation UPDATE_TRIAL ($id: uuid!, $set: trials_set_input) {\n update_trials_by_pk(pk_columns: { id: $id }, _set: $set) {\n id\n name\n type\n url\n video_delay\n created_at\n updated_at\n }\n }\n"]);return B=function(){return e},e}function G(){var e=Object(E.a)(["\n mutation IMPORT_VIMEO_TRIALS ($experiment_id: String!, $vimeo_album_id: String!) {\n import_vimeo_trials(input: {experiment_id: $experiment_id, vimeo_album_id: $vimeo_album_id}){\n affected_rows\n }\n }\n"]);return G=function(){return e},e}function H(){var e=Object(E.a)(["\n query GET_EXPERIMENT ($id: uuid!) {\n experiments_by_pk(id: $id) {\n id\n name\n type\n created_at\n collaborators {\n id\n role\n user {\n id\n email\n first_name\n last_name\n role\n }\n }\n config\n }\n\n me {\n id\n email\n first_name\n last_name\n role\n }\n }\n"]);return H=function(){return e},e}function V(){var e=Object(E.a)(["\n query GET_TRIALS_TO_SHUFFLE ($experimentId: uuid!) {\n trials(where: {\n experiment_id: {\n _eq: $experimentId\n }\n }) {\n id\n name\n type\n url\n video_delay\n created_at\n updated_at\n my_results_aggregate {\n aggregate {\n count\n }\n }\n }\n }\n"]);return V=function(){return e},e}function z(){var e=Object(E.a)(["\n query GET_TRIALS ($limit: Int!, $offset: Int!, $order_by: [trials_order_by!], $where: trials_bool_exp) {\n trials_aggregate(where: $where) {\n aggregate {\n count\n }\n }\n\n trials(limit: $limit, offset: $offset, order_by: $order_by, where: $where) {\n id\n name\n type\n url\n video_delay\n created_at\n updated_at\n }\n }\n"]);return z=function(){return e},e}function W(){var e=Object(E.a)(["\n query GET_EXPERIMENTS ($limit: Int!, $offset: Int!, $order_by: [experiments_order_by!], $where: experiments_bool_exp) {\n experiments_aggregate(where: $where) {\n aggregate {\n count\n }\n }\n\n experiments(limit: $limit, offset: $offset, order_by: $order_by, where: $where) {\n id\n name\n type\n created_at\n trials_aggregate {\n aggregate {\n count\n }\n }\n }\n }\n"]);return W=function(){return e},e}function X(){var e=Object(E.a)(["\n query SEARCH_COLLABORATORS ($limit: Int!, $offset: Int!, $order_by: [users_order_by!], $where: users_bool_exp) {\n users(limit: $limit, offset: $offset, order_by: $order_by, where: $where) {\n id\n email\n first_name\n last_name\n role\n }\n }\n"]);return X=function(){return e},e}function Q(){var e=Object(E.a)(["\n mutation DELETE_COLLABORATOR($id: uuid!){\n delete_experiment_collaborators_by_pk(id: $id) {\n role\n }\n }\n"]);return Q=function(){return e},e}function Y(){var e=Object(E.a)(["\n mutation UPDATE_COLLABORATOR($id: uuid!, $role: String!){\n update_experiment_collaborators_by_pk(_set: {role: $role}, pk_columns: {id: $id}) {\n role\n }\n }\n"]);return Y=function(){return e},e}function J(){var e=Object(E.a)(["\n mutation ADD_COLLABORATOR_MUTATION($objects: [experiment_collaborators_insert_input!]!) {\n insert_experiment_collaborators(objects: $objects) {\n affected_rows\n }\n }\n"]);return J=function(){return e},e}function K(){var e=Object(E.a)(["\n mutation ADD_EXPERIMENT_MUTATION($objects: [experiments_insert_input!]!) {\n insert_experiments(objects: $objects) {\n affected_rows\n returning {\n id\n }\n }\n }\n"]);return K=function(){return e},e}var Z=x()(K()),ee=x()(J()),te=x()(Y()),ae=x()(Q()),ne=x()(X()),re=x()(W()),ie=x()(z()),oe=x()(V()),le=x()(H()),ce=x()(G()),se=x()(B()),ue=x()(D()),me=x()(U()),de=x()(q()),fe=x()(F()),ve=x()(M()),pe=x()($()),ge=x()(A()),be=a(171),Ee=a.n(be),he=a(131),ye=a.n(he),_e=b.a.Header,xe=function(){var e,t=Object(h.h)("/experiments"),a=Object(y.c)(de).data,n=Object(y.b)(fe),i=Object(j.a)(n,1)[0],o=(null===a||void 0===a?void 0:null===(e=a.me)||void 0===e?void 0:e[0])||{},l="https://www.gravatar.com/avatar/".concat(P()(o.email||""),"?s=100&d=mp"),c=r.a.createElement(O.a,null,r.a.createElement(O.a.Item,{disabled:!0},o.email&&"".concat(o.first_name," ").concat(o.last_name," <").concat(o.email,">")),r.a.createElement(O.a.Item,{onClick:function(){return i()}},r.a.createElement(I.a,null),"Logout"));return r.a.createElement(_e,{className:ye.a.header},r.a.createElement("div",{className:ye.a.logo,onClick:function(){}},r.a.createElement(L.a,{to:"/"},r.a.createElement("img",{src:Ee.a,alt:""}))),r.a.createElement("ul",{className:ye.a.menu},r.a.createElement("li",{className:N()(t&&ye.a.active)},r.a.createElement(L.a,{to:"/experiments"},r.a.createElement("span",null,"Experiments")))),r.a.createElement("div",{className:ye.a.userSettings},r.a.createElement(T.a,{overlay:c,placement:"bottomRight"},r.a.createElement(w.a,{size:36,icon:r.a.createElement(S.a,null),src:l}))))},ke=(a(136),a(68)),Te=(a(250),a(130)),we=(a(41),a(11)),Oe=(a(102),a(36)),je=(a(103),a(18)),Ce=(a(159),a(93)),Ne=a(22),Ie=a.n(Ne),Se=a(31),Le=a(600),Re=a(54),Pe=function(e){var t,a,n,r=(null===(t=e.error)||void 0===t?void 0:t.graphQLErrors.map((function(e){return e.message})))||[],i=null===(a=e.error)||void 0===a?void 0:null===(n=a.networkError)||void 0===n?void 0:n.message;return i?[i]:Object(Re.a)(r)};function Ae(){var e=Object(E.a)(["\n query ME{\n me {\n id\n email\n first_name\n last_name\n updated_at\n created_at\n }\n }\n"]);return Ae=function(){return e},e}function $e(){var e=Object(E.a)(["\n mutation REGISTER($email:String!, $password:String!, $firstName: String!, $lastName: String!) {\n register(input: {password: $password, email: $email, first_name: $firstName, last_name: $lastName}) {\n token\n }\n }\n"]);return $e=function(){return e},e}function Me(){var e=Object(E.a)(["\n mutation SAVE_AUTH_TOKEN($token: String!) {\n saveAuthToken(token: $token) @client\n }\n"]);return Me=function(){return e},e}function Fe(){var e=Object(E.a)(["\n mutation LOGIN($email:String!, $password:String!) {\n login(input: {password: $password, email: $email}) {\n token\n }\n }\n"]);return Fe=function(){return e},e}var qe=x()(Fe()),Ue=x()(Me()),De=x()($e()),Be=(x()(Ae()),a(176)),Ge=a(286),He=a.n(Ge),Ve=function(){var e=Object(y.b)(qe),t=Object(j.a)(e,2),a=t[0],n=t[1],i=Object(y.b)(Ue),o=Object(j.a)(i,1)[0],l=Pe(n),c=function(){var e=Object(Se.a)(Ie.a.mark((function e(t){var n;return Ie.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a({variables:t});case 3:return n=e.sent,e.next=6,o({variables:{token:Be.get(n,"data.login.token","")}});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),console.log(e.t0);case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(t){return e.apply(this,arguments)}}();return r.a.createElement(je.a,{name:"login",onFinish:c},l.length?r.a.createElement(je.a.Item,{name:"errors"},l.map((function(e){return r.a.createElement(Ce.a,{message:e,type:"error"})}))):void 0,r.a.createElement(je.a.Item,{name:"email",rules:[{required:!0,message:"Please input your e-mail!"}]},r.a.createElement(Oe.a,{prefix:r.a.createElement(S.a,null),placeholder:"E-mail",type:"email",autoComplete:"off",disabled:n.loading})),r.a.createElement(je.a.Item,{name:"password",rules:[{required:!0,message:"Please input your password!"}]},r.a.createElement(Oe.a,{prefix:r.a.createElement(Le.a,null),type:"password",placeholder:"Password",disabled:n.loading})),r.a.createElement(je.a.Item,null,r.a.createElement(we.a,{type:"primary",htmlType:"submit",className:He.a.submit,loading:n.loading},"Log in")))},ze=a(601),We=a(292),Xe=a.n(We),Qe=function(){var e=Object(y.b)(De),t=Object(j.a)(e,2),a=t[0],n=t[1],i=Object(y.b)(Ue),o=Object(j.a)(i,1)[0],l=Pe(n),c=function(){var e=Object(Se.a)(Ie.a.mark((function e(t){var n;return Ie.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,a({variables:t});case 3:return n=e.sent,e.next=6,o({variables:{token:Be.get(n,"data.register.token","")}});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),console.log(e.t0);case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(t){return e.apply(this,arguments)}}();return r.a.createElement(je.a,{name:"register",onFinish:c},l.length?r.a.createElement(je.a.Item,{name:"errors"},l.map((function(e){return r.a.createElement(Ce.a,{message:e,type:"error"})}))):void 0,r.a.createElement(je.a.Item,{name:"firstName",rules:[{required:!0,message:"Please input your first name!"}],hasFeedback:!0},r.a.createElement(Oe.a,{prefix:r.a.createElement(S.a,null),placeholder:"First name",autoComplete:"off",disabled:n.loading})),r.a.createElement(je.a.Item,{name:"lastName",rules:[{required:!0,message:"Please input your last name!"}],hasFeedback:!0},r.a.createElement(Oe.a,{prefix:r.a.createElement(S.a,null),placeholder:"Last name",autoComplete:"off",disabled:n.loading})),r.a.createElement(je.a.Item,{name:"email",rules:[{required:!0,message:"Please input your e-mail!"}],hasFeedback:!0},r.a.createElement(Oe.a,{prefix:r.a.createElement(ze.a,null),placeholder:"E-mail",type:"email",autoComplete:"off",disabled:n.loading})),r.a.createElement(je.a.Item,{name:"password",rules:[{required:!0,message:"Please input your password!"}],hasFeedback:!0},r.a.createElement(Oe.a.Password,{prefix:r.a.createElement(Le.a,null),placeholder:"Password",disabled:n.loading})),r.a.createElement(je.a.Item,{name:"confirm",dependencies:["password"],hasFeedback:!0,rules:[{required:!0,message:"Please confirm your password!"},function(e){var t=e.getFieldValue;return{validator:function(e,a){return a&&t("password")!==a?Promise.reject("The two passwords that you entered do not match!"):Promise.resolve()}}}]},r.a.createElement(Oe.a.Password,{prefix:r.a.createElement(Le.a,null),placeholder:"Confirm Password",disabled:n.loading})),r.a.createElement(je.a.Item,null,r.a.createElement(we.a,{type:"primary",htmlType:"submit",className:Xe.a.submit,loading:n.loading},"Register")))},Ye=a(193),Je=a.n(Ye),Ke=Te.a.TabPane,Ze=function(){return r.a.createElement("div",{className:Je.a.login},r.a.createElement(ke.a,{className:Je.a.card,bordered:!1,style:{background:"transparent"}},r.a.createElement("img",{src:Ee.a,alt:"aLab",className:Je.a.icon}),r.a.createElement(Te.a,{defaultActiveKey:"1",size:"large",tabBarStyle:{textAlign:"center"},animated:!1},r.a.createElement(Ke,{tab:"Login",key:"1"},r.a.createElement(Ve,null)),r.a.createElement(Ke,{tab:"Register",key:"2"},r.a.createElement(Qe,null)))))},et=(a(274),a(186)),tt=(a(262),a(148)),at=a(604),nt=(a(117),a(60)),rt=(a(225),a(64)),it=[{key:"fst",short:"FST",name:"Forced Swim Test",measurementTimes:[{from:120,to:360}],activities:[{name:"Immobile",hotkey:"left",default:!0},{name:"Climbing",hotkey:"up"},{name:"Swimming",hotkey:"right"}],stopConditions:[{totalLength:240}]},{key:"nor",short:"NOR",name:"Novel Object Recognition Test",measurementTimes:[{from:0}],activities:[{name:"Left",hotkey:"left"},{name:"None",hotkey:"up",default:!0},{name:"Right",hotkey:"right"}],stopConditions:[{totalLength:600}]},{key:"epm",short:"EPM",name:"Elevated Plus Maze",measurementTimes:[{from:0,to:300}],activities:[{name:"Closed",hotkey:"left",default:!0},{name:"Middle",hotkey:"up"},{name:"Open",hotkey:"right"}],stopConditions:[{totalLength:300}]},{key:"tst",short:"TST",name:"Tail Suspension Test",measurementTimes:[{from:0,to:360}],activities:[{name:"Immobile",hotkey:"left",default:!0},{name:"Climbing",hotkey:"up"}],stopConditions:[{totalLength:360}]},{key:"scratch",short:"SCRATCH",name:"Scratch Test",measurementTimes:[{from:0,to:120},{from:200,to:360}],activities:[{name:"Normal",hotkey:"left",default:!0},{name:"Scratching",hotkey:"up"}],stopConditions:[{totalLength:280}]},{key:"splash",short:"SPLASH",name:"Splash Test",measurementTimes:[{from:0,to:300}],activities:[{name:"Normal",hotkey:"left",default:!0},{name:"Grooming",hotkey:"up"}],stopConditions:[{totalLength:300}]},{key:"barnes",short:"BARNES",name:"Barnes Test",measurementTimes:[{from:0}],activities:[{name:"Default",hotkey:"d",default:!0},{name:"Head Escape",hotkey:"left",trackCount:!0},{name:"Body Escape",hotkey:"up",trackCount:!0},{name:"Head Error",hotkey:"right",trackCount:!0},{name:"Body Error",hotkey:"down",trackCount:!0}],stopConditions:[{totalCount:1,activities:["Body Escape"]},{totalLength:180}]}];function ot(e){return it.find((function(t){return t.key===e}))||{key:e,short:e.toUpperCase(),name:"Unknown Type (".concat(e,")")}}var lt=it,ct=a(295),st=a.n(ct),ut=rt.a.Option,mt=function(e){var t,a=je.a.useForm(),i=Object(j.a)(a,1)[0],o=Object(y.c)(de).data,l=Object(y.b)(Z,{refetchQueries:["GET_EXPERIMENTS"]}),c=Object(j.a)(l,2),s=c[0],u=c[1],m=u.loading,d=u.error,f=e.visible,v=e.onCloseModal,p=Object(n.useState)("fst"),g=Object(j.a)(p,2),b=g[0],E=g[1],h=ot(b),_=(null===o||void 0===o?void 0:null===(t=o.me)||void 0===t?void 0:t[0])||{},x=function(){var t=Object(Se.a)(Ie.a.mark((function t(a){return Ie.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,s({variables:{objects:{name:a.name,type:a.type,config:h,collaborators:{data:{user_id:_.id,role:"owner"}}}}});case 3:e.onCloseModal(),i.resetFields(),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error(t.t0);case 10:case"end":return t.stop()}}),t,null,[[0,7]])})));return function(e){return t.apply(this,arguments)}}();return r.a.createElement(nt.a,{title:"Add Experiment",visible:f,onCancel:v,footer:[r.a.createElement(we.a,{key:"back",onClick:v},"Cancel"),r.a.createElement(we.a,{key:"submit",type:"primary",loading:m,onClick:function(){return i.submit()}},"Add")]},r.a.createElement(je.a,{form:i,layout:"vertical",onFinish:x,onSubmitCapture:function(e){console.log("submit capture",e)},initialValues:{type:"fst"}},d?r.a.createElement(Ce.a,{className:st.a.errorMessage,message:d.message,type:"error"}):null,r.a.createElement(je.a.Item,{name:"name",label:"Name",rules:[{required:!0,message:"Please input the name"}]},r.a.createElement(Oe.a,{autoFocus:!0,disabled:m,autoComplete:"off"})),r.a.createElement(je.a.Item,{name:"type",label:"Type",rules:[{required:!0,message:"Please select the type"}]},r.a.createElement(rt.a,{onChange:function(e){return E(e)}},lt.map((function(e){return r.a.createElement(ut,{value:e.key},e.name)})))),r.a.createElement(we.a,{htmlType:"submit",style:{display:"none"}},"Submit")))},dt=a(233),ft=a.n(dt),vt=a(296),pt=a.n(vt),gt=function(e){return r.a.createElement("div",{className:ft.a.error},r.a.createElement("img",{src:pt.a,alt:"Error 500"}),r.a.createElement("p",{className:ft.a.message},e.message||"An unknown error has occurred, please try again later"),e.action)},bt=function(e){return r.a.createElement(b.a.Content,Object.assign({style:{padding:"24px"}},e))},Et=(a(597),a(314),a(602),a(149),a(224),a(126)),ht=a(603),yt=function(e){var t=e.size,a=void 0===t?24:t;return r.a.createElement(Et.a,{indicator:r.a.createElement(ht.a,{style:{fontSize:a},spin:!0})})},_t=a(299),xt=a.n(_t),kt=function(e){e.size;return r.a.createElement(bt,{className:xt.a.container},r.a.createElement(yt,null))},Tt=kt,wt=a(234),Ot=a.n(wt),jt=function(e){var t="";return t=e.relative?Ot()(e.date).fromNow():Ot()(e.date).format("dddd, MMMM Do YYYY, h:mm:ss a"),r.a.createElement(r.a.Fragment,null,t)},Ct=function(e){var t=e.seconds,a=Math.floor(t/60),n=t%60;return r.a.createElement(r.a.Fragment,null,"".concat(a,":").concat(n<10?"0"+n:n))},Nt=a(300),It=a.n(Nt),St=function(e){var t=e.onSearch,a=Object(n.useState)(null),i=Object(j.a)(a,2),o=i[0],l=i[1];return r.a.createElement(It.a,Object.assign({},e,{onChange:function(a){e.onChange&&e.onChange(a),function(e){var a=e.target.value;o&&clearTimeout(o),l(setTimeout((function(){t&&t(a)}),700))}(a)}}))},Lt=a(194),Rt=a.n(Lt),Pt=[{title:"Name",key:"name",render:function(e,t){return"".concat(t.name)}},{title:"Type",key:"type",render:function(e,t){return r.a.createElement(tt.a,null,t.type)}},{title:"Created",key:"createdAt",render:function(e,t){return r.a.createElement(jt,{relative:!0,date:"".concat(t.created_at)})}},{title:"Trials",key:"trials",render:function(e,t){var a;return null===(a=t.trials_aggregate)||void 0===a?void 0:a.aggregate.count}}],At=function(e){var t,a=Object(n.useState)(""),i=Object(j.a)(a,2),o=i[0],l=i[1],c=Object(y.c)(re,{variables:{limit:20,offset:0,order_by:{created_at:"desc"},where:o?{name:{_ilike:"%".concat(o,"%")}}:{}}}),s=c.loading,u=c.error,m=c.data,d=c.fetchMore,f=Object(n.useState)(1),v=Object(j.a)(f,2),p=v[0],g=v[1],b=Object(n.useState)(!1),E=Object(j.a)(b,2),h=E[0],_=E[1];if(u)return console.error(u),r.a.createElement(gt,null);return r.a.createElement(r.a.Fragment,null,r.a.createElement(bt,null,r.a.createElement(ke.a,null,r.a.createElement("div",{className:Rt.a.searchContainer},r.a.createElement(St,{placeholder:"Search",className:Rt.a.search,onSearch:function(e){l(e),g(1)}}),r.a.createElement(we.a,{type:"primary",icon:r.a.createElement(at.a,null),onClick:function(){return _(!0)},style:{marginLeft:"10px"}},"Add experiment")),r.a.createElement(et.a,{className:Rt.a.experimentsTable,columns:Pt,onRow:function(t){return{onClick:function(){return e.history.push("/experiment/".concat(t.id))}}},pagination:{pageSize:20,onChange:function(e,t){var a=t||20;g(e),d({variables:{offset:(e-1)*a},updateQuery:function(e,t){return t.fetchMoreResult}})},current:p,total:null===m||void 0===m?void 0:null===(t=m.experiments_aggregate)||void 0===t?void 0:t.aggregate.count},loading:s,dataSource:null===m||void 0===m?void 0:m.experiments}))),r.a.createElement(mt,{visible:h,onCloseModal:function(){return _(!1)}}))},$t=(a(217),a(71)),Mt=(a(218),a(40)),Ft=(a(554),a(196)),qt=(a(556),a(132)),Ut=(a(558),a(195)),Dt=(a(110),a(43)),Bt=(a(139),a(28)),Gt=a(609),Ht=(a(223),a(51)),Vt=(a(561),a(306)),zt=(a(166),a(52)),Wt=a(605),Xt={display:"block"},Qt=function(e){var t=e.visible,a=e.onCloseModal,i=e.experiment,o=je.a.useForm(),l=Object(j.a)(o,1)[0],c=Object(y.a)(ne),s=Object(j.a)(c,2),u=s[0],m=s[1],d=m.loading,f=m.data,v=Object(y.b)(ee,{refetchQueries:["GET_EXPERIMENTS","GET_EXPERIMENT"]}),p=Object(j.a)(v,2),g=p[0],b=p[1],E=b.loading,h=b.error,_=Object(n.useState)(null),x=Object(j.a)(_,2),k=x[0],T=x[1];Object(n.useEffect)((function(){null===h||void 0===h||h.graphQLErrors.forEach((function(e){var t;"constraint-violation"===(null===(t=e.extensions)||void 0===t?void 0:t.code)?zt.a.error({message:"Collaborator alread added"}):zt.a.error({message:"Failed to add collaborator",description:"Please try again later"})}))}),[h]);var w=(null===f||void 0===f?void 0:f.users.map((function(e){return{text:"<".concat(e.email,">"),value:e.email}})))||[];return r.a.createElement(nt.a,{title:"Add collaborator",visible:t,onCancel:a,footer:[r.a.createElement(we.a,{key:"back",onClick:a},"Cancel"),r.a.createElement(we.a,{key:"submit",type:"primary",onClick:function(){return l.submit()},disabled:E,loading:E},"Add")]},r.a.createElement(je.a,{layout:"vertical",onFinish:function(e){return C.apply(this,arguments)},form:l},r.a.createElement(je.a.Item,{name:"email",label:"E-mail",rules:[{required:!0,message:"Please input the e-mail"},function(){return{validator:function(e,t){return O(t)?Promise.resolve():Promise.reject("User with this e-mail has not been found")}}}]},r.a.createElement(Vt.a,{options:w,onChange:function(e){k&&(clearTimeout(k),T(null));T(setTimeout((function(){var t;u({variables:{limit:20,offset:0,order_by:{email:"desc"},where:(t=e)?{email:{_ilike:"%".concat(t,"%")}}:{}}})}),500))}},r.a.createElement(Oe.a,{suffix:d?r.a.createElement(ht.a,null):r.a.createElement(Wt.a,null)}))),r.a.createElement(je.a.Item,{label:"Role",name:"role",rules:[{required:!0}]},r.a.createElement(Ht.a.Group,{defaultValue:"user"},r.a.createElement(Ht.a,{value:"owner",style:Xt},r.a.createElement(Bt.a.Text,{strong:!0},"Owner"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Has full administrative access to this experiment.")),r.a.createElement(Ht.a,{value:"user",style:Xt},r.a.createElement(Bt.a.Text,{strong:!0},"User"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Can't edit the experiment or add videos, but can see the results")),r.a.createElement(Ht.a,{value:"evaluator",style:Xt},r.a.createElement(Bt.a.Text,{strong:!0},"Evaluator"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Can only evaluate trials, can't see the results"))))));function O(e){if(f){var t=!0,a=!1,n=void 0;try{for(var r,i=f.users[Symbol.iterator]();!(t=(r=i.next()).done);t=!0){var o=r.value;if(o.email===e)return o.id}}catch(l){a=!0,n=l}finally{try{t||null==i.return||i.return()}finally{if(a)throw n}}}}function C(){return(C=Object(Se.a)(Ie.a.mark((function t(a){return Ie.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,g({variables:{objects:{user_id:O(a.email),experiment_id:i.id,role:a.role}}});case 3:e.onCloseModal(),l.resetFields(),zt.a.success({message:"Collaborator added"}),t.next=11;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0);case 11:case"end":return t.stop()}}),t,null,[[0,8]])})))).apply(this,arguments)}},Yt=a(606),Jt={display:"block"},Kt=function(e){var t=e.visible,a=e.onCloseModal,i=e.collaborator,o=je.a.useForm(),l=Object(j.a)(o,1)[0];Object(n.useEffect)((function(){return l.resetFields()}),[i,l]);var c=Object(y.b)(te,{refetchQueries:["GET_EXPERIMENTS","GET_EXPERIMENT"]}),s=Object(j.a)(c,2),u=s[0],m=s[1].loading,d=Object(y.b)(ae,{refetchQueries:["GET_EXPERIMENTS","GET_EXPERIMENT"]}),f=Object(j.a)(d,2),v=f[0],p=f[1].loading;return r.a.createElement(nt.a,{title:"Update collaborator ".concat(null===i||void 0===i?void 0:i.user.email),visible:t,onCancel:a,footer:[r.a.createElement(we.a,{key:"delete",onClick:function(){nt.a.confirm({title:"Are you sure you want to delete this collaborator?",content:"All results created by this collaborator will be removed",icon:r.a.createElement(Yt.a,null),okText:"Delete",onOk:function(){var t=Object(Se.a)(Ie.a.mark((function t(){return Ie.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,v({variables:{id:null===i||void 0===i?void 0:i.id}});case 3:zt.a.success({message:"Collaborator removed"}),e.onCloseModal(),t.next=11;break;case 7:t.prev=7,t.t0=t.catch(0),zt.a.error({message:"Failed to remove collaborator",description:"Please try again later"}),console.error(t.t0);case 11:case"end":return t.stop()}}),t,null,[[0,7]])})));return function(){return t.apply(this,arguments)}}()})},type:"danger",style:{float:"left"},disabled:p,loading:p},"Delete"),r.a.createElement(we.a,{key:"back",onClick:a},"Cancel"),r.a.createElement(we.a,{key:"submit",type:"primary",onClick:function(){return l.submit()},disabled:m||p,loading:m},"Save")]},r.a.createElement(je.a,{layout:"vertical",onFinish:function(e){return g.apply(this,arguments)},form:l,initialValues:{role:null===i||void 0===i?void 0:i.role}},r.a.createElement(je.a.Item,{label:"Role",name:"role",rules:[{required:!0}]},r.a.createElement(Ht.a.Group,null,r.a.createElement(Ht.a,{value:"owner",style:Jt},r.a.createElement(Bt.a.Text,{strong:!0},"Owner"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Has full administrative access to this experiment.")),r.a.createElement(Ht.a,{value:"user",style:Jt},r.a.createElement(Bt.a.Text,{strong:!0},"User"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Can't edit the experiment or add videos, but can see the results")),r.a.createElement(Ht.a,{value:"evaluator",style:Jt},r.a.createElement(Bt.a.Text,{strong:!0},"Evaluator"),r.a.createElement(Bt.a.Paragraph,{style:{paddingLeft:"24px"}},"Can only evaluate trials, can't see the results"))))));function g(){return(g=Object(Se.a)(Ie.a.mark((function t(a){return Ie.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,u({variables:{id:null===i||void 0===i?void 0:i.id,role:a.role}});case 3:e.onCloseModal(),zt.a.success({message:"Collaborator updated"}),t.next=11;break;case 7:t.prev=7,t.t0=t.catch(0),zt.a.error({message:"Failed to update collaborator",description:"Please try again later"}),console.error(t.t0);case 11:case"end":return t.stop()}}),t,null,[[0,7]])})))).apply(this,arguments)}},Zt=a(607),ea=["Left","None","Right"];function ta(e){var t=e.activityTimes,a=e.sum,n=e.threshold,r=e.prevActivity,i=e.activityElapsedTime,o=e.fill;if(!(a(t)0&&function(e,t){var a="";e.forEach((function(t,n){var r=t.join(";");a+=n")].concat(Object(Re.a)(e.counts.map((function(e){return Math.round(100*e.duration)/100}))),Object(Re.a)(e.counts.map((function(e){return e.count}))),Object(Re.a)(e.counts.map((function(t){return function(e,t){if(t.events.length<2)return"n/a";for(var a=0,n=1;n0;return r.a.createElement(ke.a,{title:["Trials ",r.a.createElement(sa.a,{count:L,style:va,overflowCount:1e3}),fa(i,o)&&r.a.createElement(Dt.a,{title:"Import videos as trials"},r.a.createElement(we.a,{type:L>0?"default":"primary",icon:r.a.createElement(ua.a,null),onClick:function(){return I(!0)},style:{float:"right"}},"Add videos"))]},r.a.createElement(et.a,{size:"middle",columns:pa,rowSelection:R,onRow:function(t){return{onClick:function(a){"checkbox"!==a.target.type&&e.onTrialClick(t)}}},pagination:{pageSize:20,onChange:function(e,t){var a=t||20;g(e),d({variables:{offset:(e-1)*a},updateQuery:function(e,t){return t.fetchMoreResult}})},current:p,total:L,hideOnSinglePage:!0},loading:s,dataSource:S.map((function(e){return Object(c.a)({key:e.id},e)})),footer:function(){return r.a.createElement("div",{style:{marginBottom:16}},r.a.createElement(we.a,{type:"danger",onClick:function(){return _(!0)},disabled:!P},"Delete"),r.a.createElement("span",{style:{marginLeft:8}},P?"Selected ".concat(T.length," items"):""),r.a.createElement(ma,{visible:h,onCloseModal:function(){return _(!1)},selectedRowKeys:T,setSelectedRowKeys:w}))}}),r.a.createElement(da,{visible:N,experiment:i,onCloseModal:function(){return I(!1)}}))},ba=(a(273),a(187)),Ea=a(108),ha=a.n(Ea),ya=function(e){var t=e.experiment,a=Object(h.g)(),n=Object(y.c)(me,{variables:{experimentId:t.id}}),i=n.loading,o=n.error,l=n.data;if(o)return console.error(o),r.a.createElement(gt,null);if(i||!l)return r.a.createElement(Tt,null);var c={evaluated:l.my_results.length,total:l.trials_aggregate.aggregate.count},s=Math.round(c.evaluated/c.total*100);return r.a.createElement(ke.a,{title:"Your evaluation progress",className:ha.a.card},r.a.createElement("div",{className:ha.a.cardContent},r.a.createElement("div",{className:ha.a.percent},r.a.createElement(ba.a,{type:"circle",percent:s})),r.a.createElement("div",{className:ha.a.description},r.a.createElement("p",{className:ha.a.textWrapper},"You evaluated ",c.evaluated," of ",c.total," trials."),r.a.createElement("p",{className:ha.a.buttonWrapper},r.a.createElement(Dt.a,{title:_a(s,c.total)},r.a.createElement(we.a,{type:"primary",onClick:function(){return a.push("/evaluate/".concat(t.id))},disabled:100===s||0===c.total},"Evaluate next recording"))))))};function _a(e,t){return 0===t?"There is no recordings to evaluate. Please add recordings or contact the experiment owner":100===e?"You evaluated all recordings, have some tea and enjoy the rest of the day!":"Evaluate next random recording"}a(591);var xa=a(133),ka=a(312),Ta=a.n(ka),wa=function(e){var t=e.experiment;if(!(null===t||void 0===t?void 0:t.config))return r.a.createElement(kt,null);var a=t.config.measurementTimes;return r.a.createElement(xa.a,{className:Ta.a.timeline},r.a.createElement(xa.a.Item,null,"Experiment begins"),(a||[]).map((function(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement(xa.a.Item,{color:"green",key:"from-".concat(e.from)},r.a.createElement(Ct,{seconds:e.from})," - Measurement starts"),e.to&&r.a.createElement(xa.a.Item,{color:"green",key:"to-".concat(e.to)},r.a.createElement(Ct,{seconds:e.to})," - Measurement stops"))})),r.a.createElement(xa.a.Item,null,"Experiment ends"))},Oa=Bt.a.Text,ja=function(e){var t=e.experiment;if(!(null===t||void 0===t?void 0:t.config))return r.a.createElement(kt,null);var a=t.config.activities;return r.a.createElement("ul",null,a.map((function(e){return r.a.createElement("li",null,e.trackCount?"Count: ":"Time: ",r.a.createElement(Oa,{code:!0},e.name),e.default?" (default)":"")})))},Ca=Bt.a.Text,Na=function(e){var t=e.experiment;if(!(null===t||void 0===t?void 0:t.config))return r.a.createElement(kt,null);var a=t.config.stopConditions;return r.a.createElement(r.a.Fragment,null,a.map((function(e){return e.totalLength?r.a.createElement(r.a.Fragment,null,r.a.createElement(Ca,{code:!0},e.totalLength)," seconds of evaluation has passed"):e.combinedActivitiesLength&&e.activities?r.a.createElement(r.a.Fragment,null,"Combined ",r.a.createElement(Ca,{underline:!0},"length")," of activities ",e.activities.map((function(e,t){return r.a.createElement(r.a.Fragment,null,t>0?" and ":""," ",r.a.createElement(Ca,{code:!0},e))}))," ","is equal ",r.a.createElement(Ca,{code:!0},e.combinedActivitiesLength," seconds")):e.totalCount&&e.activities?r.a.createElement(r.a.Fragment,null,e.activities.map((function(e,t){return r.a.createElement(r.a.Fragment,null,t>0?" and ":""," ",r.a.createElement(Ca,{code:!0},e))})),"activity occurred ",r.a.createElement(Ca,{code:!0},e.totalCount)," times"):r.a.createElement(Ca,{type:"danger"},"Unknown condition")})).map((function(e,t){return r.a.createElement(r.a.Fragment,null,t>0?r.a.createElement(r.a.Fragment,null,r.a.createElement("br",null),r.a.createElement("i",{style:{paddingLeft:"4px"}},"or"),r.a.createElement("br",null)):r.a.createElement(r.a.Fragment,null),e)})))},Ia=a(150),Sa=a.n(Ia);function La(e){var t=e.match.params.id,a=Object(y.c)(le,{variables:{id:t}}),i=a.loading,o=a.error,l=a.data,c=null===l||void 0===l?void 0:l.experiments_by_pk,s=(null===l||void 0===l?void 0:l.me)||[],u=Object(j.a)(s,1)[0],m=Object(n.useState)({}),d=Object(j.a)(m,2),f=d[0],v=d[1],p=Object(n.useState)(!1),g=Object(j.a)(p,2),b=g[0],E=g[1],h=Object(n.useState)(void 0),_=Object(j.a)(h,2),x=_[0],k=_[1],T=Object(n.useState)(!1),O=Object(j.a)(T,2),C=O[0],N=O[1];return o?r.a.createElement(gt,{message:o.message}):i||!c?r.a.createElement(Tt,null):r.a.createElement(r.a.Fragment,null,r.a.createElement(bt,null,r.a.createElement($t.a,{gutter:24},r.a.createElement(Mt.a,{span:8},r.a.createElement(ke.a,{className:Sa.a.summary},r.a.createElement(Bt.a.Title,{level:2},c.name),r.a.createElement(Ut.a,{column:1},r.a.createElement(Ut.a.Item,{label:"Type"},r.a.createElement(Dt.a,{title:ot(c.type).name},r.a.createElement(tt.a,null,ot(c.type).short))),r.a.createElement(Ut.a.Item,{label:"Created"},r.a.createElement(jt,{relative:!0,date:"".concat(c.created_at)}))),r.a.createElement(qt.a,null),r.a.createElement(Bt.a.Title,{level:4},"Activities to measure:"),r.a.createElement(ja,{experiment:c}),r.a.createElement(qt.a,null),r.a.createElement(Bt.a.Title,{level:4},"Measurement timeline:"),r.a.createElement(wa,{experiment:c}),r.a.createElement(qt.a,null),r.a.createElement(Bt.a.Title,{level:4},"Stop condition:"),r.a.createElement(Na,{experiment:c}),function(e,t){var a;return!!(null===e||void 0===e?void 0:null===(a=e.collaborators)||void 0===a?void 0:a.find((function(e){return e.user.id===t.id&&("owner"===e.role||"user"===e.role)})))}(c,u)&&r.a.createElement(r.a.Fragment,null,r.a.createElement(qt.a,null),r.a.createElement(Bt.a.Title,{level:4},"Results:"),r.a.createElement("div",{className:Sa.a.actionBar},r.a.createElement(aa,{experimentId:t}))),function(e,t){var a;return!!(null===e||void 0===e?void 0:null===(a=e.collaborators)||void 0===a?void 0:a.find((function(e){return e.user.id===t.id&&("owner"===e.role||"user"===e.role)})))}(c,u)&&r.a.createElement(r.a.Fragment,null,r.a.createElement(qt.a,null),r.a.createElement(Bt.a.Title,{level:4},"Collaborators:"),r.a.createElement(Ft.a,{itemLayout:"horizontal",dataSource:c.collaborators,renderItem:function(e){return r.a.createElement(Ft.a.Item,{onClick:function(){k(e)},className:Sa.a.collaboratorItem},r.a.createElement(Ft.a.Item.Meta,{avatar:r.a.createElement(w.a,{src:(t=e.user.email,"https://www.gravatar.com/avatar/".concat(P()(t||""),"?s=100&d=mp")),size:48}),title:"".concat(e.user.email)}),r.a.createElement(tt.a,null,e.role));var t}}),function(e,t){var a;return!!(null===e||void 0===e?void 0:null===(a=e.collaborators)||void 0===a?void 0:a.find((function(e){return e.user.id===t.id&&"owner"===e.role})))}(c,u)&&r.a.createElement("div",{className:Sa.a.inviteCollaboratorContainer},r.a.createElement(we.a,{type:"default",icon:r.a.createElement(Gt.a,null),onClick:function(){return N(!0)}},"Invite collaborator"))))),r.a.createElement(Mt.a,{span:16},r.a.createElement(ya,{experiment:c}),function(e,t){var a;return!!(null===e||void 0===e?void 0:null===(a=e.collaborators)||void 0===a?void 0:a.find((function(e){return e.user.id===t.id&&("owner"===e.role||"user"===e.role)})))}(c,u)&&r.a.createElement(ga,{experiment:c,me:u,onTrialClick:function(e){v(e),E(!0)}})))),r.a.createElement(ca,{trial:f,visible:b,onCloseModal:function(){return E(!1)}}),r.a.createElement(Qt,{visible:C,experiment:c,onCloseModal:function(){return N(!1)}}),r.a.createElement(Kt,{collaborator:x,onCloseModal:function(){return k(void 0)},visible:!!x}))}function Ra(e){var t=e.match.params.experimentId,a=Object(y.c)(oe,{variables:{experimentId:t}}),n=a.loading,i=a.error,o=a.data;if(i)return r.a.createElement(gt,{message:i.message});if(n||!(null===o||void 0===o?void 0:o.trials))return r.a.createElement(Tt,null);var l=o.trials.filter((function(e){return!e.my_results_aggregate.aggregate.count}));if(l.length){var c=l[Math.floor(Math.random()*l.length)];return r.a.createElement(h.a,{to:"/evaluate/".concat(t,"/").concat(null===c||void 0===c?void 0:c.id)})}return r.a.createElement(r.a.Fragment,null,"No trials to eval")}var Pa=a(614),Aa=a(615),$a=a(616),Ma=a(313),Fa=function(e){var t=Math.floor(e/60),a=Math.floor(e)%60,n=a<10?"0".concat(a):"".concat(a);return"".concat(t,":").concat(n)},qa=a(610),Ua=a(611),Da=a(612),Ba=a(613),Ga=a(99),Ha=a.n(Ga),Va=function(e){var t,a=e.keyboardKey;return t="up"===a||"bottom"===a?r.a.createElement(qa.a,null):"down"===a?r.a.createElement(Ua.a,null):"left"===a?r.a.createElement(Da.a,null):"right"===a?r.a.createElement(Ba.a,null):r.a.createElement(r.a.Fragment,null,a),r.a.createElement("div",{className:Ha.a.key},t)},za=function(e){var t=e.activitiesWithCount,a=e.selectActivity,n=t.map((function(e){return r.a.createElement("div",{key:e.name,className:N()(Ha.a.activity,e.isActive?Ha.a.activityActive:""),onClick:function(){return a(e)}},r.a.createElement(Va,{keyboardKey:e.hotkey}),r.a.createElement("span",{className:Ha.a.timer},Fa(e.duration)),r.a.createElement("span",{className:Ha.a.activityName},e.name),r.a.createElement("span",{className:Ha.a.count},e.count))}));return r.a.createElement(r.a.Fragment,null,n)},Wa=function(){var e=Object(n.useState)(null),t=Object(j.a)(e,2),a=t[0],i=t[1];return Object(n.useEffect)((function(){if(a){var e=setInterval((function(){a.focus()}),50);return function(){return clearInterval(e)}}}),[a]),r.a.createElement("button",{ref:function(e){return i(e)},style:{position:"absolute",opacity:0,top:"-2000px"}},"HACK")},Xa=a(62),Qa=a.n(Xa),Ya=function(e){var t={};return e.forEach((function(e){t[e.name]="bottom"===e.hotkey?"up":e.hotkey})),t["Play/Pause"]="space",t};function Ja(e){var t=e.experiment,a=e.trial,i=Object(h.g)(),o=t.config,l=o.activities,s=o.stopConditions,u=Object(n.useState)({progress:0,playing:!1,ended:!1}),m=Object(j.a)(u,2),d=m[0],f=m[1],v=Object(n.useState)([{type:"init",at:0}]),p=Object(j.a)(v,2),g=p[0],b=p[1],E=Object(n.useState)(function(e){return e.map((function(e){return Object(c.a)({},e,{count:0,duration:0,isActive:!!e.default})}))}(l)),_=Object(j.a)(E,2),x=_[0],k=_[1],T=Object(n.useState)(null),w=Object(j.a)(T,2),O=w[0],C=w[1],N=Object(n.useState)(0),I=Object(j.a)(N,2),S=I[0],L=I[1],R=Object(y.b)(ge),P=Object(j.a)(R,2),A=P[0],$=P[1].loading;function M(){if(!d.ended){var e=0===d.progress,n=t.config.measurementTimes[0].from+(a.video_delay||0),r=Object(c.a)({},d,{playing:!d.playing});e&&(r.progress=n,null===O||void 0===O||O.seekTo(n,"seconds"),U(B(),n)),f(r)}}function F(){return(F=Object(Se.a)(Ie.a.mark((function e(){return Ie.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,A({variables:{trialId:a.id,events:g,counts:x.map((function(e){return{name:e.name,duration:e.duration,count:e.count}}))},refetchQueries:[{query:me,variables:{experimentId:t.id}},{query:oe,variables:{experimentId:t.id}}]});case 3:zt.a.success({message:"Results saved"}),i.push("/experiment/".concat(t.id)),e.next=11;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0),zt.a.error({message:"Failed to save results",description:"Please try again later"});case 11:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}var q=function(e){var t=x.find((function(e){return e.isActive}));e.trackCount?function(e){k(x.map((function(t){return Object(c.a)({},t,{count:t.count+(e.name===t.name?1:0),duration:e.name===t.name?d.progress-(a.video_delay||0):t.duration})})))}(e):t&&t.name===e.name||function(e){k(x.map((function(t){return Object(c.a)({},t,{count:t.count+(e.name===t.name?1:0),isActive:e.name===t.name})})))}(e),U(e,d.progress)};return r.a.createElement(Ma.GlobalHotKeys,{keyMap:Ya(l),handlers:function(e){var t={};return e.forEach((function(e){t[e.name]=function(){return q(e)}})),t["Play/Pause"]=function(){return M()},t}(x),allowChanges:!0},r.a.createElement("div",{className:Qa.a.evaluateContainer,style:{display:"flex",flex:1}},r.a.createElement(Wa,null),r.a.createElement("div",{className:Qa.a.playerContainer},r.a.createElement(ia.a,{className:Qa.a.videoPlayer,url:a.url,playing:d.playing,controls:!1,muted:!0,width:"100%",height:"600px",ref:C,onDuration:L,onProgress:function(e){var t=e.playedSeconds;!function(){var e=!0,t=!1,a=void 0;try{for(var n,r=function(){var e=n.value;if(e.combinedActivitiesLength&&e.activities&&x.reduce((function(t,a){return-1===e.activities.indexOf(a.name)||a.trackCount?t:t+a.duration}),0)>=e.combinedActivitiesLength)return{v:!0};if(e.totalLength&&x.reduce((function(e,t){return t.trackCount?e:e+t.duration}),0)>=e.totalLength)return{v:!0};if(e.totalCount&&e.activities&&x.reduce((function(t,a){return-1!==e.activities.indexOf(a.name)?t+a.count:t}),0)>=e.totalCount)return{v:!0}},i=s[Symbol.iterator]();!(e=(n=i.next()).done);e=!0){var o=r();if("object"===typeof o)return o.v}}catch(l){t=!0,a=l}finally{try{e||null==i.return||i.return()}finally{if(t)throw a}}return!1}()?(!function(e,t){k(x.map((function(a){return Object(c.a)({},a,{duration:a.duration+(e.name===a.name?t:0)})})))}(B(),t-d.progress),f(Object(c.a)({},d,{progress:t}))):D()},onEnded:function(){return D()},progressInterval:100}),r.a.createElement("div",{className:Qa.a.progressContainer},r.a.createElement(ba.a,{percent:d.progress/S*100,showInfo:!1,strokeColor:"#002B64",strokeLinecap:"square"}),r.a.createElement("span",{className:Qa.a.timeFrom},"0:00"),r.a.createElement("span",{className:Qa.a.timeTo},Fa(S)),r.a.createElement("span",{className:Qa.a.timeCurrent,style:{left:"".concat(d.progress/S*100,"%")}},Fa(d.progress)),r.a.createElement(Dt.a,{placement:"bottomRight",title:"Video start time"},r.a.createElement("div",{className:Qa.a.videoStartTimeTick})),r.a.createElement(Dt.a,{placement:"bottomLeft",title:"Video duration"},r.a.createElement("div",{className:Qa.a.videoEndTimeTick})),a.video_delay?r.a.createElement(Dt.a,{placement:"bottomRight",title:"Beginning of the experiment"},r.a.createElement("div",{className:Qa.a.videoDelayTimeTick,style:{left:"".concat(a.video_delay/S*100,"%")}})):r.a.createElement(r.a.Fragment,null),t.config.measurementTimes[0].from?r.a.createElement(Dt.a,{placement:"bottomRight",title:"Beginning of the measurement"},r.a.createElement("div",{className:Qa.a.videoDelayTimeTick,style:{left:"".concat(((a.video_delay||0)+t.config.measurementTimes[0].from)/S*100,"%")}})):r.a.createElement(r.a.Fragment,null))),r.a.createElement("div",{className:Qa.a.sidebar},r.a.createElement(za,{activitiesWithCount:x,selectActivity:q}),r.a.createElement("div",{style:{paddingBottom:"24px"}},r.a.createElement(we.a,{style:{marginRight:"12px"},onClick:M,icon:d.playing?r.a.createElement(Pa.a,null):r.a.createElement(Aa.a,null),size:"large"},"Play/Pause",r.a.createElement("br",null)),r.a.createElement(we.a,{type:"primary",disabled:!d.ended,onClick:function(){return F.apply(this,arguments)},loading:$,icon:r.a.createElement($a.a,null),size:"large"},"Save evaluation")))));function U(e,n){(function(e,t,a){var n=!0,r=!1,i=void 0;try{for(var o,l=t[Symbol.iterator]();!(n=(o=l.next()).done);n=!0){var c=o.value,s=c.from+(a||0)-.01,u=c.to?c.to+(a||0):null;if(e>=s&&e<=(u||1/0))return!0}}catch(m){r=!0,i=m}finally{try{n||null==l.return||l.return()}finally{if(r)throw i}}return!1})(n,t.config.measurementTimes,a.video_delay)&&b([].concat(Object(Re.a)(g),[{type:"activity",activityName:e.name,at:n}]))}function D(){f(Object(c.a)({},d,{playing:!1,ended:!0}))}function B(){var e=!0,t=!1,a=void 0;try{for(var n,r=x[Symbol.iterator]();!(e=(n=r.next()).done);e=!0){var i=n.value;if(i.isActive)return i}}catch(o){t=!0,a=o}finally{try{e||null==r.return||r.return()}finally{if(t)throw a}}return x[0]}}function Ka(e){var t=e.match.params,a=t.experimentId,n=t.trialId,i=Object(y.c)(pe,{variables:{experimentId:a,trialId:n}}),o=i.loading,l=i.error,c=i.data;if(l)return r.a.createElement(gt,{message:l.message});if(o||!c)return r.a.createElement(Tt,null);var s=c.trials_by_pk,u=c.experiments_by_pk;return r.a.createElement(Ja,{experiment:u,trial:s})}var Za=b.a.Content,en=function(){return r.a.createElement(b.a,{className:"layout"},r.a.createElement(Za,{style:{padding:"0 50px"}},r.a.createElement("div",{style:{background:"#fff",padding:24,minHeight:280,marginTop:"50px",border:"1px solid #ccc"}},"Users Page")))};function tn(){var e=Object(E.a)(["\n query {\n isAuthenticated @client\n }\n"]);return tn=function(){return e},e}var an=Object(k.a)(),nn=x()(tn()),rn=function(){var e=Object(y.c)(nn).data;return(null===e||void 0===e?void 0:e.isAuthenticated)?r.a.createElement(h.c,{history:an},r.a.createElement(b.a,{className:"background"},r.a.createElement(xe,null),r.a.createElement(b.a.Content,null,r.a.createElement(h.d,null,r.a.createElement(h.b,{exact:!0,path:"/",component:At}),r.a.createElement(h.b,{exact:!0,path:"/users",component:en}),r.a.createElement(h.b,{exact:!0,path:"/experiments",component:At}),r.a.createElement(h.b,{exact:!0,path:"/experiment/:id",component:La}),r.a.createElement(h.b,{exact:!0,path:"/evaluate/:experimentId",component:Ra}),r.a.createElement(h.b,{exact:!0,path:"/evaluate/:experimentId/:trialId",component:Ka}))))):r.a.createElement(Ze,null)},on=(a(594),function(){return r.a.createElement(l.a,{client:g},r.a.createElement(rn,null))});Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(r.a.createElement(on,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))},62:function(e,t,a){e.exports={evaluateContainer:"EvaluatePage_evaluateContainer__1qzwG",player:"EvaluatePage_player___u8xw",playerContainer:"EvaluatePage_playerContainer__1rQjU",sidebar:"EvaluatePage_sidebar__2BZFN",videoPlayer:"EvaluatePage_videoPlayer__2HxrF",progressContainer:"EvaluatePage_progressContainer__35sNY",timeFrom:"EvaluatePage_timeFrom__2SgiT",timeTo:"EvaluatePage_timeTo__2klEf",timeCurrent:"EvaluatePage_timeCurrent__lw6XG",videoStartTimeTick:"EvaluatePage_videoStartTimeTick__1BYpD",videoEndTimeTick:"EvaluatePage_videoEndTimeTick__2C-45",videoDelayTimeTick:"EvaluatePage_videoDelayTimeTick__nWDGv"}},99:function(e,t,a){e.exports={activity:"Sidebar_activity__lO9yz",activityActive:"Sidebar_activityActive__3Fkcn",timer:"Sidebar_timer__1P8U_",count:"Sidebar_count__ILeCT",key:"Sidebar_key__3ThzI"}}},[[318,1,2]]]); //# sourceMappingURL=main.044bd9c8.chunk.js.map