(this["webpackJsonpreact-jwt-auth"]=this["webpackJsonpreact-jwt-auth"]||[]).push([[0],{1:function(e,t,a){"use strict";a.d(t,"c",(function(){return h})),a.d(t,"b",(function(){return E})),a.d(t,"d",(function(){return p})),a.d(t,"a",(function(){return u})),a.d(t,"f",(function(){return f})),a.d(t,"e",(function(){return g}));var n,o,r=a(2),l=a(143),i={},c={},s={},u=localStorage.getItem("remoteId");i["\\vct=140\\"]="\\voice=Child\\",i["\\vct=130\\"]="\\voice=Child\\",i["\\vct=120\\"]="\\voice=Younger Adult\\",i["\\vct=110\\"]="\\voice=Younger Adult\\",i["\\vct=100\\"]="\\voice=Adult\\",i["\\vct=90\\"]="\\voice=Older Adult\\",i["\\vct=80\\"]="\\voice=Senior\\",c["\\emotion=neutral\\"]="\\emotion=Neutral\\",c["\\emotion=happy\\"]="\\emotion=Happy\\",c["\\emotion=sad\\"]="\\emotion=Sad\\",c["\\emotion=disgust\\"]="\\emotion=Disgust\\",c["\\emtoion=anger\\"]="\\emtoion=Anger\\",c["\\emtoion=consfused\\"]="\\emtoion=Consfused\\",c["\\emtoion=fear\\"]="\\emtoion=Fear\\",c["\\emtoion=surprised\\"]="\\emtoion=Surprised\\",s["\\rspd=130\\"]="\\speed=Extreme Fast\\",s["\\rspd=120\\"]="\\speed=Very Fast\\",s["\\rspd=110\\"]="\\speed=Fast\\",s["\\rspd=100\\"]="\\speed=Normal\\",s["\\rspd=90\\"]="\\speed=Slow\\",s["\\rspd=80\\"]="\\speed=Very Slow\\",s["\\rspd=70\\"]="\\speed=Extreme Slow\\";var d=function(e){for(var t=0,a=Object.entries(i);t<a.length;t++){var n=Object(r.a)(a[t],2),o=n[0],l=n[1];e=e.replace(l,o)}for(var c=0,u=Object.entries(s);c<u.length;c++){var d=Object(r.a)(u[c],2),m=d[0],p=d[1];e=e.replace(p,m)}return e},m=function(e){for(var t=0,a=Object.entries(i);t<a.length;t++){var n=Object(r.a)(a[t],2),o=n[0],l=n[1];console.log("Voice Map ",o,l),e=e.replace(l,o)}for(var c=0,u=Object.entries(s);c<u.length;c++){var d=Object(r.a)(u[c],2),m=d[0],p=d[1];e=e.replace(p,m),console.log("Speed Map ",m,p)}return e=(e=(e=e.replace('"'," ")).replace("\\","\\\\")).replace("null",""),console.log("FINAL STRING ",e),e},p=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"neutral",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"Matilda_229a-g";if(null==(u=u||n)){var o=window.location.href.split("/");if(6==o.length){var r=o[4],l=o[5].replaceAll("%20"," ");console.log("enterjoanna ",r,l),localStorage.setItem("remoteId",r),u=r}}var i={api:"vocalise",text:d(e).replaceAll('"',"").replaceAll("'",""),language:"en",emotion:t,sound:a,name:u};h.send(JSON.stringify(i))},g=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"neutral",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none";console.log("JOwanaaa",e,t,a);var n=a,o=t,r=e.match(/\\sound=([^\\]+)\\/i);r&&(n=r[1]);var l=e.match(/\\emotion=([^\\]+)\\/i);l&&(o=l[1]);var i={api:"vocalise",text:m(e),language:"en",emotion:o,sound:n,name:u};E(JSON.stringify(i))},f=function e(t,a){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;setTimeout((function(){if(1===t.readyState)console.log("Connection is made"),null!=a&&a();else if(0===t.readyState)console.log("wait for connection..."),e(t,a,n+=1);else{var o,r,i="wss://socket.mymatilda.com.au:3389";((null===(o=localStorage.getItem("remoteId"))||void 0===o?void 0:o.includes("b518"))||(null===(r=localStorage.getItem("remoteId"))||void 0===r?void 0:r.includes("ba57")))&&(i="wss://socket.mymatilda.com.au:443"),h=new l.w3cwebsocket(i),console.log("WAIT FOR SOCKET ",h),e(h,a,n+=1)}}),100)},b="wss://socket.mymatilda.com.au:3389";((null===(n=localStorage.getItem("remoteId"))||void 0===n?void 0:n.includes("b518"))||(null===(o=localStorage.getItem("remoteId"))||void 0===o?void 0:o.includes("ba57")))&&(b="wss://socket.mymatilda.com.au:443");var h=new l.w3cwebsocket(b);h.onerror=function(){console.error("Connection Error")};var v=null;function E(e){console.log("sendmaessage",e);var t=JSON.parse(e);!t.remoteId&&t.name&&(t.remoteId=t.name),console.log(JSON.stringify(t)),h.send(JSON.stringify(t))}h.onopen=function(){console.log("WebSocket Client Connected"),v&&clearInterval(v),v=setInterval((function(){h.readyState===h.OPEN&&h.send("ping")}),25e3)},h.onclose=function(){console.log("echo-protocol Client Closed"),v&&clearInterval(v);window.location.origin},h.onmessage=function(e){"string"===typeof e.data&&(JSON.stringify(e.data).includes("songlist")&&!0,h.send(JSON.stringify(e.data)),console.log("Received2: '"+e.data+"'"))}},10:function(e,t,a){"use strict";var n=a(8),o=a.n(n);a(646);var r=function(e,t,a,n){var r={method:"get",url:"https://translation.googleapis.com/language/translate/v2?key=AIzaSyDorIA2OOmZLAzNRIKEAVeO2Gv7TQzfBEQ&q="+t+"&target="+n[a],headers:{}};o.a.request(r).then((function(n){var o=n.data.data.translations[0].translatedText;e[t][a]=o,localStorage.setItem(t,JSON.stringify(e))})).catch((function(e){console.log(e)}))};t.a={translateString:function(e,t){var a=localStorage.getItem(e),n={Mandarin:"zh-CN",Japanese:"ja",Greek:"el",Italian:"it",Russian:"ru",Serbian:"sr-RS",Cantonese:"zh-TW",Korean:"ko",Arabic:"ar",Hindi:"hi-IN",Polish:"pl",Sinhala:"si",Filipino:"tl",Macedonian:"mk"};return null===a?((a={})[e]={},r(a,e,t,n)):void 0==(a=JSON.parse(a))[e]?(a[e]={},r(a,e,t,n)):void 0==a[e][t]&&r(a,e,t,n),a[e][t]}}},1011:function(e,t,a){},1012:function(e,t,a){},1013:function(e,t,a){},1014:function(e,t,a){},1015:function(e,t,a){},1016:function(e,t,a){},1019:function(e,t,a){"use strict";a.r(t);var n=a(13),o=a(2),r=a(0),l=a.n(r),i=a(9),c=a(133),s=a(1026),u=a(351),d=a(1027),m=a(1028),p=a(519),g=a(204),f=a(1029),b=a(286),h=a(521),v=a(1024),E=a(517),y=a(522),O=a(518),S=a(169),C=a.n(S),j=a(101),x=a.n(j),w=a(1);t.default=function(){var e=Object(r.useState)({}),t=Object(o.a)(e,2),a=t[0],S=t[1],j=Object(r.useState)(!1),k=Object(o.a)(j,2),T=k[0],I=k[1],A=Object(r.useState)(null),M=Object(o.a)(A,2),N=M[0],R=M[1],z=Object(r.useState)(""),L=Object(o.a)(z,2),D=L[0],_=L[1],B=Object(r.useState)(""),V=Object(o.a)(B,2),P=V[0],J=V[1],W=Object(r.useState)({usb:!1,matilda:!1}),F=Object(o.a)(W,2),H=F[0],U=F[1],q=Object(r.useState)(""),G=Object(o.a)(q,2),Y=G[0],Q=G[1];Object(r.useEffect)((function(){var e=function(e){try{var t=JSON.parse(e.data);t.QUESTIONS_LIST&&S(t.QUESTIONS_LIST)}catch(a){}};return w.c.addEventListener("message",e),Object(w.f)(w.c,(function(){w.c.send(JSON.stringify({api:"questions-export",remoteId:w.a}))})),function(){return w.c.removeEventListener("message",e)}}),[]);var K=function(){return I(!1)};return l.a.createElement("div",{style:{padding:24}},l.a.createElement(i.a,{title:"Manage Questions"}),l.a.createElement("div",{style:{display:"flex",gap:12,margin:"16px 0"}},l.a.createElement(c.a,{variant:"contained",color:"primary",onClick:function(){R(null),_(""),J(""),I(!0)}},"Add Question"),l.a.createElement(c.a,{variant:"contained",color:"default",disabled:H.usb,onClick:function(){U((function(e){return Object(n.a)(Object(n.a)({},e),{},{usb:!0})})),Q(""),Object(w.f)(w.c,(function(){Object(w.b)(JSON.stringify({api:"sync_to_usb",remoteId:w.a}))})),setTimeout((function(){U((function(e){return Object(n.a)(Object(n.a)({},e),{},{usb:!1})})),Q("Sync to USB done!")}),5e3)}},H.usb?l.a.createElement("span",{style:{display:"flex",alignItems:"center"}},l.a.createElement("span",{className:"sync-spinner",style:{marginRight:8,width:16,height:16,border:"2px solid #ccc",borderTop:"2px solid #333",borderRadius:"50%",animation:"spin 1s linear infinite",display:"inline-block"}}),"Processing..."):"Sync to USB"),l.a.createElement(c.a,{variant:"contained",color:"default",disabled:H.matilda,onClick:function(){U((function(e){return Object(n.a)(Object(n.a)({},e),{},{matilda:!0})})),Q(""),Object(w.f)(w.c,(function(){Object(w.b)(JSON.stringify({api:"sync_to_matilda",remoteId:w.a}))})),setTimeout((function(){U((function(e){return Object(n.a)(Object(n.a)({},e),{},{matilda:!1})})),Q("Sync to Matilda done!")}),5e3)}},H.matilda?l.a.createElement("span",{style:{display:"flex",alignItems:"center"}},l.a.createElement("span",{className:"sync-spinner",style:{marginRight:8,width:16,height:16,border:"2px solid #ccc",borderTop:"2px solid #333",borderRadius:"50%",animation:"spin 1s linear infinite",display:"inline-block"}}),"Processing..."):"Sync to Matilda"),Y&&l.a.createElement("div",{style:{marginTop:12,color:"green",fontWeight:500}},Y)),l.a.createElement(s.a,{component:u.a},l.a.createElement(d.a,null,l.a.createElement(m.a,null,l.a.createElement(p.a,null,l.a.createElement(g.a,null,"Question"),l.a.createElement(g.a,null,"Answer"),l.a.createElement(g.a,{align:"right"},"Actions"))),l.a.createElement(f.a,null,Object.keys(a).map((function(e){return l.a.createElement(p.a,{key:e},l.a.createElement(g.a,null,e),l.a.createElement(g.a,null,a[e]),l.a.createElement(g.a,{align:"right"},l.a.createElement(b.a,{color:"primary",onClick:function(){return function(e){R(e),_(e),J(a[e]),I(!0)}(e)}},l.a.createElement(C.a,null)),l.a.createElement(b.a,{color:"secondary",onClick:function(){return function(e){var t=Object(n.a)({},a);delete t[e],Object(w.f)(w.c,(function(){Object(w.b)(JSON.stringify({api:"questions-create",questions:t,remoteId:w.a}))})),S(t)}(e)}},l.a.createElement(x.a,null))))}))))),l.a.createElement(h.a,{open:T,onClose:K},l.a.createElement(v.a,null,N?"Edit Question":"Add Question"),l.a.createElement(E.a,null,l.a.createElement(y.a,{autoFocus:!0,margin:"dense",label:"Question",fullWidth:!0,value:D,onChange:function(e){return _(e.target.value)}}),l.a.createElement(y.a,{margin:"dense",label:"Answer",fullWidth:!0,value:P,onChange:function(e){return J(e.target.value)}})),l.a.createElement(O.a,null,l.a.createElement(c.a,{onClick:K,color:"primary"},"Cancel"),l.a.createElement(c.a,{onClick:function(){var e=Object(n.a)({},a);N&&N!==D&&delete e[N],e[D]=P,Object(w.f)(w.c,(function(){Object(w.b)(JSON.stringify({api:"questions-create",questions:e,remoteId:w.a}))})),S(e),I(!1)},color:"primary"},"Save"))))}},1020:function(e,t,a){"use strict";a.r(t);var n=a(0),o=a.n(n),r=a(34),l=a.n(r),i=a(30),c=a(14),s=a(15),u=a(12),d=a(16),m=a(17),p=a(131),g=(a(160),a(369),a(8)),f=a.n(g),b="http://192.168.163.30:8082/",h={register:function(e,t,a){return f.a.post(b+"api/auth/signup",{username:e,email:t,password:a})},adminregister:function(e,t,a,n){return f.a.post(b+"api/auth/signup",{username:e,email:t,password:a,roles:n})},login:function(e,t){var a=new Headers;return a.append("Content-Type","application/json"),a.append("Accept","application/json"),a.append("Origin","http://192.168.163.30:8082"),f.a.post(b+"api/auth/signin",{username:e,password:t},{headers:a}).then((function(e){return e.data.accessToken&&localStorage.setItem("user",JSON.stringify(e.data)),e.data}))},changePassword:function(e,t,a){var n=new Headers;return n.append("Content-Type","application/json"),n.append("Accept","application/json"),n.append("Origin","http://192.168.163.30:8082"),f.a.post(b+"api/auth/changepassword",{username:e,oldPassword:t,newPassword:a},{headers:n}).then((function(e){return e.data.accessToken,e.data}))},logout:function(){localStorage.removeItem("user")},getCurrentUser:function(){return JSON.parse(localStorage.getItem("user"))},getLog:function(){return f.a.get(b+"loglist")},getPhoto:function(e){return f.a.get(b+"photo/"+e)},getLearningPhoto:function(e){return f.a.get("https://matilda-api-eb3rxsvgbq-uw.a.run.app/learning/"+e+"?robot="+localStorage.getItem("remoteId"))},getRobotStatus:function(){return f.a.get(b+"robots")},getNewsFeed:function(){return f.a.get("http://192.168.163.30:8000/news")},getLearningData:function(){return f.a.get("http://localhost:8000/learning?robot="+localStorage.getItem("remoteId"))},getQuizList:function(){return f.a.get(b+"quiz")},getQuizContent:function(e){return f.a.get(b+"quiz/"+e)},getLearningContent:function(e){return f.a.get("https://matilda-api-eb3rxsvgbq-uw.a.run.app/learning/"+e+"?robot="+localStorage.getItem("remoteId"))},getWorkflowList:function(){return f.a.get("http://192.168.163.30:8000/workflow")},getBingoList:function(){return f.a.get(b+"bingo")},getBingoContent:function(e){return f.a.get(b+"bingo/"+e)},getBingoPhoto:function(e){return f.a.get(b+"bingo/"+e)},sendPrompt:function(e,t,a){var n=new Headers;return n.append("Content-Type","application/json"),n.append("Accept","application/json"),n.append("Origin","http://192.168.163.30:8082"),f.a.post("http://192.168.163.30:8000/prompt",{text:e,times:t,interval:a},{headers:n}).then((function(e){return e.data}))},getPrompts:function(){return f.a.get("http://192.168.163.30:8000/prompt")},translateString:function(){return fetch("translateData.json").then((function(e){return e.json()})).then((function(e){return console.log("Translate",e)})),"OK"}},v=a(2),E=a(140),y=a.n(E),O=a(77),S=a.n(O),C=a(141),j=a.n(C),x=a(1071),w=a(1073),k=a(1078),T=a(1074),I=a(1075),A=a(1076),M=a(1077),N=function(e){if(!e)return o.a.createElement("div",{style:{color:"#f44336",fontSize:"13px",marginTop:"5px",fontWeight:"500"},role:"alert"},"This field is required!")},R=function(e){var t=Object(n.useRef)(),a=Object(n.useRef)(),r=Object(p.f)(),l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)(!1),h=Object(v.a)(b,2),E=h[0],O=h[1],C=Object(n.useState)(""),R=Object(v.a)(C,2),z=R[0],L=R[1],D=Object(n.useState)(!1),_=Object(v.a)(D,2),B=_[0],V=_[1],P=Object(n.useState)("password"),J=Object(v.a)(P,2),W=J[0],F=J[1];return o.a.createElement("div",{style:{minHeight:"100vh",display:"flex",flexDirection:"column"}},o.a.createElement(x.a,{style:{height:"63px","background-image":"linear-gradient(to right, #8800c9, #ec4899)"}},o.a.createElement("svg",{viewBox:"0 0 8217 1309",cx:1e4,version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",xmlSpace:"preserve",xmlnsSerif:"http://www.serif.com/",style:{"fill-rule":"evenodd","clip-rule":"evenodd","stroke-linejoin":"round","stroke-miterlimit":2,height:"180px",width:"225px",paddingLeft:"75px"}},o.a.createElement("g",{id:"matilda-text",serifId:"matilda text"},o.a.createElement("path",{d:"M4703.41,1265.01c0,19.638 14.855,31.9 41.309,31.9l166.483,0c22.979,0 44.221,-8.925 44.221,-31.9l-0,-727.25l169.404,0c17.7,-0.42 26.3,-9.937 23.925,-30.425l0,-163.616c3.45,-20.946 -5.221,-34.196 -23.925,-32.988l-169.046,0l0,-265.425c0,-13.7 -9.616,-45.354 -34.158,-45.304c-64.521,0 -218.213,39.417 -218.213,79.75l0,230.979l-100.791,0c-18.904,0 -23.925,11.813 -23.925,33.263l-0,154.291c-0,28.975 8.975,39.734 23.925,39.734l100.4,-0l0.391,726.991Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M5728.5,1259.47c-0,19.637 14.854,31.9 41.308,31.9l166.483,-0c22.98,-0 44.221,-8.925 44.221,-31.9c0,-0 0.359,-0 0.359,-1203.75c-0,-34.613 -8.475,-40.005 -70.584,-39.875l-117.037,-0c-60.042,-0 -64.75,3.654 -64.75,39.875l-0,1203.75Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M4628.62,462.883l116.35,0",style:{fill:"none"}}),o.a.createElement("path",{d:"M1817.43,1272.92c5.058,19.746 16.883,26.3 35.479,22.779l175.942,-4.416c20.208,0.437 33.791,-2.992 36.133,-17.171l0.467,-568.217c-0,-269.575 388.646,-249.183 388.646,-20.904l-0,576.917c-1.096,21.829 8.283,31.625 30.304,30.341l192.754,0c18.817,-0.691 30.137,-7.325 26.625,-30.341l-0,-574.484c-0,-244.387 385.825,-244.387 385.825,0l-0,576.4c0.029,20.259 9.675,29.334 28.946,30.342l183.375,2.746c19.341,-2.159 32.771,-9.629 33.804,-33.088l-0.279,-606.308c-0,-211.854 -140.267,-377.833 -374.788,-377.833c-150.462,5.237 -252.637,67.15 -323.396,165.937c-49.404,-104.85 -141.604,-170.937 -302.958,-170.937c-129.146,-0 -235.279,50.025 -282.937,119.904c-7.725,-39.938 -7.171,-91.429 -47.85,-91.429l-143.955,-0c-35.429,-0 -41.987,7.029 -44.587,31.904l2.45,937.858Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M5283.33,1265.01c0,19.638 14.854,31.9 41.308,31.9l166.484,0c22.979,0 44.221,-8.925 44.221,-31.9l0.358,-868.804c-0,-13.7 -6.171,-23.975 -30.713,-23.925l-188.808,0c-25.8,0 -32.85,5.234 -32.85,23.925l0,868.804Zm121.463,-1249.19c69.125,-0 125.241,67.808 125.241,151.329c0,83.521 -56.116,151.329 -125.241,151.329c-69.125,0 -125.246,-67.808 -125.246,-151.329c-0,-83.521 56.121,-151.329 125.246,-151.329Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M3919.04,292.05c-637.22,-1.821 -621.304,998.488 7.975,1003.22c55.771,0.421 190.825,1.504 290.225,-90.267c0,54.088 2.517,90.338 56.609,90.338l139.558,1.587c9.308,-1.1 35.896,-8.183 35.896,-41.829l-0,-916.8c-0,-25.525 -4.3,-35.471 -50.475,-35.471c-2.013,-1.441 -124.825,0.184 -124.825,0.184c-45.508,-0 -50.525,49.233 -55.358,101.687c-73.238,-72.008 -145.938,-112.65 -299.605,-112.65Zm6.534,226.104c127.283,0 230.616,124.854 230.616,278.646c0,153.792 -103.333,278.65 -230.616,278.65c-127.279,0 -230.617,-124.858 -230.617,-278.65c0,-153.792 103.338,-278.646 230.617,-278.646Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M7686.41,292.05c-637.22,-1.821 -621.304,998.488 7.975,1003.22c55.767,0.421 190.825,1.504 290.221,-90.267c0,54.088 2.521,90.338 56.609,90.338l139.562,1.587c9.304,-1.1 35.892,-8.183 35.892,-41.829l-0,-916.8c-0,-25.525 -4.296,-35.471 -50.471,-35.471c-2.013,-1.441 -124.825,0.184 -124.825,0.184c-45.513,-0 -50.525,49.233 -55.358,101.687c-73.238,-72.008 -145.938,-112.65 -299.605,-112.65Zm6.534,226.104c127.279,0 230.616,124.854 230.616,278.646c0,153.792 -103.337,278.65 -230.616,278.65c-127.284,0 -230.617,-124.858 -230.617,-278.65c0,-153.792 103.333,-278.646 230.617,-278.646Z",style:{fill:"currentColor"}}),o.a.createElement("path",{d:"M6565.75,292.05c-637.221,-1.821 -621.304,998.488 7.975,1003.22c55.766,0.421 190.821,1.504 290.221,-90.267c-0,54.088 2.52,90.338 56.608,90.338l139.558,1.587c9.309,-1.1 35.896,-8.183 35.896,-41.829l0,-1175.33c0,-42.642 -117.729,-70.004 -146.175,-72.017c-2.008,-1.441 -29.121,0.179 -29.121,0.179c-35.141,0 -55.183,8.067 -55.183,71.838c-0,97.346 4.25,231.979 1.529,295.075c-0.587,13.687 -1.167,24.012 -1.708,29.854c-73.238,-72.008 -145.938,-112.65 -299.6,-112.65Zm6.529,226.104c127.283,0 230.621,124.854 230.621,278.646c-0,153.792 -103.338,278.65 -230.621,278.65c-127.279,0 -230.617,-124.858 -230.617,-278.65c0,-153.792 103.338,-278.646 230.617,-278.646Z",style:{fill:"currentColor"}})),o.a.createElement("path",{d:"M89.473,586.55c139.962,-764.354 1253.21,-773.537 1429.64,-2.804c132.838,71.308 105.221,272.775 -4.216,342.417c-14.217,83.82 -43.784,164.937 -82.404,244.458c-338.525,193.658 -1013.07,175.896 -1253.84,-5.125c-38.821,-73.913 -69.283,-155.867 -89.987,-247.221c-121.125,-61.937 -115.55,-280.012 0.804,-331.725Zm441.158,-37.871c-69.554,0 -113.958,79.175 -113.958,163.817c-0,97.237 59.304,163.079 122.671,163.079c63.37,0 117.625,-81.737 117.625,-152.904c-0,-95.092 -40.671,-173.992 -126.338,-173.992Zm531.146,0c-69.554,0 -113.958,79.175 -113.958,163.817c-0,97.237 59.308,163.079 122.675,163.079c63.366,0 117.625,-81.737 117.625,-152.904c-0,-95.092 -40.675,-173.992 -126.342,-173.992Z",style:{fill:"currentColor"}}))),o.a.createElement("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",padding:"40px 20px"}},o.a.createElement(w.a,{style:{maxWidth:"450px",width:"100%",borderRadius:"20px",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",overflow:"hidden"}},o.a.createElement("div",{style:{background:"linear-gradient(135deg, #8800c9 0%, #ec4899 100%)",padding:"40px 30px 30px",textAlign:"center"}},o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center",textAlign:"center",margin:"0 auto 20px",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.3)"},className:"profile-img-card"},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"})),o.a.createElement("h1",{style:{color:"white",fontSize:"28px",fontWeight:"700",margin:"0",marginBottom:"10px"}},"Welcome Back"),o.a.createElement("p",{style:{color:"rgba(255, 255, 255, 0.8)",margin:"0",fontSize:"14px"}},"Sign in to your account")),o.a.createElement("div",{style:{padding:"20px 30px"}},o.a.createElement(y.a,{onSubmit:function(e){if(e.preventDefault(),L(""),O(!0),t.current.validateAll(),0===a.current.context._errors.length){var n={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/user?email="+c,headers:{}};f.a.request(n).then((function(e){console.log(JSON.stringify(e.data),e.data.data.email,"JOANNAHERE"),localStorage.setItem("userRole",e.data.data.role),localStorage.setItem("emailAccess",e.data.data.email),localStorage.removeItem("remoteId")})).catch((function(e){console.log(e)}));var o={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/login",headers:{"Content-Type":"application/json"},data:JSON.stringify({password:m,email:c})};f.a.request(o).then((function(e){console.log(JSON.stringify(e.data)),O(!1),'"OK"'==JSON.stringify(e.data)?(console.log("Good login",e.data),c.includes("marie"),r.push("/home")):(console.log("Failed login"),L("Failed to login"))})).catch((function(e){console.log(e)}))}else O(!1)},ref:t,style:{display:"flex",flexDirection:"column",gap:"20px"}},o.a.createElement("div",{style:{marginBottom:"5px"}},o.a.createElement("label",{style:{display:"block",fontSize:"13px",fontWeight:"600",color:"#333",marginBottom:"8px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Username"),o.a.createElement("div",{style:{position:"relative",height:"48px"}},o.a.createElement(T.a,{style:{position:"absolute",left:"15px",top:"50%",transform:"translateY(-50%)",color:"#ec4899",fontSize:"20px",zIndex:1,pointerEvents:"none"}}),o.a.createElement(S.a,{type:"text",name:"username",value:c,onChange:function(e){var t=e.target.value;localStorage.setItem("userEmail",t),s(t)},validations:[N],placeholder:"Enter your username",style:{width:"100%",paddingLeft:"50px",paddingRight:"15px",paddingTop:"12px",paddingBottom:"12px",borderRadius:"8px",border:"2px solid #e0e0e0",fontSize:"14px",fontFamily:"inherit",boxSizing:"border-box",transition:"all 0.3s ease",height:"48px"},onFocus:function(e){return e.target.style.borderColor="#ec4899"},onBlur:function(e){return e.target.style.borderColor="#e0e0e0"}}))),o.a.createElement("div",{style:{marginBottom:"5px"}},o.a.createElement("label",{style:{display:"block",fontSize:"13px",fontWeight:"600",color:"#333",marginBottom:"8px",textTransform:"uppercase",letterSpacing:"0.5px"}},"Password"),o.a.createElement("div",{style:{position:"relative",height:"48px"}},o.a.createElement(I.a,{style:{position:"absolute",left:"15px",top:"50%",transform:"translateY(-50%)",color:"#ec4899",fontSize:"20px",zIndex:1,pointerEvents:"none"}}),o.a.createElement(S.a,{type:W,name:"password",value:m,onChange:function(e){var t=e.target.value;g(t)},validations:[N],placeholder:"Enter your password",style:{width:"100%",paddingLeft:"50px",paddingRight:"50px",paddingTop:"12px",paddingBottom:"12px",borderRadius:"8px",border:"2px solid #e0e0e0",fontSize:"14px",fontFamily:"inherit",boxSizing:"border-box",transition:"all 0.3s ease",height:"48px"},onFocus:function(e){return e.target.style.borderColor="#ec4899"},onBlur:function(e){return e.target.style.borderColor="#e0e0e0"}}),o.a.createElement("span",{onClick:function(){"password"==W?(F("text"),V(!0)):(F("password"),V(!1))},style:{position:"absolute",right:"15px",top:"50%",transform:"translateY(-50%)",cursor:"pointer",color:"#ec4899",display:"flex",alignItems:"center",zIndex:1,pointerEvents:"auto"}},B?o.a.createElement(A.a,null):o.a.createElement(M.a,null)))),o.a.createElement("button",{className:"btn btn-primary btn-block",disabled:E,style:{background:"linear-gradient(135deg, #ec4899 0%, #f472b6 100%)",color:"white",border:"none",borderRadius:"8px",padding:"14px 20px",fontSize:"16px",fontWeight:"600",cursor:E?"not-allowed":"pointer",marginTop:"10px",transition:"all 0.3s ease",boxShadow:"0 4px 15px rgba(236, 72, 153, 0.4)",opacity:E?.7:1},onMouseEnter:function(e){return!E&&(e.target.style.boxShadow="0 6px 20px rgba(236, 72, 153, 0.6)")},onMouseLeave:function(e){return!E&&(e.target.style.boxShadow="0 4px 15px rgba(236, 72, 153, 0.4)")}},E&&o.a.createElement(k.a,{size:20,style:{marginRight:"10px",color:"white"}}),o.a.createElement("span",null,E?"Logging in...":"Login")),z&&o.a.createElement("div",{style:{background:"#ffebee",color:"#c62828",padding:"12px 16px",borderRadius:"8px",fontSize:"14px",border:"1px solid #ef5350",marginTop:"10px"}},"\u26a0\ufe0f ",z),o.a.createElement(j.a,{style:{display:"none"},ref:a}))))))},z=a(262),L=function(e){if(!e)return o.a.createElement("div",{className:"alert alert-danger",role:"alert"},"This field is required!")},D=function(e){if(!Object(z.isEmail)(e))return o.a.createElement("div",{className:"alert alert-danger",role:"alert"},"This is not a valid email.")},_=function(e){if(e.length<3||e.length>20)return o.a.createElement("div",{className:"alert alert-danger",role:"alert"},"The username must be between 3 and 20 characters.")},B=function(e){if(e.length<6||e.length>40)return o.a.createElement("div",{className:"alert alert-danger",role:"alert"},"The password must be between 6 and 40 characters.")},V=function(e){var t=Object(n.useRef)(),a=Object(n.useRef)(),r=Object(n.useState)(""),l=Object(v.a)(r,2),i=l[0],c=l[1],s=Object(n.useState)(""),u=Object(v.a)(s,2),d=u[0],m=u[1],p=Object(n.useState)(""),g=Object(v.a)(p,2),f=g[0],b=g[1],E=Object(n.useState)(!1),O=Object(v.a)(E,2),C=O[0],x=O[1],w=Object(n.useState)(""),k=Object(v.a)(w,2),T=k[0],I=k[1];return o.a.createElement("div",{className:"col-md-12"},o.a.createElement("div",{className:"card card-container"},o.a.createElement("img",{src:"//ssl.gstatic.com/accounts/ui/avatar_2x.png",alt:"profile-img",className:"profile-img-card"}),o.a.createElement(y.a,{onSubmit:function(e){e.preventDefault(),I(""),x(!1),t.current.validateAll(),0===a.current.context._errors.length&&h.register(i,d,f).then((function(e){I(e.data.message),x(!0)}),(function(e){var t=e.response&&e.response.data&&e.response.data.message||e.message||e.toString();I(t),x(!1)}))},ref:t},!C&&o.a.createElement("div",null,o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"username"},"Username"),o.a.createElement(S.a,{type:"text",className:"form-control",name:"username",value:i,onChange:function(e){var t=e.target.value;c(t)},validations:[L,_]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"email"},"Email"),o.a.createElement(S.a,{type:"text",className:"form-control",name:"email",value:d,onChange:function(e){var t=e.target.value;m(t)},validations:[L,D]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"password"},"Password"),o.a.createElement(S.a,{type:"password",className:"form-control",name:"password",value:f,onChange:function(e){var t=e.target.value;b(t)},validations:[L,B]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("button",{className:"btn btn-primary btn-block"},"Sign Up"))),T&&o.a.createElement("div",{className:"form-group"},o.a.createElement("div",{className:C?"alert alert-success":"alert alert-danger",role:"alert"},T)),o.a.createElement(j.a,{style:{display:"none"},ref:a}))))},P=a(38);function J(){var e=JSON.parse(localStorage.getItem("user"));return e&&e.accessToken?{"x-access-token":e.accessToken}:{}}var W="http://192.168.163.30:8082/api/";var F,H=function(){return f.a.get(W+"mod",{headers:J()})},U=function(e,t,a){var n=new Headers;n.append("Content-Type","application/json"),n.append("Accept","application/json"),n.append("Origin","http://192.168.163.30:8082");var o=new Date,r=function(e){var t=new Date(e),a=""+(t.getMonth()+1),n=""+t.getDate(),o=t.getFullYear();return a.length<2&&(a="0"+a),n.length<2&&(n="0"+n),[o,a,n].join("-")}(o),l=o.getHours()+":"+o.getMinutes()+":"+o.getSeconds();return console.log(l+"@"+r),f.a.post("http://192.168.163.30:3000/log",{UserID:e,Activity:t,Date:r,Time:l,VideoFile:"None",CommunicationMode:"WebApp",Description:a},{headers:n}).then((function(e){return e.data}))},q=(a(250),a(1)),G=function(){var e=localStorage.getItem("remoteId");if(console.log("Joanna middle ",e),!e){console.log("Joanna Middleware..",e);var t=window.location.origin+"/home";window.location.href!==t?window.location=t:console.log("Already on the home page, no redirection needed.")}},Y=a(134),Q=a(205),K=a(116),Z=function(){var e=h.getCurrentUser();return o.a.createElement("div",{className:"container"},o.a.createElement("header",{className:"jumbotron"},o.a.createElement("h3",null,o.a.createElement("strong",null,e.user)," Profile")),o.a.createElement("p",null,o.a.createElement("strong",null,"Token:")," ",e.accessToken.substring(0,20)," ..."," ",e.accessToken.substr(e.accessToken.length-20)),o.a.createElement("p",null,o.a.createElement("strong",null,"Id:")," ",e.id),o.a.createElement("p",null,o.a.createElement("strong",null,"Email:")," ",e.email),o.a.createElement("strong",null,"Authorities:"),o.a.createElement("ul",null,e.roles&&e.roles.map((function(e,t){return o.a.createElement("li",{key:t},e)}))))},X=a(19),$=a.n(X),ee=a(40),te=a(32),ae=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).state={videos:[]},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=Object(te.a)($.a.mark((function e(){var t,a;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return console.log("Joanna is here"),e.prev=1,e.next=4,fetch("http://34.92.77.213:8080/videos");case 4:return t=e.sent,e.next=7,t.json();case 7:a=e.sent,this.setState({videos:Object(ee.a)(a)}),console.log(a),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(1),console.log(e.t0);case 15:case"end":return e.stop()}}),e,this,[[1,12]])})));return function(){return e.apply(this,arguments)}}()},{key:"render",value:function(){return o.a.createElement("div",{className:"App App-header"},o.a.createElement("div",{className:"container"},o.a.createElement("div",{className:"row"},this.state.videos.map((function(e){return o.a.createElement("div",{className:"col-md-4",key:e.filename},o.a.createElement(i.b,{to:"/player/".concat(e.filename)},o.a.createElement("div",{className:"card border-0"},o.a.createElement("div",{className:"card-body"},o.a.createElement("p",null,e.filename),o.a.createElement("p",null,e.time),o.a.createElement("p",null,e.robotid)))))})))))}}]),a}(n.Component),ne=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state={videoId:n.props.match.params.id,videoData:{}},n}return Object(s.a)(a,[{key:"render",value:function(){return o.a.createElement("div",{className:"App"},o.a.createElement("header",{className:"App-header"},o.a.createElement("video",{controls:!0,muted:!0,autoPlay:!0},o.a.createElement("source",{src:"http://34.92.77.213:8080/video/".concat(this.state.videoId),type:"video/mp4"})),o.a.createElement("h1",null,this.state.videoId)))}}]),a}(n.Component),oe=a(20),re=a(21),le=a(37),ie=re.a.div(F||(F=Object(oe.a)(["\n  padding: 1rem;\n\n  table {\n    border-spacing: 0;\n    border: 1px solid black;\n\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th,\n    td {\n      margin: 0;\n      padding: 0.5rem;\n      border-bottom: 1px solid black;\n      border-right: 1px solid black;\n\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function ce(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),e.render("Header"))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var se,ue=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1];Object(n.useEffect)((function(){h.getRobotStatus().then((function(e){r(e.data)}),(function(e){e.response&&e.response.data||e.message||e.toString()}))}),[]);var l=o.a.useMemo((function(){return[{Header:"Robot ID",accessor:"id",Cell:function(e){var t=e.row;return o.a.createElement("a",{href:"/control/".concat(t.original.id)},t.original.id)}},{Header:"Robot Status",accessor:"status"},{Header:"Description",accessor:"description"}]}),[]);return o.a.createElement(ie,null,o.a.createElement(ce,{columns:l,data:a}))},de=a(13),me=a(133),pe=a(9),ge=a(521),fe=a(1024),be=a(517),he=a(522),ve=a(518),Ee=a(143),ye=a(10),Oe=re.a.div(se||(se=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),Se=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function Ce(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),e.render("Header"))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var je,xe=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)([]),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("Select a song"),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)(!1),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)([]),S=Object(v.a)(O,2),C=S[0],j=S[1],x=Object(p.f)(),w=function(){var e=localStorage.getItem("remoteId");if(e){var t={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/youtube-music?robot_id="+e,headers:{"Content-Type":"application/json"}};f.a.request(t).then((function(e){var t=e&&e.data&&e.data.data?e.data.data:[];j(k(t))})).catch((function(e){console.log(e)}))}};Object(n.useEffect)((function(){w()}),[]),Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId");e||x.push("/login");var t=!1;if(q.c.readyState,q.c.OPEN,console.log("SOCKET STATE ",q.c.readyState),!a){var n='{"api":"music", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)}))}q.c.onmessage=function(e){if(console.log("ONMESSAGE ",e.data),e.data&&e.data.toString().includes("music")&&e.data.toString().includes("start")&&!e.data.toString().includes("startEmoREco")){var a=JSON.parse(e.data);console.log("PLAYING ",a.file.split("/")[3]),g("Playing "+a.file.split("/")[3])}if(e.data&&e.data.toString().includes("setYouTubeStart")){var n=JSON.parse(e.data);g("Playing "+n.url)}if(e.data&&e.data.toString().includes("songs")){var o=e.data.substring(0,e.data.length-1);console.log("RECEIVED",o),"}"!==o.charAt(o.length-1)&&(o=e.data);try{var l=o.replace(/\0/g,"");return l=JSON.parse(l),console.log("==========="),console.log(l),console.log("==========="),console.log(typeof l),console.log("==========="),console.log(l.type),console.log("==========="),console.log(l.songlist),t||"songs"!=l.type||(r(!0),s(k(l.songlist)),console.log(l.songlist)),function(){t=!0}}catch(i){return console.log(i),!1}}}}),[a,c]);var k=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=Se(e[a].title),t.push(e[a]);return e},T=function(e){var t=e.currentTarget.value,a=e.currentTarget.value.split("/")[3];console.log("Handle Start Click ",a);var n={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/music-genre",headers:{"Content-Type":"application/json"},data:JSON.stringify({title:a})};f.a.request(n).then((function(a){a.data;["Children","Classical","Reggae","Country","Funk","Jazz","Rock"].includes(a.data);var n=localStorage.getItem("remoteId"),o='{"api":"music", "action":"start", "file":"'.concat(t,'", "motion":"').concat(localStorage.getItem("defaultMotion"),'" , "name": "').concat(n,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)})),U("WebApp","Music",e.currentTarget.value).then((function(e){}),(function(e){}))})).catch((function(e){console.log(e)}))},I=function(e){var t=localStorage.getItem("remoteId"),a='{"api":"setYouTubeStart", "url": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},A=function(e){var t=e.currentTarget.value;f.a.delete("https://cloud-api-389807.ue.r.appspot.com/youtube-music?title=".concat(encodeURIComponent(t))).then((function(){j((function(e){return e.filter((function(e){return e.title!==t}))}))})).catch((function(e){console.log(e)}))},M=function(e){var t=localStorage.getItem("remoteId"),a='{"api":"setYouTubeStop", "url": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),g("Select a song")},N=function(e){var t=localStorage.getItem("remoteId"),a='{"api":"music", "action":"stop", "name": "'.concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),g("Select a song")},R=o.a.useMemo((function(){var e=(c||[]).map((function(e){return Object(de.a)(Object(de.a)({},e),{},{source:"Local"})})),t=(C||[]).map((function(e){return Object(de.a)(Object(de.a)({},e),{},{source:"YouTube"})}));return[].concat(Object(ee.a)(e),Object(ee.a)(t))}),[c,C]),z=o.a.useMemo((function(){return[{Header:Se("Songs"),accessor:"title"},{Header:Se("Source"),accessor:"source"},{Header:Se("Action"),accessor:"action",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",color:"primary",value:"YouTube"===t.row.original.source?t.row.original.url:t.row.original.path,onClick:"YouTube"===t.row.original.source?I:T},o.a.createElement("svg",{style:{marginRight:"3px"},width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),Se("Play")),o.a.createElement(me.a,{size:"small",color:"secondary",value:"YouTube"===t.row.original.source?t.row.original.url:t.row.original.path,onClick:"YouTube"===t.row.original.source?M:N},Se("Stop")))}}]}),[]),L=o.a.useMemo((function(){return[{Header:Se("Songs"),accessor:"title"},{Header:Se("Action"),accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",color:"primary",value:t.row.values.url,onClick:I},o.a.createElement("svg",{style:{marginRight:"3px"},width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),Se("Play")),o.a.createElement(me.a,{size:"small",color:"secondary",value:t.row.values.url,onClick:M},Se("Stop")),o.a.createElement(me.a,{size:"small",color:"secondary",value:t.row.values.title,onClick:A},Se("Delete")))}}]}),[]),D=o.a.useState(!1),_=Object(v.a)(D,2),B=_[0],V=_[1],P=function(){V(!1)},J=Object(n.useState)(""),W=Object(v.a)(J,2),F=W[0],H=W[1],G=Object(n.useState)(""),Y=Object(v.a)(G,2),Q=Y[0],K=Y[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Se("Music"),parentNode:"/entertainment"}),E?o.a.createElement(o.a.Fragment,null,o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){V(!0)}},Se("Add YouTube Music")),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){y(!1)}},Se("Switch to Local Music"))):o.a.createElement(o.a.Fragment,null,o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){w(),y(!0)}},Se("Switch to YouTube Music"))),o.a.createElement("br",null),o.a.createElement("i",null,o.a.createElement("small",null,Se(m))),o.a.createElement(ge.a,{open:B,onClose:P,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title"},Se("Add YouTube Music")),o.a.createElement(be.a,null,o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Title",type:"text",helperText:"Please add your music Title",fullWidth:!0,value:F,onChange:function(e){H(e.target.value)}}),o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Music Link",type:"text",helperText:"Please add the music links from YouTube, Dailymotion, or any links",fullWidth:!0,value:Q,onChange:function(e){K(e.target.value)}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:P,color:"primary"},Se("Cancel")),o.a.createElement(me.a,{onClick:function(){console.log("data ",F,Q,q.a);var e=JSON.stringify({robot_id:q.a,title:F,url:Q}),t={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/youtube-music?robot_id="+q.a,headers:{"Content-Type":"application/json"},data:e};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),V(!1),H(""),K(""),w()})).catch((function(e){console.log(e)})).finally((function(){var e='{"api":"syncYTMusic", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}))},color:"primary"},Se("Add")))),o.a.createElement(Oe,null,E?o.a.createElement(Ce,{columns:L,data:C}):o.a.createElement(Ce,{columns:z,data:R})))},we=re.a.div(je||(je=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function ke(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),e.render("Header"))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Te,Ie=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(),d=Object(v.a)(u,2),m=d[0],g=d[1],f=Object(n.useState)([]),b=Object(v.a)(f,2),h=b[0],E=b[1],y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)("Select a youtube link"),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(p.f)();Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t=!1;if(e||N.push("/login"),!S){var a='{"api":"getYouTubeList", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("setYouTubeStart")){var a=JSON.parse(e.data);M("Playing "+a.url)}if(e.data&&e.data.toString().includes("youtube")){var n=e.data.substring(0,e.data.length-1);console.log(n);try{var o=JSON.parse(e.data);return t||"youtube"!=o.object_type||(console.log(o.object_data),C(!0),E(o.object_data)),function(){t=!0}}catch(r){return console.log(r),!1}}}}),[S,h]);var R=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values.url,onClick:D},"Start"),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values.url,onClick:_},"Stop"),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.index,onClick:B},"Delete"),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.index,onClick:z},"Update"))}}]}),[]),z=function(e){"add"==e.currentTarget.value?s("Add New YouTube Link"):s("Update YouTube Link"),r(!0)},L=function(e){r(!1)},D=function(e){console.log("Handle Start Click",e.currentTarget.value);var t='{"api":"setYouTubeStart", "url": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},_=function(e){console.log("Handle Stop Click");var t='{"api":"setYouTubeStop", "url": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),M("Select a youtube link")},B=function(e){console.log("Handle Delete");var t={object_id:e.currentTarget.value},a='{"api":"setYouTubeDelete", "url": "'.concat(e.currentTarget.value,'", "event":').concat(JSON.stringify(t),',"name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))};return o.a.createElement(we,null,o.a.createElement(pe.a,{title:"YouTube"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:z},"Add YouTube"),o.a.createElement("br",null),o.a.createElement("i",null,o.a.createElement("small",null,A)),o.a.createElement(ge.a,{open:a,onClose:L,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:L},c),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Title",defaultValue:m,inputProps:{maxLength:200},onChange:function(e){g(e.target.value)},value:m,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"URL",defaultValue:w,inputProps:{maxLength:200},onChange:function(e){k(e.target.value)},value:w,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:L,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){var t={title:m,url:w},a='{"action":"setYouTubeData","event":'.concat(JSON.stringify(t),', "name":"').concat(q.a,'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),r(!1)},color:"primary"},"Submit"))),o.a.createElement(ke,{columns:R,data:h}))},Ae=a(112),Me=a(1083),Ne=a(1139),Re=a(1084),ze=a(1082),Le=a(512),De=a(11),_e=(Object(Le.a)(),function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).handleContentChange=function(t){localStorage.setItem("castDevice",t.target.value),e.setState({content:t.target.value})},e.state={content:"",contentlist:[],msg:"Scanning devices"},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),q.c.onmessage=function(t){if(console.log("MESSAGE ",t.data),t.data&&t.data.toString().includes("label")){var a=JSON.parse(t.data);e.setState({contentlist:a}),e.setState({msg:"Done scanning devices"})}}}},{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement("small",null,this.state.msg),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:this.state.content,value:this.state.content,id:"select-content",onChange:this.handleContentChange,fullWidth:!0},this.state.contentlist.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)})))))}}]),a}(n.Component)),Be=Object(De.a)((function(e){return{formControl:{margin:e.spacing(0),minWidth:250}}}))(_e),Ve=re.a.div(Te||(Te=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Pe(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Je=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(),d=Object(v.a)(u,2),m=d[0],g=d[1],f=Object(n.useState)([]),b=Object(v.a)(f,2),h=b[0],E=b[1],y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(!1),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useState)(null),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(!0),_=Object(v.a)(D,2),B=(_[0],_[1],Object(n.useState)("")),V=Object(v.a)(B,2),P=V[0],J=V[1],W=Object(n.useState)(!1),F=Object(v.a)(W,2),H=F[0],U=F[1],G=Object(n.useState)(!1),Y=Object(v.a)(G,2),Q=Y[0],K=Y[1],Z=Object(n.useState)("Scanning devices..."),X=Object(v.a)(Z,2),$=(X[0],X[1]),ee=Object(n.useState)(""),te=Object(v.a)(ee,2),ae=te[0],ne=te[1],oe=Object(n.useState)([]),re=Object(v.a)(oe,2),le=(re[0],re[1]),ie=Object(n.useState)(""),ce=Object(v.a)(ie,2),se=ce[0],ue=(ce[1],Object(p.f)());function de(){var e=window;return{width:e.innerWidth,height:e.innerHeight}}Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t=!1;if(e||ue.push("/login"),!S){var a='{"api":"getYouTubeList", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}q.c.onmessage=function(a){if(console.log("MESSAGE ",a.data),a.data&&a.data.toString().includes("youtube")){var n=a.data.substring(0,a.data.length-1);console.log(n);try{var o=JSON.parse(a.data);return t||"youtube"!=o.object_type||(console.log(o.object_data),C(!0),E(Ee(o.object_data))),function(){t=!0}}catch(l){return console.log(l),!1}}else if(a.data&&a.data.toString().includes("label")){o=JSON.parse(a.data);le(o)}else if(a.data&&a.data.toString().includes("Success")){var r='{"api":"getYouTubeList", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(r)}))}}}),[S,h]);var Ee=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=Me(e[a].title),t.push(e[a]);return e},Oe=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:xe},Me("Start")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:we},Me("Stop")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.index,onClick:je},Me("Delete")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.index,onClick:Se},Me("Update")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:ke},Me("Cast to TV")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:Te},Me("Stop Cast")))}}]}),[]),Se=function(e){"add"==e.currentTarget.value&&s(Me("Add New Video")),r(!0)},Ce=function(e){r(!1)},je=function(e){console.log("Handle Delete");var t={object_id:e.currentTarget.value},a='{"api":"setYouTubeDelete", "url": "'.concat(e.currentTarget.value,'", "event":').concat(JSON.stringify(t),',"name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},xe=function(e){var t=e.currentTarget.value;k(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)})),t=(t=t.split("v=")[1]).split("&")[0],J(t),M(!0)},we=function(e){var t='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),J(""),M(!1)},ke=function(e){U(!0);var t='{"api":"handleStartCast", "action":"start", "url": "'.concat(e.currentTarget.value,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}));var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))},Te=function(e){U(!1);var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}));var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))},Ie=function(){$("Scanning devices..."),K(!1),ne(),le([])},Me=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Ne=Object(n.useState)(),Re=Object(v.a)(Ne,2),ze=Re[0],Le=Re[1],De=Object(n.useState)(""),_e=Object(v.a)(De,2),Je=_e[0],We=_e[1],Fe=Object(n.useState)(!1),He=Object(v.a)(Fe,2),Ue=He[0],qe=He[1],Ge=Object(n.useState)(!1),Ye=Object(v.a)(Ge,2),Qe=Ye[0],Ke=Ye[1];return o.a.createElement(Ve,null,o.a.createElement(pe.a,{title:Me("Videos & Movies"),parentNode:"/entertainment"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:Se},Me("Add Video")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){K(!0);var e='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},Me("Scan Cast Devices")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){return Ke(!0)}},Me("Upload")),Qe&&o.a.createElement("div",{className:"card text-center"},o.a.createElement("input",{type:"file",name:"quiz",onChange:function(e){We(""),Le(e.target.files[0]),qe(!0)},style:{border:" 1px solid #ccc"}}),Je?o.a.createElement("div",null,o.a.createElement("p",null,Je)):o.a.createElement("p",null),Ue?o.a.createElement("div",null,o.a.createElement("p",null,Me("Filename:")," ",ze.name),o.a.createElement("p",null,Me("Filetype:")," ",ze.type),o.a.createElement("p",null,Me("Size in bytes:")," ",ze.size),o.a.createElement("p",null,Me("lastModifiedDate:")," ",ze.lastModifiedDate.toLocaleDateString())):o.a.createElement("p",null,Me("Select a file to show details")),o.a.createElement("div",null,o.a.createElement("button",{onClick:function(){console.log("ON SUBMIT");var e=new FormData;e.append("video",ze),e.append("robot_id",q.a),fetch("https://cloud-api-389807.ue.r.appspot.com/upload",{method:"POST",body:e}).then((function(e){console.log("Success:",e),We("Uploaded sucessfully")})).catch((function(e){console.error("Error:",e),We("Upload error!")}))},className:"buttons"},Me("Submit")),o.a.createElement("button",{onClick:function(){return Ke(!1)},className:"buttons"},Me("Cancel")))),o.a.createElement(ge.a,{open:a,onClose:Ce,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ce},c),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:Me("Title"),defaultValue:m,inputProps:{maxLength:200},onChange:function(e){g(e.target.value)},value:m,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:Me("URL"),defaultValue:w,inputProps:{maxLength:200},onChange:function(e){k(e.target.value)},value:w,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Ce,color:"primary"},Me("Cancel")),o.a.createElement(me.a,{onClick:function(e){var t={title:m,url:w},a='{"action":"setYouTubeData","event":'.concat(JSON.stringify(t),', "name":"').concat(q.a,'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),r(!1)},color:"primary"},Me("Submit")))),o.a.createElement(ge.a,{open:Q,onClose:Ie,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ie},Me("Scan Devices")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Ie,color:"primary"},Me("Cancel")),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",ae,e.currentTarget.value,se),$("Scanning devices..."),K(!1),ne(),le([])},value:ae,color:"primary"},Me("Submit")))),H?o.a.createElement("div",{style:{width:"100%",alignItems:"center",alignSelf:"center"}},o.a.createElement("b",null,"Cast Controls"),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePauseCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}));var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))}},Me("Pause")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePlayCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}));var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))}},Me("Play")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:Te},Me("Stop Cast"))):"",A?o.a.createElement("div",{style:{width:"100%",paddingLeft:"5px"}},o.a.createElement("h3",null,m),o.a.createElement("p",null,w),o.a.createElement("div",null,o.a.createElement(Ae.a,{videoId:P,onReady:function(e){L(e.target)},opts:{playerVars:{controls:0,autoplay:1,rel:0,enablejsapi:0,showInfo:0,autohide:1},allowFullScreen:!0,height:de().height,width:.75*de().width},onPlay:function(e){var t='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),console.log("MONTION")},onPause:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))},onEnd:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}})),o.a.createElement(me.a,{onClick:function(){z.playVideo();var e='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)})),console.log("MONTION")},className:"primary",color:"primary"},Me("Play")),o.a.createElement(me.a,{onClick:function(){z.pauseVideo();var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))},className:"primary",color:"secondary"},Me("Pause"))):"",o.a.createElement(Pe,{columns:Oe,data:h}))},We=function(e){return{}},Fe=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">\x3c!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --\x3e<path d="M104 96h-48C42.75 96 32 106.8 32 120V224C14.33 224 0 238.3 0 256c0 17.67 14.33 32 31.1 32L32 392C32 405.3 42.75 416 56 416h48C117.3 416 128 405.3 128 392v-272C128 106.8 117.3 96 104 96zM456 32h-48C394.8 32 384 42.75 384 56V224H256V56C256 42.75 245.3 32 232 32h-48C170.8 32 160 42.75 160 56v400C160 469.3 170.8 480 184 480h48C245.3 480 256 469.3 256 456V288h128v168c0 13.25 10.75 24 24 24h48c13.25 0 24-10.75 24-24V56C480 42.75 469.3 32 456 32zM608 224V120C608 106.8 597.3 96 584 96h-48C522.8 96 512 106.8 512 120v272c0 13.25 10.75 24 24 24h48c13.25 0 24-10.75 24-24V288c17.67 0 32-14.33 32-32C640 238.3 625.7 224 608 224z" fill="white"></path></svg>\n                    ',background:"linear-gradient(0deg, #741d29, #9c4d58)",title:"Exercise",slug:"/exercise-video",locations:["home"]},{svg:'\n                        <svg fill="white" viewBox="0 -186.02 495.049 495.049" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M183.857 43.463H160.62V32.115c.1-13.133 3.596-18.012 7.44-20.516 3.965-2.594 10.004-2.83 15.797-2.777a4.405 4.405 0 0 0 4.406-4.416A4.405 4.405 0 0 0 183.857 0c-5.766.047-13.551-.197-20.514 4.143-7.082 4.43-11.637 13.406-11.545 27.973v11.348h-9.08c-2.441 0-4.42 1.98-4.42 4.406a4.42 4.42 0 0 0 4.42 4.414h9.08v66.123a4.423 4.423 0 0 0 4.414 4.42 4.424 4.424 0 0 0 4.416-4.42c-.002-42.283-.01-45.197-.01-66.123h23.237a4.425 4.425 0 0 0 4.42-4.414c.002-2.427-1.984-4.407-4.418-4.407zM287.77 114.012v-.02c-7.438.066-13.436-.381-16.84-2.943-3.369-2.395-6.361-7.631-6.4-20.975-.006-18.98-.01-27.756-.01-37.672h23.246c2.437 0 4.414-1.979 4.414-4.414s-1.979-4.404-4.414-4.404H264.52c0-8.787.01-20.129.01-39.17A4.42 4.42 0 0 0 260.11 0a4.399 4.399 0 0 0-4.396 4.414v39.17h-9.092a4.408 4.408 0 0 0 0 8.818h9.092v37.672c-.051 14.363 3.354 23.293 10.076 28.145 6.705 4.674 14.541 4.545 21.979 4.607a4.414 4.414 0 0 0 4.408-4.42 4.396 4.396 0 0 0-4.407-4.394zM490.645 114.021V114c-9.521.065-15.359-.974-18.172-3.582-2.9-2.396-5.088-7.944-5.072-20.158V52.401h23.24c2.447 0 4.408-1.979 4.408-4.414s-1.961-4.404-4.408-4.404H467.4V4.405A4.393 4.393 0 0 0 463 .003a4.408 4.408 0 0 0-4.418 4.402v39.178h-9.086a4.41 4.41 0 0 0-4.418 4.404 4.417 4.417 0 0 0 4.418 4.414h9.086V90.26c.027 12.896 2.023 21.423 8.121 26.822 6.185 5.213 14.17 5.674 23.941 5.742a4.409 4.409 0 0 0 4.404-4.406 4.394 4.394 0 0 0-4.403-4.397zM210.594 118.406V47.875c0-2.432 1.979-4.412 4.402-4.412a4.419 4.419 0 0 1 4.416 4.412v70.531c0 2.428-1.98 4.42-4.416 4.42-2.423 0-4.402-1.992-4.402-4.42zM415.342 118.406V47.875c0-2.432 1.957-4.412 4.391-4.412a4.415 4.415 0 0 1 4.418 4.412v70.531a4.424 4.424 0 0 1-4.418 4.42c-2.434 0-4.391-1.992-4.391-4.42zM354.225 43.168c-12.578.008-23.791 5.836-31.104 14.926V4.414a4.41 4.41 0 0 0-8.82 0V85.75c0 .312.115.588.182.885 1.795 20.385 18.883 36.369 39.744 36.369 22.043 0 39.906-17.859 39.906-39.908-.002-22.051-17.865-39.918-39.908-39.928zm0 71.016c-17.182-.033-31.082-13.91-31.104-31.088.022-17.19 13.924-31.072 31.104-31.102 17.174.029 31.059 13.91 31.086 31.102-.029 17.177-13.913 31.054-31.086 31.088zM208.771 25.764a8.873 8.873 0 0 1-2.582-6.236c0-2.324.938-4.594 2.582-6.236A8.841 8.841 0 0 1 215 10.71c2.321 0 4.592.938 6.233 2.582a8.86 8.86 0 0 1 2.584 6.236 8.87 8.87 0 0 1-2.584 6.236A8.9 8.9 0 0 1 215 28.35a8.885 8.885 0 0 1-6.229-2.586zM413.504 25.764a8.873 8.873 0 0 1-2.586-6.236 8.86 8.86 0 0 1 2.586-6.236 8.872 8.872 0 0 1 6.24-2.582c2.317 0 4.583.938 6.231 2.582a8.902 8.902 0 0 1 2.578 6.236 8.91 8.91 0 0 1-2.578 6.236c-1.648 1.637-3.914 2.586-6.231 2.586a8.913 8.913 0 0 1-6.24-2.586z"></path> <g> <path d="M44.148 109.641a7.144 7.144 0 0 1-2.082-5.041c0-1.875.748-3.707 2.082-5.033a7.18 7.18 0 0 1 5.041-2.088c1.875 0 3.711.761 5.039 2.088a7.153 7.153 0 0 1 2.084 5.033 7.171 7.171 0 0 1-2.084 5.041 7.204 7.204 0 0 1-5.039 2.092 7.213 7.213 0 0 1-5.041-2.092zM44.148 67.574a7.196 7.196 0 0 1-2.082-5.041c0-1.879.756-3.713 2.082-5.041a7.178 7.178 0 0 1 5.035-2.084c1.881 0 3.709.76 5.045 2.084a7.168 7.168 0 0 1 2.084 5.041 7.19 7.19 0 0 1-2.084 5.041 7.212 7.212 0 0 1-5.045 2.082 7.188 7.188 0 0 1-5.035-2.082zM44.15 25.506a7.215 7.215 0 0 1-2.082-5.035c0-1.883.763-3.717 2.082-5.049a7.168 7.168 0 0 1 5.035-2.072 7.17 7.17 0 0 1 5.039 2.072 7.182 7.182 0 0 1 2.088 5.049 7.174 7.174 0 0 1-2.088 5.035 7.18 7.18 0 0 1-5.039 2.082c-1.874 0-3.71-.76-5.035-2.082zM43.963 46.34a7.11 7.11 0 0 1-1.887-5.104 7.14 7.14 0 0 1 2.274-4.967 7.165 7.165 0 0 1 5.117-1.879 7.119 7.119 0 0 1 4.943 2.27c1.272 1.385 1.977 3.236 1.899 5.125a7.185 7.185 0 0 1-2.285 4.949 7.202 7.202 0 0 1-5.11 1.895 7.17 7.17 0 0 1-4.951-2.289zM44.15 88.607a7.209 7.209 0 0 1-2.084-5.041c0-1.879.763-3.711 2.084-5.039a7.174 7.174 0 0 1 5.039-2.086c1.875 0 3.711.76 5.035 2.086a7.167 7.167 0 0 1 2.088 5.039c0 1.877-.76 3.709-2.088 5.041a7.208 7.208 0 0 1-5.035 2.082 7.212 7.212 0 0 1-5.039-2.082zM65.184 67.574a7.217 7.217 0 0 1-2.086-5.041c0-1.879.764-3.713 2.086-5.041a7.184 7.184 0 0 1 5.039-2.084 7.21 7.21 0 0 1 5.041 2.084 7.178 7.178 0 0 1 2.086 5.041 7.2 7.2 0 0 1-2.086 5.041 7.217 7.217 0 0 1-5.041 2.082 7.19 7.19 0 0 1-5.039-2.082zM65.184 46.537a7.17 7.17 0 0 1-2.08-5.031c0-1.885.758-3.711 2.08-5.047a7.212 7.212 0 0 1 5.039-2.072c1.875 0 3.709.754 5.041 2.072a7.196 7.196 0 0 1 2.086 5.047c0 1.871-.76 3.709-2.086 5.031a7.211 7.211 0 0 1-5.041 2.096 7.21 7.21 0 0 1-5.039-2.096zM65.184 88.607a7.189 7.189 0 0 1-2.086-5.041c0-1.879.76-3.711 2.086-5.039a7.177 7.177 0 0 1 5.039-2.086c1.881 0 3.713.76 5.041 2.086a7.174 7.174 0 0 1 2.086 5.039c0 1.877-.76 3.709-2.086 5.041a7.218 7.218 0 0 1-5.041 2.082 7.212 7.212 0 0 1-5.039-2.082zM86.217 67.574a7.196 7.196 0 0 1-2.082-5.041c0-1.879.756-3.713 2.082-5.041a7.187 7.187 0 0 1 5.039-2.084c1.877 0 3.713.76 5.041 2.084a7.186 7.186 0 0 1 2.076 5.041 7.207 7.207 0 0 1-2.076 5.041 7.195 7.195 0 0 1-5.041 2.082 7.194 7.194 0 0 1-5.039-2.082zM23.111 67.574a7.21 7.21 0 0 1-2.084-5.041 7.19 7.19 0 0 1 2.084-5.041 7.195 7.195 0 0 1 5.052-2.084c1.864 0 3.698.76 5.03 2.084a7.202 7.202 0 0 1 2.084 5.041 7.224 7.224 0 0 1-2.084 5.041 7.2 7.2 0 0 1-5.03 2.082 7.202 7.202 0 0 1-5.052-2.082zM23.119 46.537a7.119 7.119 0 0 1-2.093-5.031c0-1.885.756-3.711 2.093-5.047a7.16 7.16 0 0 1 5.034-2.072c1.873 0 3.707.754 5.037 2.072a7.213 7.213 0 0 1 2.086 5.047 7.176 7.176 0 0 1-2.086 5.031 7.202 7.202 0 0 1-5.037 2.096 7.16 7.16 0 0 1-5.034-2.096zM23.111 88.607a7.19 7.19 0 0 1-2.073-5.041c0-1.879.75-3.711 2.073-5.039a7.177 7.177 0 0 1 5.045-2.086c1.875 0 3.714.76 5.039 2.086a7.167 7.167 0 0 1 2.088 5.039c0 1.877-.76 3.709-2.088 5.041a7.219 7.219 0 0 1-5.039 2.082 7.212 7.212 0 0 1-5.045-2.082zM2.084 67.574A7.172 7.172 0 0 1 0 62.533a7.15 7.15 0 0 1 2.084-5.041 7.191 7.191 0 0 1 5.039-2.084 7.18 7.18 0 0 1 5.037 2.084 7.186 7.186 0 0 1 2.081 5.041 7.208 7.208 0 0 1-2.081 5.041 7.186 7.186 0 0 1-5.037 2.082 7.198 7.198 0 0 1-5.039-2.082z"></path> </g> </g></svg>   \n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Fitbit",slug:"/fitbit",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>accessibility-cognitive-disability</title> <g id="Layer_2" data-name="Layer 2"> <g id="invisible_box" data-name="invisible box"> <rect width="48" height="48" fill="none"></rect> </g> <g id="Q3_icons" data-name="Q3 icons"> <g> <path d="M44.6,25.1A64.9,64.9,0,0,1,40,17.9C38.5,7.2,32.4,1.8,21.8,2c-6,.1-11,2.1-14.3,5.8s-4.8,8.5-4.4,14,1.6,7.5,4.2,10.8,2.9,3.9,1.8,8A1.9,1.9,0,0,0,10.5,43,2,2,0,0,0,13,41.6c1.4-5.6.6-7.3-2.6-11.4a13.8,13.8,0,0,1-3.3-8.7,14,14,0,0,1,3.3-11C13,7.7,17,6.1,21.9,6S34.5,7.2,36.1,18.5c.1,1.2,1.9,4,3.7,6.8l-2.2.7a2,2,0,0,0-1.3,1.9v2.9c0,2.8.1,5-.6,5.7s-1.8.8-4,.8a3.8,3.8,0,0,0-3.9,3.9V44a2,2,0,0,0,4,0V41.3c2.4,0,5.1-.3,6.8-2s1.8-4.5,1.7-8.6V29.3l3.3-1.1a2.1,2.1,0,0,0,1.3-1.3A2,2,0,0,0,44.6,25.1Z"></path> <path d="M24.7,15.2l-.4-1,1.2-1.9a7.7,7.7,0,0,0-1.8-1.8l-1.9,1.2-1-.4-.5-2.2H17.7l-.5,2.2-1,.4-1.9-1.2a7.7,7.7,0,0,0-1.8,1.8l1.2,1.9-.4,1-2.2.5A5.7,5.7,0,0,0,11,17a5.7,5.7,0,0,0,.1,1.3l2.2.5.4,1-1.2,1.9a7.7,7.7,0,0,0,1.8,1.8l1.9-1.2,1,.4.5,2.2h2.6l.5-2.2,1-.4,1.9,1.2a7.7,7.7,0,0,0,1.8-1.8l-1.2-1.9.4-1,2.2-.5A5.7,5.7,0,0,0,27,17a5.7,5.7,0,0,0-.1-1.3ZM19,19a2,2,0,1,1,2-2A2,2,0,0,1,19,19Z"></path> </g> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Cognitive and Emotion Assessment",slug:"/cognitive",locations:["home"]},{svg:'<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.778 4.222a6 6 0 0 0-8.485 0l-7.071 7.071a6 6 0 0 0 8.485 8.485l7.071-7.071a6 6 0 0 0 0-8.485zm-7.071 1.414a4 4 0 0 1 5.657 0l-5.657 5.657-5.657-5.657a4 4 0 0 1 5.657 0zm-6.364 6.364 5.657 5.657-1.414 1.414a4 4 0 0 1-5.657-5.657zm7.778 7.071-1.414-1.414 5.657-5.657 1.414 1.414-5.657 5.657zm6.364-6.364-1.414-1.414 1.414-1.414a4 4 0 0 1 0 5.657z"/></svg>',background:"linear-gradient(0deg, #0a5c5a, #1ec8c8)",title:"Medication",slug:"/medication",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:["Medication"]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.computeScreenSize=e.computeScreenSize.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this;ye.a.translateString();var t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Health and Fitness")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return(e.state.allowedAcccess.includes(t.title)||"Medication"===t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:We.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),He=Object(De.a)(We)(Fe),Ue=(a(389),a(390),a(50)),qe=function(e){return o.a.createElement("button",{className:"option",onClick:function(t){return function(t,a){var n=t.target,o=!1;a===e.answer?(n.classList.add("green"),o=!0):n.classList.add("red");var r,l=document.querySelectorAll(".item-options .option"),i=Object(Ue.a)(l);try{for(i.s();!(r=i.n()).done;){r.value.disabled=!0}}catch(c){i.e(c)}finally{i.f()}e.enableContinueBtn(o)}(t,e.item)}},e.item.replace(/_/g," "))},Ge=(a(659),function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;Object(c.a)(this,a),n=t.call(this,e);var o=Math.floor(n.props.totalSecs/60),r=n.props.totalSecs%60;return n.state={min:o,sec:r,count:n.props.totalSecs},n}return Object(s.a)(a,[{key:"shouldComponentUpdate",value:function(e,t,a){return t!==this.state}},{key:"render",value:function(){var e=this,t=this.state,a=t.count,n=t.min,r=t.sec,l=setTimeout((function(){e.setState((function(e){return{sec:0===e.sec?59:e.sec-1,min:0===e.sec?e.min-1:e.min,count:e.count-1}}))}),1e3);return a<=0&&(clearTimeout(l),this.props.showResult()),o.a.createElement("div",{className:"clock-timer"},o.a.createElement("span",{className:"min-clock"},n<10?"0"+n:n,o.a.createElement("span",{className:"overed"}," ")),o.a.createElement("span",{className:"clock-seprator"}," : "),o.a.createElement("span",{className:"sec-clock"},r<10?"0"+r:r,o.a.createElement("span",{className:"overed"}," ")))}}]),a}(n.Component));a(391);var Ye=function(e){return o.a.createElement("div",{className:"col-12 p-0 main-content clearfix"},o.a.createElement("div",{className:" "},e.hasPhoto?o.a.createElement("img",{src:"data:image/jpg;base64,".concat(e.imageUrl),className:"author-image w-100",alt:e.correctAnswer,height:"450px"}):o.a.createElement("div",{className:"loader"})))};var Qe=function(e){return o.a.createElement("header",{className:"col-12 hero-header"},o.a.createElement("h1",null,e.question.replace(/\s?\\\\voice=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\speed=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\emotion=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\sound=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\head=(\d+,\d+;*)+\\\\\s?/g,"")))};var Ke=function(e){return o.a.createElement("div",{className:"col-12 main-content clearfix p-0 overflow-hidden"},o.a.createElement("div",{className:"float-left"},e.hasPhoto?o.a.createElement("img",{src:"data:image/jpg;base64,".concat(e.imageUrl),className:"author-image",alt:e.correctAnswer,height:"250px"}):o.a.createElement("div",{className:"loader"})),o.a.createElement("div",{className:"float-left col-lg-2 timer-comp"},o.a.createElement(Ge,{totalSecs:e.timerLimit,showResult:e.showResult})),e.setOfAnswer?o.a.createElement("div",{className:"col-lg-5 float-right item-options"},e.setOfAnswer.map((function(t,a){return o.a.createElement(qe,{item:t,key:a,enableContinueBtn:e.enableContinueBtn,answer:e.correctAnswer})}))):o.a.createElement("div",{className:"col-lg-5 float-right item-options option-loader"},o.a.createElement("div",{className:"loader"})))};var Ze=function(e){return o.a.createElement("div",{className:"continue-btn-wrapper"},o.a.createElement("button",{className:"continue-btn",onClick:function(t){t.target.disabled=!1,e.newPuzzle()}},"Continue"))};var Xe=function(){return o.a.createElement("footer",{className:"row col-12",id:"footer"},o.a.createElement("ul",{style:{textAlign:"center"}},"@2021 Human Centred Innovations"))};var $e=function(e){var t=e.resultList.filter((function(e){return!0===e})).length,a=Math.floor(e.timerLimit/e.oneQuesAttemptTime),n=Math.floor(t/e.resultList.length*100);return o.a.createElement("div",{className:"col-10 offset-1 main-content display-result","data-item":e.resultList},o.a.createElement("p",null,"Your score : ",t," / ",e.resultList.length),o.a.createElement("ul",null,o.a.createElement("li",{className:"win-lose"},n>=80&&e.resultList.length>a?o.a.createElement("span",{className:"winner-label"},"Congrats, You Won!"):o.a.createElement("span",{className:"loser-label"},"Score (",n>=80?" "+a+" - Questions should be attempted":" As Accuracy is below 80%",")")),o.a.createElement("li",null,"Total time-frame - ",o.a.createElement("b",null,e.timerLimit," seconds.")),o.a.createElement("li",null,"Total Questions Attempted - ",o.a.createElement("b",null,e.resultList.length)),o.a.createElement("li",null,"Correct Answer - ",o.a.createElement("b",null,t)),o.a.createElement("li",null,"Accuracy - ",o.a.createElement("b",null,isNaN(n)?0:n," %"))))};var et=function(e){return o.a.createElement("div",{className:"continue-btn-wrapper"},o.a.createElement("button",{className:"continue-btn",onClick:function(t){t.target.disabled=!0,e.resetQuiz()}},"Play Again"))},tt=function(e){var t=e.state.qIndex;if(t==e.state.questions.length)e.state.endOfQuiz=!0;else{var a=e.state.questions[e.state.qIndex];e.setState({question:a.text,correctAnswer:a.answer,setOfAnswer:a.options,showContinueBtn:!1,qIndex:t+1,imageUrl:"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAHwAugMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDB//EABgQAQEBAQEAAAAAAAAAAAAAAAABETFB/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oADAMBAAIRAxEAPwD2qKkVtkipFBQ0QAAAAWKgiiooCKgBQoiAKAAAAMERYosVFgLAEAAAAFVBFFQAAABBABQAAABziosUVYk4sBQEAAAAAAFAQA0ARUUAAAAANgOcVFaFWMqgoSiCgAAAAAAAAAAAAAAAGAK5LEitIoEQaDSARUWIAAAAAAAAAAAAAACaqA5rGdaaFEVBVjKgqsxQUBAAAAAAAAAAABAVDUByjUZi60mNCKKoioLFQBVTQFEVAAABAX0AAEAKlFAQByixFnWoiqzGohVAFVUEBUUFGdUFNZ1QURNBpNADTRAA1FFQAf/Z",hasPhoto:!0}),Object(q.d)(a.text)}},at=function(e,t){var a='{"action":"getQuizSpecific", "name":"'.concat(q.a,'", "title": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},nt=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state=a.initialState(),n.showResult=function(){n.setState({isTimerReached:!0,showContinueBtn:!1})},n.resetQuiz=function(){Object(u.a)(n);n.setState(a.initialState()),at(0,n.props.quizid)},n.newPuzzle=function(){var e,t=Object(u.a)(n),a=document.querySelectorAll(".item-options .option"),o=Object(Ue.a)(a);try{for(o.s();!(e=o.n()).done;){var r=e.value;r.classList.remove("red","green"),r.disabled=!1}}catch(l){o.e(l)}finally{o.f()}n.setState({imageUrl:""}),tt(t)},n.enableContinueBtn=function(e){n.setState((function(t){return{showContinueBtn:!0,savedResult:t.savedResult.concat(e)}}))},n.enableContinueBtn=n.enableContinueBtn.bind(Object(u.a)(n)),n.newPuzzle=n.newPuzzle.bind(Object(u.a)(n)),n.showResult=n.showResult.bind(Object(u.a)(n)),n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.quizid;at(0,t),q.c.onmessage=function(t){var a=t.data.substring(0,t.data.length-1);if(a.includes("options")&&a.includes("text")&&a.includes("image")){console.log("Quiz ",t.data);var n=JSON.parse(t.data);n=n.quiz,e.setState({questions:n}),tt(e)}}}},{key:"render",value:function(){var e=this.state,t=e.imageUrl,a=e.question,n=e.correctAnswer,r=e.setOfAnswer,l=e.showContinueBtn,i=e.timerLimit,c=e.savedResult,s=e.oneQuesAttemptTime,u=e.hasPhoto;return o.a.createElement("div",{className:"container-fluid"},o.a.createElement(Qe,{question:a}),this.state.isTimerReached||this.state.endOfQuiz?o.a.createElement("div",null,o.a.createElement($e,{resultList:c,timerLimit:i,oneQuesAttemptTime:s}),o.a.createElement(et,{resetQuiz:this.resetQuiz})):o.a.createElement(Ke,{imageUrl:t,correctAnswer:n,setOfAnswer:r,showContinueBtn:l,enableContinueBtn:this.enableContinueBtn,timerLimit:i,showResult:this.showResult,hasPhoto:u}),l&&!this.state.endOfQuiz&&o.a.createElement(Ze,{newPuzzle:this.newPuzzle}),o.a.createElement(Xe,null))}}]),a}(n.Component);nt.initialState=function(){return{imageUrl:"",question:"",correctAnswer:"",setOfAnswer:[],savedResult:[],showContinueBtn:!1,timerLimit:60,isTimerReached:!1,oneQuesAttemptTime:60,questions:[],qIndex:0,endOfQuiz:!1,hasPhoto:!1}};var ot=nt,rt=function(e){var t,a=e.state.qIndex;if(a===e.state.questions.length)e.setState({endOfQuiz:!0});else{console.log("rand ",e.state.qIndex);var n=(t=e.state.questions,console.log("rand item ",e.state.qIndex),t[e.state.qIndex]);if(it(e,e.state.quizid,n.image),e.setState({question:n.text,correctAnswer:"",setOfAnswer:[],showContinueBtn:!1,qIndex:n.text?a+1:a}),console.log("rand ",n.text),console.log("Joanna "),n.text){var o={api:"vocalise",text:n.text,language:"en",emotion:"neutral",sound:"none",name:localStorage.getItem("remoteId")};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(o))}))}}},lt=function(e,t){console.log("joanna learing item");JSON.stringify({filename:t});var a='{"action":"getExerciseItem","name":"'.concat(localStorage.getItem("remoteId"),'", "event":"').concat(t,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))},it=function(e,t,a){if(""===a)e.setState({hasPhoto:!1});else{var n='{"action":"getExercisePhoto","name":"'.concat(localStorage.getItem("remoteId"),'", "event":"').concat(t,'", "photo":"').concat(a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(n)}))}},ct=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state=a.initialState(),n.showResult=function(){n.setState({isTimerReached:!0,showContinueBtn:!1})},n.resetQuiz=function(){Object(u.a)(n);n.setState(a.initialState()),lt(0,n.props.quizid)},n.handler=function(e){},n.newPuzzle=function(){var e=Object(u.a)(n);n.setState({imageUrl:""}),rt(e)},n.enableContinueBtn=function(e){n.setState((function(t){return{showContinueBtn:!0,savedResult:t.savedResult.concat(e)}}))},n.enableContinueBtn=n.enableContinueBtn.bind(Object(u.a)(n)),n.newPuzzle=n.newPuzzle.bind(Object(u.a)(n)),n.showResult=n.showResult.bind(Object(u.a)(n)),n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.quizid;this.setState({quizid:t}),lt(0,t),q.c.onmessage=function(t){var a=t.data.substring(0,t.data.length-1);if(console.log("message ",a),"vocalise_done"!==a||e.state.stop||e.state.endOfQuiz){if(t.data&&t.data.toString().includes("learning")){console.log("joanna exercise item");var n=[],o=(r=JSON.parse(t.data)).learning.map((function(e,t){n.push(e)}));Promise.all(o).then((function(){e.setState({questions:n})})).then((function(){rt(e)}))}else if(t.data&&t.data.toString().includes("base64data")){console.log("base64data",t.data);var r=JSON.parse(t.data);e.setState({imageUrl:r.base64data,hasPhoto:!0})}}else console.log("state ",e.state),setTimeout(function(){this.newPuzzle()}.bind(e),8e3),e.setState({vocDone:e.state.vocDone+1})}}},{key:"componentWillUnmount",value:function(){q.c.onmessage=null}},{key:"render",value:function(){var e=this,t=this.state,a=t.imageUrl,n=t.question,r=t.correctAnswer,l=t.setOfAnswer,i=t.showContinueBtn,c=t.timerLimit,s=t.hasPhoto;if(this.state.endOfQuiz){return h.getQuizList().then((function(t){t.data.quiz.map((function(t,a){t==e.state.quizid+".quiz"&&e.setState({hasQuiz:!0})}))}),(function(e){})),this.state.hasQuiz?o.a.createElement(ot,{quizid:this.state.quizid+".quiz",handler:this.handler}):o.a.createElement(pt,null)}return console.log("render ",n,a,r,l,i,c,s),(null===n||void 0===n?void 0:n.length)>0?o.a.createElement("div",{className:"container-fluid"},o.a.createElement(Qe,{question:n}),o.a.createElement(Ye,{imageUrl:a,correctAnswer:r,setOfAnswer:l,showContinueBtn:i,enableContinueBtn:this.enableContinueBtn,timerLimit:c,showResult:this.showResult,hasPhoto:s})):"Loading..."}}]),a}(n.Component);ct.initialState=function(){return{imageUrl:"",question:"",correctAnswer:"",setOfAnswer:[],savedResult:[],showContinueBtn:!1,timerLimit:120,isTimerReached:!1,oneQuesAttemptTime:120,questions:[],qIndex:0,endOfQuiz:!1,hasPhoto:!1,stop:!1,vocDone:0}};var st,ut=ct,dt=Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"4px solid currentColor"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#A8DADC",opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}})),mt=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function pt(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],g=d[1],f=dt(),b=new URLSearchParams(Object(p.g)().search),h=b.get("remoteId"),E=b.get("title"),y=localStorage.getItem("remoteId");Object(n.useEffect)((function(){console.log("ExerciseList useEffect",y),!a&&!c&&E&&h&&(localStorage.setItem("remoteId",h),localStorage.setItem("title",E),y=h,r(E),s(!0)),console.log("remoteId ",h," title ",E);var e='{"action":"getExerciseList","name":"'.concat(y,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}));var t=[];q.c.onmessage=function(e){e.data&&e.data.toString().includes("learning")&&(console.log("joanna ",e.data),JSON.parse(e.data).learning.map((function(e,a){t.push({url:"/images/button.png",title:e,width:"30%"})})),g(t))}}),[]);return c?o.a.createElement("div",null,o.a.createElement("div",{className:"card m-0"},o.a.createElement(ut,{quizid:a,handler:function(e){}}))):o.a.createElement("div",null,o.a.createElement(pe.a,{title:mt("Exercise"),parentNode:"/health-and-wellbeing"}),o.a.createElement(me.a,null,o.a.createElement("a",{href:"/exercise-video"},mt("Exercise with Video"))),o.a.createElement("div",{className:f.root},m.map((function(e){return o.a.createElement(Q.a,{onClick:function(){return function(e){s(!0),r(e)}(e.title)},focusRipple:!0,key:e.title,className:f.image,focusVisibleClassName:f.focusVisible,style:{width:e.width}},o.a.createElement("span",{className:f.imageSrc,style:{backgroundImage:"url(".concat(e.url,")")}}),o.a.createElement("span",{className:f.imageBackdrop}),o.a.createElement("span",{className:f.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:f.imageTitle},mt(e.title),o.a.createElement("span",{className:f.imageMarked}))))}))))}var gt=re.a.div(st||(st=Object(oe.a)(["\n  padding: 0rem;\n  table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    \n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color: #6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n    th{\n      margin: 0;\n    padding: 10px 10px;\n    background: #ccc;\n    border-radius: 10px;\n    font-size: 16px;\n    }\n  }\n"])));function ft(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=(n.headerGroups,n.rows),c=n.prepareRow,s=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement("table",r(),o.a.createElement("thead",null,o.a.createElement("tr",null,o.a.createElement("th",null,s("Book List")),o.a.createElement("th",{style:{width:"200px"}},s("Action")))),o.a.createElement("tbody",l(),i.map((function(e,t){return c(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var bt=function(){localStorage.setItem("isMounted","YES");var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)([]),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("Select a book"),d=Object(v.a)(u,2),m=d[0],g=d[1],f=Object(p.f)();Object(n.useEffect)((function(){if(localStorage.getItem("remoteId")||f.push("/login"),!a){var e=localStorage.getItem("remoteId"),t='{"api":"book", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("book")&&e.data.toString().includes("start")&&!e.data.toString().includes("startEmoREco")){var t=JSON.parse(e.data);console.log("PLAYING ",t.file.split("/")[3]),g("Reading "+t.file.split("/")[3])}if(e.data&&e.data.toString().includes("books")){var a=e.data.substring(0,e.data.length);try{var n=JSON.parse(a.replace(/\0/g,""));if("books"==n.type){r(!0);var o=[];n.booklist.forEach((function(e){o.push({path:e.path,title:e.path.replace(/^.*[\\\/]/,"").slice(0,-4)})})),s(b(o))}}catch(l){return!1}}}}),[c]);var b=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=w(e[a].title),t.push(e[a]);return e},h=function(e){var t=localStorage.getItem("remoteId"),a='{"api":"book", "action":"start", "file":"'.concat(e.currentTarget.value,'", "background":"yes", "soundeffect":"yes","name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},E=function(e){var t=localStorage.getItem("remoteId"),a='{"api":"book", "action":"stop","name": "'.concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),g("Select a book")},y=o.a.useMemo((function(){return[{accessor:"title"},{accessor:"path",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",color:"primary",value:t.row.values.path,onClick:h},o.a.createElement("svg",{style:{marginRight:"3px"},width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),w("Play")),o.a.createElement(me.a,{size:"small",color:"secondary",value:t.row.values.path,onClick:E},w("Stop")))}}]}),[]),O=o.a.useState(!1),S=Object(v.a)(O,2),C=S[0],j=S[1],x=function(){j(!1)},w=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:w("Books"),parentNode:"/entertainment"}),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary"},o.a.createElement("a",{href:"/audiobooks"},w("Switch to Audiobooks"))),o.a.createElement(ge.a,{open:C,onClose:x,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title"},"Add Books"),o.a.createElement(be.a,null,o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Title",type:"text",helperText:"Please add your Book Title",fullWidth:!0}),o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Book Link",type:"text",helperText:"Please add the books links from YouTube, Dailymotion, or any links",fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:x,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:x,color:"primary"},"Add"))),o.a.createElement(gt,null,o.a.createElement("i",null,o.a.createElement("small",null,w(m))),o.a.createElement(ft,{columns:y,data:c})))},ht=function(e){return o.a.createElement("button",{className:"option",onClick:function(t){return function(t,a){var n=t.target,o=!1;a===e.answer?(n.classList.add("green"),o=!0):n.classList.add("red");var r,l=document.querySelectorAll(".item-options .option"),i=Object(Ue.a)(l);try{for(i.s();!(r=i.n()).done;){r.value.disabled=!0}}catch(c){i.e(c)}finally{i.f()}e.enableContinueBtn(o)}(t,e.item)}},e.item.replace(/_/g," "))};a(660),n.Component,a(295);var vt=function(e){return o.a.createElement("div",{className:"col-12 main-content clearfix p-0 overflow-hidden"},o.a.createElement("h3",null,"\xa0\xa0",e.question),o.a.createElement("div",{className:"wrapper",style:{display:"flex",justifyContent:"center"}},o.a.createElement("div",{className:"float-left",style:{height:"400px",width:"500px",alignContent:"center"}},e.hasPhoto?o.a.createElement("img",{src:e.imageUrl,className:"author-image",alt:e.correctAnswer,width:"500px",height:"100px"}):o.a.createElement("div",{className:"loader"})),e.setOfAnswer?o.a.createElement("div",{className:"col-lg-5 float-right item-options"},e.setOfAnswer.map((function(t,a){return o.a.createElement(ht,{item:t,key:a,enableContinueBtn:e.enableContinueBtn,answer:e.correctAnswer})}))):o.a.createElement("div",{className:"col-lg-5 float-right item-options option-loader"},o.a.createElement("div",{className:"loader"}))))};var Et=function(e){return o.a.createElement("header",{className:"col-12 hero-header"},o.a.createElement("h1",null,e.question.replace(/\s?\\\\voice=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\speed=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\emotion=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\sound=(\w+\s?)+\\\\\s?/g,"").replace(/\s?\\\\head=(\d+,\d+;*)+\\\\\s?/g,"")))};function yt(){return o.a.createElement("div",{style:Ot.container},o.a.createElement("h1",{style:Ot.title},"Thank you for playing!"),o.a.createElement("p",{style:Ot.message},"Hope to see you again."))}var Ot={container:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100vh",backgroundColor:"#f0f0f0"},title:{fontSize:"48px",fontWeight:"bold",color:"#333",marginBottom:"20px"},message:{fontSize:"24px",color:"#666",marginBottom:"40px"}};function St(e){var t=e.duration,a=e.progressKey,r=Object(n.useState)(0),l=Object(v.a)(r,2),i=l[0],c=l[1];return Object(n.useEffect)((function(){var e,a=100/(t/100);return e=setInterval((function(){c((function(e){var t=e+a;return t>100?100:t}))}),100),function(){clearInterval(e),c(0),console.log("Resetting")}}),[t,a]),o.a.createElement("div",{className:"progress-bar-container"},o.a.createElement("div",{className:"progress-bar",style:{width:"".concat(i,"%")}}))}var Ct=function(){var e=Object(n.useState)(window.location.host+"/images/"),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)([]),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(0),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),b=Object(v.a)(g,2),h=b[0],E=b[1],y=Object(n.useState)(""),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)([]),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(!1),I=Object(v.a)(T,2),A=I[0],M=(I[1],Object(n.useState)(!1)),N=Object(v.a)(M,2),R=N[0],z=(N[1],Object(n.useState)(5)),L=Object(v.a)(z,2),D=(L[0],L[1],Object(n.useState)(!1)),_=Object(v.a)(D,2),B=(_[0],_[1],Object(n.useState)(!0)),V=Object(v.a)(B,2),P=V[0],J=(V[1],Object(n.useState)()),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!0),G=Object(v.a)(U,2),Y=G[0],Q=G[1],K=Object(n.useState)(),Z=Object(v.a)(K,2),X=(Z[0],Z[1]),$=Object(n.useState)(0),ee=Object(v.a)($,2),te=ee[0],ae=ee[1],ne=function(e,t){var a={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/quiz?name="+e,headers:{}};f.a.request(a).then((function(e){s(e.data.data.data),oe(e.data.data.data,0,t)})).catch((function(e){console.log(e)}))},oe=function e(t,a,n){if(a<t.length){ae((function(e){return e+1})),console.log("Question ",t[a]),H(t[a].text),E(n+t[a].image),C(t[a].answer),k(t[a].options),p(a+1),r(n);var o=window.location.href.split("/");console.log("URLS ",o);o[o.length-1];var l=o[o.length-2],i='{"api":"QUZASK", "options":"'.concat(t[a].options,'", "question": "').concat(t[a].text,'" ,"answer": "').concat(t[a].answer,'","name": "').concat(l,'"}');Object(q.f)(q.c,(function(){Object(q.b)(i)})),setTimeout((function(){return e(t,a+1,n)}),15e3)}else Object(q.f)(q.c,(function(){Object(q.d)("Thank you for playing quiz with me!")})),Q(!1)};return Object(n.useEffect)((function(){var e=window.location.href.split("/");console.log("URLS ",e);var t=e[e.length-1],n=e[e.length-2];X(n),window.location.href.startsWith("http")?ne(t,"http://"+a):ne(t,"https://"+a),q.c.onmessage=function(e){console.log("Websocket message ",e)}}),[]),o.a.createElement(o.a.Fragment,null,Y?o.a.createElement(o.a.Fragment,null,o.a.createElement(vt,{imageUrl:h,correctAnswer:S,setOfAnswer:w,showContinueBtn:A,enableContinueBtn:R,timerLimit:10,showResult:function(){oe(c,m,a)},hasPhoto:P,question:F}),o.a.createElement(St,{duration:12e3,progressKey:te})):o.a.createElement(yt,null))};Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"4px solid currentColor"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#A8DADC",opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}}));a(296),a(297);var jt=function(e){return o.a.createElement("div",{className:"col-12 main-content clearfix p-0 overflow-hidden"},o.a.createElement("div",{className:""},e.hasPhoto?o.a.createElement("img",{src:"data:image/jpg;base64,".concat(e.imageUrl),className:"author-image",alt:e.correctAnswer}):o.a.createElement("div",{className:"loader"})))};var xt=function(){return o.a.createElement("footer",{className:"row col-12",id:"footer"},o.a.createElement("ul",{style:{textAlign:"center"}},"@2021 Human Centred Innovations"))};var wt=function(e){return o.a.createElement("div",{className:"continue-btn-wrapper"},o.a.createElement("button",{className:"continue-btn",onClick:function(t){t.target.disabled=!0,e.resetQuiz()}},"Play Again"))},kt=function(e){var t=e.state.qIndex;if(t===e.state.questions.length-1)e.setState({endOfQuiz:!0});else{var a=e.state.questions[e.state.qIndex];It(e,e.state.quizid,a.image),e.setState({question:a.text,correctAnswer:"",setOfAnswer:[],showContinueBtn:!1,qIndex:t+1});var n={text:a.text},o='{"action":"vocalisationCustom","event":'.concat(JSON.stringify(n),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(o)}))}},Tt=function(e,t){h.getLearningContent(t).then((function(t){var a;a=t.data.learning,console.log(a),e.setState({questions:a}),kt(e)}))},It=function(e,t,a){""===a?e.setState({hasPhoto:!1}):function(e,t){return h.getLearningPhoto(e+"/"+t)}(t,a).then((function(t){e.setState({imageUrl:t.data,hasPhoto:!0})}),(function(e){var t=e.response&&e.response.data||e.message||e.toString();console.log(t)}))},At=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state=a.initialState(),n.showResult=function(){n.setState({isTimerReached:!0,showContinueBtn:!1})},n.resetQuiz=function(){var e=Object(u.a)(n);n.setState(a.initialState()),Tt(e,n.props.quizid)},n.handler=function(e){},n.newPuzzle=function(){var e,t=Object(u.a)(n),a=document.querySelectorAll(".item-options .option"),o=Object(Ue.a)(a);try{for(o.s();!(e=o.n()).done;){var r=e.value;r.classList.remove("red","green"),r.disabled=!1}}catch(l){o.e(l)}finally{o.f()}n.setState({imageUrl:""}),kt(t)},n.enableContinueBtn=function(e){n.setState((function(t){return{showContinueBtn:!0,savedResult:t.savedResult.concat(e)}}))},n.enableContinueBtn=n.enableContinueBtn.bind(Object(u.a)(n)),n.newPuzzle=n.newPuzzle.bind(Object(u.a)(n)),n.showResult=n.showResult.bind(Object(u.a)(n)),n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.quizid;this.setState({quizid:t}),Tt(this,t),q.c.onmessage=function(t){var a=t.data.substring(0,t.data.length);console.log(a),"vocalise_done"!==a||e.state.stop||e.state.endOfQuiz||setTimeout(function(){this.newPuzzle()}.bind(e),1e3)}}},{key:"componentWillUnmount",value:function(){q.c.onmessage=null}},{key:"render",value:function(){var e=this,t=this.state,a=t.imageUrl,n=t.question,r=t.correctAnswer,l=t.setOfAnswer,i=t.showContinueBtn,c=t.timerLimit,s=t.hasPhoto;if(this.state.endOfQuiz){return h.getQuizList().then((function(t){t.data.quiz.map((function(t,a){t==e.state.quizid+".quiz"&&e.setState({hasQuiz:!0})}))}),(function(e){})),this.state.hasQuiz?o.a.createElement(Ct,{quizid:this.state.quizid+".quiz",handler:this.handler}):o.a.createElement(Rt,null)}return o.a.createElement("div",{className:"container-fluid"},o.a.createElement(Et,{question:n}),o.a.createElement(jt,{imageUrl:a,correctAnswer:r,setOfAnswer:l,showContinueBtn:i,enableContinueBtn:this.enableContinueBtn,timerLimit:c,showResult:this.showResult,hasPhoto:s}),o.a.createElement(xt,null))}}]),a}(n.Component);At.initialState=function(){return{imageUrl:"",question:"",correctAnswer:"",setOfAnswer:[],savedResult:[],showContinueBtn:!1,timerLimit:60,isTimerReached:!1,oneQuesAttemptTime:60,questions:[],qIndex:0,endOfQuiz:!1,hasPhoto:!1,stop:!1}};var Mt=At,Nt=Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:150,padding:5,margin:"10px"},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{"& $imageTitle":{border:"4px solid currentColor",borderRadius:"0.75rem!important",transition:" 0.5s all"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#fff",padding:"20px 10px!important",borderRadius:"0.75rem!important",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%)",transition:" 0.5s all",overflow:"hidden"},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px"),height:"100%",display:"flex",alignItems:"center",fontSize:"12px",justifyContent:"center",width:"100%",transition:" 0.5s all"},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}}));function Rt(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Nt(),f=Object(n.useState)(!1),b=Object(v.a)(f,2),E=(b[0],b[1]);Object(n.useEffect)((function(){var e=window.location.href.split("/");if(6==e.length){var t=e[4],a=e[5].replaceAll("%20"," ");console.log("enterjoanna ",t,a),s(!0),r(a),localStorage.setItem("remoteId",t)}console.log("enterjoanna ",e);var n=[];h.getLearningData().then((function(e){e.data.learning.map((function(e,t){n.push({url:"/images/button.png",title:e,width:"30%"})})),p(n),console.log(n)}),(function(e){}));localStorage.getItem("remoteId");var o=!1;q.c.onmessage=function(e){if(console.log("MESSAGE ",e.data),e.data&&e.data.toString().includes("learning")){var t=e.data.substring(0,e.data.length-1);console.log(t);try{var a=JSON.parse(e.data);if(!o){console.log(a),E(!0);var n=[];a.learning.map((function(e,t){n.push({url:"/images/button.png",title:e,width:"30%"})})),p(n)}return function(){o=!0}}catch(r){return console.log(r),!1}}else if(e.data&&e.data.toString().includes("label")){a=JSON.parse(e.data);R(a)}}}),[]);var y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)("Scanning devices..."),x=Object(v.a)(j,2),w=(x[0],x[1]),k=Object(n.useState)(),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)([]),N=Object(v.a)(M,2),R=(N[0],N[1]),z=Object(n.useState)(!1),L=Object(v.a)(z,2),D=L[0],_=L[1],B=function(){w("Scanning devices..."),C(!1),A(),R([])},V=function(){_(!1)},P=Object(n.useState)(!1),J=Object(v.a)(P,2),W=J[0],F=J[1];return c?o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Learning List"}),o.a.createElement("div",{className:g.root},o.a.createElement(Mt,{quizid:a,handler:function(e){s(e)}}))):o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Learning List"}),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){C(!0);var e='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');q.c.send(e)}},"Scan Cast Devices"),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){_(!0)}},"Cast"),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t='{"api":"handleStopCast", "action":"stop", "name": "'.concat(q.a,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');q.c.send(t)}},"Stop Cast"),W&&o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(){var e='{"api":"book", "action":"stop","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),F(!1)}},"Stop Reading"),o.a.createElement(ge.a,{open:S,onClose:B,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:B},"Scan Devices"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:B,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){w("Scanning devices..."),C(!1),A(),R([])},color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:D,onClose:V,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:V},"Choose Item to Cast"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:I,value:I,id:"select-content",onChange:function(e){A(m[e.currentTarget.value].title)},fullWidth:!0},m.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.title},e.title)}))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:V,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("Scanning devices...",e.currentTarget.value);var t="https://app.mymatilda.com.au/learninglist/"+q.a+"/"+e.currentTarget.value.replaceAll(" ","%20");console.log("URLTHIS ",t),A(),_(!1);var a='{"api":"handleStartCastSite", "action":"start", "url": "'.concat(t,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');q.c.send(a)},value:I,color:"primary"},"Continue"))),o.a.createElement("div",{className:g.root},m.map((function(e){return o.a.createElement(Q.a,{onClick:function(){console.log("Handle click");var t='{"api":"learning", "action":"start","name": "'.concat(q.a,'", "file": "').concat(e.title,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),F(!0)},focusRipple:!0,key:e.title,className:g.image,focusVisibleClassName:g.focusVisible,style:{width:e.width}},o.a.createElement("span",{className:g.imageSrc,style:{backgroundImage:"url(".concat(e.url,")")}}),o.a.createElement("span",{className:g.imageBackdrop}),o.a.createElement("span",{className:g.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:g.imageTitle},e.title)))}))))}var zt=function(e){return o.a.createElement("div",{className:"col-12 main-content clearfix p-0 overflow-hidden"},o.a.createElement("div",{className:""},e.hasPhoto?o.a.createElement("img",{src:"data:image/jpg;base64,".concat(e.imageUrl),className:"author-image",alt:e.caption,height:"450px"}):o.a.createElement("div",{className:"loader"})))};var Lt=function(e){return o.a.createElement("div",{className:"continue-btn-wrapper"},o.a.createElement("button",{className:"continue-btn",onClick:function(t){t.target.disabled=!1,e.newPuzzle()}},"Continue"))},Dt=function(e){for(var t,a=e.length;0!==a;){t=Math.floor(Math.random()*a),a--;var n=[e[t],e[a]];e[a]=n[0],e[t]=n[1]}return e},_t=function(e){var t=e.state.qIndex;if(t===e.state.questions.length)e.state.endOfQuiz=!0;else{var a=e.state.questions[e.state.qIndex];Vt(e,e.state.quizid,a.image),e.setState({question:a.text,correctAnswer:"",setOfAnswer:[],showContinueBtn:!1,qIndex:t+1}),Object(q.d)(a.text)}},Bt=function(e,t){var a='{"action":"getBingoSpecific", "name":"'.concat(q.a,'", "title": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},Vt=function(e,t,a){!function(e,t){var a='{"action":"getBingoLetter", "name":"'.concat(q.a,'", "title": "').concat(e,'", "letter": "').concat(t,'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}(t,a)},Pt=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state=a.initialState(),n.showResult=function(){n.setState({isTimerReached:!0,showContinueBtn:!1})},n.resetQuiz=function(){Object(u.a)(n);n.setState(a.initialState()),Bt(0,n.props.quizid)},n.newPuzzle=function(){var e,t=Object(u.a)(n),a=document.querySelectorAll(".item-options .option"),o=Object(Ue.a)(a);try{for(o.s();!(e=o.n()).done;){var r=e.value;r.classList.remove("red","green"),r.disabled=!1}}catch(l){o.e(l)}finally{o.f()}n.setState({imageUrl:""}),_t(t)},n.enableContinueBtn=function(e){n.setState((function(t){return{showContinueBtn:!0,savedResult:t.savedResult.concat(e)}}))},n.enableContinueBtn=n.enableContinueBtn.bind(Object(u.a)(n)),n.newPuzzle=n.newPuzzle.bind(Object(u.a)(n)),n.showResult=n.showResult.bind(Object(u.a)(n)),n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.quizid;this.setState({quizid:t}),Bt(0,t),q.c.onmessage=function(t){var a=t.data.substring(0,t.data.length-1);if("vocalise_done"!==a||e.state.stop||e.state.endOfQuiz)if(a.includes(".png")&&a.includes("text")&&a.includes("image")){var n=JSON.parse(t.data);n=n.data,e.setState({questions:Dt(n)}),_t(e)}else console.log("Bingo ",t.data.replaceAll('"',"")),e.setState({imageUrl:t.data.replaceAll('"',""),hasPhoto:!0});else e.enableContinueBtn(!0)}}},{key:"componentWillUnmount",value:function(){q.c.onmessage=null}},{key:"render",value:function(){var e=this.state,t=e.imageUrl,a=e.question,n=e.hasPhoto;return o.a.createElement("div",{className:"container-fluid"},o.a.createElement(Et,{question:a}),this.state.isTimerReached||this.state.endOfQuiz?o.a.createElement("div",null,o.a.createElement(wt,{resetQuiz:this.resetQuiz})):o.a.createElement(zt,{imageUrl:t,caption:a,hasPhoto:n}),o.a.createElement("br",null),!this.state.endOfQuiz&&o.a.createElement(Lt,{newPuzzle:this.newPuzzle}),o.a.createElement(xt,null))}}]),a}(n.Component);Pt.initialState=function(){return{imageUrl:"",question:"",correctAnswer:"",setOfAnswer:[],savedResult:[],showContinueBtn:!1,timerLimit:60,isTimerReached:!1,oneQuesAttemptTime:60,questions:[],qIndex:0,endOfQuiz:!1,hasPhoto:!1,stop:!1}};var Jt=a(1085);Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"4px solid currentColor"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#A8DADC",opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}}));var Wt=h.getCurrentUser(),Ft=function(e){if(!e)return o.a.createElement("div",{className:"alert alert-danger",role:"alert"},"This field is required!")},Ht=function(e){var t=Object(n.useRef)(),a=Object(n.useRef)(),r=Object(n.useState)(""),l=Object(v.a)(r,2),i=l[0],c=l[1],s=Object(n.useState)(""),u=Object(v.a)(s,2),d=u[0],m=u[1],p=Object(n.useState)(""),g=Object(v.a)(p,2),f=g[0],b=g[1],E=Object(n.useState)(!1),O=Object(v.a)(E,2),C=O[0],x=O[1],w=Object(n.useState)(""),k=Object(v.a)(w,2),T=k[0],I=k[1];return o.a.createElement("div",{className:"col-md-12"},o.a.createElement("div",{className:"card card-container"},o.a.createElement("img",{src:"//ssl.gstatic.com/accounts/ui/avatar_2x.png",alt:"profile-img",className:"profile-img-card"}),o.a.createElement(y.a,{onSubmit:function(n){n.preventDefault(),I(""),x(!0),t.current.validateAll(),0===a.current.context._errors.length?d!=f?(x(!1),I("Passwords do not match")):h.changePassword(Wt.username,i,d).then((function(){e.history.push("/profile"),window.location.reload()}),(function(e){var t=e.response&&e.response.data&&e.response.data.message||e.message||e.toString();x(!1),I(t)})):x(!1)},ref:t},o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"oldPassword"},"Old Password"),o.a.createElement(S.a,{type:"password",className:"form-control",name:"oldPassword",value:i,onChange:function(e){var t=e.target.value;c(t)},validations:[Ft]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"newPassword"},"New Password"),o.a.createElement(S.a,{type:"password",className:"form-control",name:"newPassword",value:d,onChange:function(e){var t=e.target.value;m(t)},validations:[Ft]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("label",{htmlFor:"confirmPassword"},"Old Password"),o.a.createElement(S.a,{type:"password",className:"form-control",name:"confirmPassword",value:f,onChange:function(e){var t=e.target.value;b(t)},validations:[Ft]})),o.a.createElement("div",{className:"form-group"},o.a.createElement("button",{className:"btn btn-primary btn-block",disabled:C},C&&o.a.createElement("span",{className:"spinner-border spinner-border-sm"}),o.a.createElement("span",null,"Login"))),T&&o.a.createElement("div",{className:"form-group"},o.a.createElement("div",{className:"alert alert-danger",role:"alert"},T)),o.a.createElement(j.a,{style:{display:"none"},ref:a}))))},Ut=a(350),qt=a(54),Gt=a.n(qt),Yt=a(1086),Qt=a(126),Kt=a(61),Zt=a(1144);a(661);var Xt=Object(Ut.b)(Gt.a),$t=Object(Le.a)(),ea=function(e){var t=e.event;return o.a.createElement("span",{style:{display:"inline",fontSize:"9px"},title:"".concat(t.title,": ").concat(t.content||"No Content")},t.title,t.content&&o.a.createElement("span",{style:{fontSize:"9px",opacity:.85,fontStyle:"italic"}}," ","\u2014 ",t.content))},ta=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).dateofday=function(t,a){var n=a.split(":"),o=Date(),r=Gt.a.utc(e.state.firstday).toDate(),l=Gt.a.utc(e.state.lastday).toDate();console.log(e.state.firstday,"FIRT");for(var i=Gt.a.utc(r).toDate();i<=l;){console.log("loop getday",i.getDate()),""+i.getDay()==t&&(o=Gt.a.utc(i.setHours(n[0],n[1],0)).toDate()),3==t.split("-").length&&(a=a.split(".")[0],o=new Date(Date.parse(t+"T"+a+"+00:00")),console.log("RES HEHE ",o,t+"T"+a));var c=i.setDate(i.getDate()+1);i=Gt.a.utc(c).toDate()}return new Date(o)},e.handleChange=function(t){var a=t.target.value,n=localStorage.getItem("remoteId"),o=[],r={service:a,contentlist:[]};if(!e.state.title){console.log("JOANNA HANDLE CHANGE ",a,e.state.title);var l=a.replace(/([a-z])([A-Z])/g,"$1 $2");l=l.charAt(0).toUpperCase()+l.slice(1),r.title="".concat(l," service")}if(e.setState(r),console.log("SELECTED ",a),"Learning"==a){var i='{"action":"getLearningList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("Quiz"==a){i='{"action":"getQuizList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("Bingo"==a){i='{"action":"getBingoList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("Game"==a){i='{"action":"getBingoList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("TVChannel"==a){for(var c=[],s=1;s<=100;s++)c.push({value:s,label:"Channel ".concat(s)});console.log(c),e.setState({contentlist:c})}if("Conversation"==a){i='{"action":"getWorkFlowList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("workflow"===a){i='{"api":"getWorkFlowList", "action":"get","name": "'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("YouTube"==a){i='{"action":"getYouTubeList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("YouTubeMusic"==a&&e.getYouTubeMusicList(n),"audioBook"==a&&e.getAudioBookList(n),"Videos"==a){i='{"action":"getYouTubeList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}if("TechnologySupport"==a){i='{"action":"getTechnologySupport","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}"Reminder"==a&&(o.push({value:"Drink some water",label:"Drink some water"}),o.push({value:"Take a break",label:"Take a break"}),o.push({value:"Have your meal",label:"Have your meal"}),e.setState({contentlist:o})),"Music"===a&&(console.log("SELECTING MUSIC",e.state.songs),e.state.songs.map((function(e,t){o.push({value:e.path,label:e.title})})),e.setState({contentlist:o})),"Book"===a&&(e.state.books.map((function(e,t){o.push({value:e.path,label:e.title})})),e.setState({contentlist:o}))},e.getYouTubeMusicList=function(){var t=Object(te.a)($.a.mark((function t(a){var n,o,r,l;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,n=encodeURIComponent(a||"Matilda_b518-g"),t.next=4,fetch("https://cloud-api-389807.ue.r.appspot.com/youtube-music?robot_id=".concat(n));case 4:if((o=t.sent).ok){t.next=7;break}throw new Error("YouTube Music API failed with status ".concat(o.status));case 7:return t.next=9,o.json();case 9:r=t.sent,l=(r&&Array.isArray(r.data)?r.data:[]).map((function(e){return{value:e.url,label:e.title}})),e.setState({contentlist:l}),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(0),console.log("Failed to load YouTube Music list:",t.t0),e.setState({contentlist:[]});case 18:case"end":return t.stop()}}),t,null,[[0,14]])})));return function(e){return t.apply(this,arguments)}}(),e.getAudioBookList=function(){var t=Object(te.a)($.a.mark((function t(a){var n,o,r,l;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,n=encodeURIComponent(a||"Matilda_b518-g"),t.next=4,fetch("https://cloud-api-389807.ue.r.appspot.com/audiobook?robot=".concat(n));case 4:if((o=t.sent).ok){t.next=7;break}throw new Error("YouTube Music API failed with status ".concat(o.status));case 7:return t.next=9,o.json();case 9:r=t.sent,l=(r&&Array.isArray(r.data)?r.data:[]).map((function(e){return{value:e.url,label:e.title}})),e.setState({contentlist:l}),t.next=18;break;case 14:t.prev=14,t.t0=t.catch(0),console.log("Failed to load YouTube Music list:",t.t0),e.setState({contentlist:[]});case 18:case"end":return t.stop()}}),t,null,[[0,14]])})));return function(e){return t.apply(this,arguments)}}(),e.handleContentChange=function(t){e.setState({content:t.target.value})},e.handleStartTime=function(t,a){e.setState({start:new Date(Gt()(a))});var n=new Date(Gt()(a).add(60,"m").toDate());e.setState({end:n})},e.handleEndTime=function(t,a){e.setState({end:a})},e.sleep=function(e){return new Promise((function(t){return setTimeout(t,e)}))},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.getExpandedEvents=function(){var t=e.state.events;if(!t||!t.length)return[];var a=[];return t.forEach((function(e){var t=Gt()(e.start),n=Gt()(e.end);a.push(Object(de.a)(Object(de.a)({},e),{},{start:t.toDate(),end:n.toDate()}));for(var o=1;o<=10;o++){var r=Gt()(t).add(o,"weeks"),l=Gt()(n).add(o,"weeks");a.push(Object(de.a)(Object(de.a)({},e),{},{_id:"".concat(e._id,"_repeat_").concat(o,"_").concat(r.format("YYYYMMDD")),start:r.toDate(),end:l.toDate(),isRecurringInstance:!0}))}})),a},e.state={events:[],viewEvents:[],syncedSong:!1,songs:[],books:[],youtubes:[],_id:"",title:"",start:"",end:"",desc:"",service:"",content:"",contentlist:[],repeating:0,openSlot:!1,openEvent:!1,startOfWeek:"",endOfWeek:"",clickedEvent:{},duration:0,notes:"",language:""},e.handleClose=e.handleClose.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this;console.log("MYCALENDAR LOADING");localStorage.getItem("remoteId"),Gt()().startOf("week").toDate(),Gt()().endOf("week").toDate();var t=localStorage.getItem("remoteId"),a='{"action":"getMyCalender","name":"'.concat(t,'"}');if(Object(q.f)(q.c,(function(){return Object(q.b)(a)})),q.c.onmessage=function(t){if(console.log("CALENAR MESSAGE"),console.log(t.data.toString(),"DATA TO STRING"),t.data.toString().includes("workflows")){console.log("mylist",t.data);try{var a=[];console.log("mylist"),JSON.parse(t.data).workflows.map((function(e,t){a.push({value:e,label:e})})),console.log(a),e.setState({contentlist:a})}catch(s){console.log("Something is Wrong")}}else if(t.data&&t.data.toString().includes("calendar")){console.log("CALENDAR DATE ",t.data);var n=JSON.parse(t.data).calendar;e.setState({events:e.calendarEvents(n)})}else if(t.data.toString().includes("songs")){var o=t.data.substring(0,t.data.length-1);console.log(o);try{var r=JSON.parse(o.replace(/\0/g,""));e.setState({syncedSong:!0,songs:r.songlist}),console.log("SAVED SONGS");var l=localStorage.getItem("remoteId"),i='{"api":"book", "action":"get","name": "'.concat(l,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(i)}))}catch(s){console.log("SAVING SONG ERROR ",s)}}else if(t.data.toString().includes("technology_support")){o=t.data.substring(0,t.data.length-1);console.log(t.data,"DATA");try{a=[];JSON.parse(t.data).object_data.map((function(e,t){a.push({value:e.url,label:e.title})})),e.setState({contentlist:a})}catch(s){console.log("Found Error: ",s)}}else if(t.data.toString().includes("youtube")){o=t.data.substring(0,t.data.length-1);console.log(t.data,"DATA");try{a=[];JSON.parse(t.data).object_data.map((function(e,t){a.push({value:e.url,label:e.title})})),e.setState({contentlist:a})}catch(s){console.log("Found Error: ",s)}}else if(t.data.toString().includes("books")){o=t.data.substring(0,t.data.length);console.log(o);try{if("books"===(r=JSON.parse(o.replace(/\0/g,""))).type){var c=[];r.booklist.forEach((function(e){c.push({path:e.path,title:e.path.replace(/^.*[\\\/]/,"")})})),e.setState({books:c})}}catch(s){}}else if(t.data.toString().includes("learning")){console.log(t.data.toString());try{a=[];JSON.parse(t.data).learning.map((function(e,t){a.push({value:e,label:e})})),e.setState({contentlist:a})}catch(s){}}else if(t.data.toString().includes("quiz")){console.log(t.data.toString());try{a=[];JSON.parse(t.data).quiz.map((function(e,t){a.push({value:e,label:e})})),e.setState({contentlist:a})}catch(s){}}else if(t.data.toString().includes("bingo")){console.log(t.data.toString());try{a=[];JSON.parse(t.data).bingo.map((function(e,t){a.push({value:e,label:e})})),e.setState({contentlist:a})}catch(s){}}},!this.state.syncedSong){var n=localStorage.getItem("remoteId"),o='{"api":"music", "action":"get","name": "'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}}},{key:"calendarEvents",value:function(e){var t=this,a=[],n=Gt()().startOf("week").toDate(),o=Gt()().endOf("week").toDate();return this.setState({firstday:n,lastday:o}),e.forEach((function(e,n){var o=e.time.split(" ");2==e.time.split("T").length&&(o=e.time.split("T"),e.time=e.time.replace("T"," "));var r,l=e.phrase.split("@"),i=new Date(t.dateofday(o[0],o[1]));r=o.length>2?new Date(t.dateofday(o[0],o[2])):new Date(Gt()(i).add(60,"m").toDate());var c=function(t,a){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={};if(r.title=l[0],r.start=t,r.end=a,r._id="".concat(n,"_").concat(o),l.length>1){console.log("JOANNA EVENT ",l[1].slice(0,-1));var i=(l[1]+")").slice(0,-1).match(/(\w+)\("(.*)"\)/);3==(null===i||void 0===i?void 0:i.length)?(r.service=i[1]||"",r.content=i[2]||""):(r.service="",r.content="")}else r.service="",r.content="";return r.desc=" ",r.duration=e.duration.replace("\r",""),r.repeating=e.repeating.replace("\r",""),r.notes=e.notes.replace("\r",""),r};if(a.push(c(i,r,0)),e.repeating&&("1"===e.repeating.replace("\r","")||1===e.repeating))for(var s=new Date,u=Gt()(s).add(2,"years").toDate(),d=1,m=Gt()(i).add(d,"weeks").toDate(),p=Gt()(r).add(d,"weeks").toDate();m<=u;)a.push(c(m,p,d)),d++,m=Gt()(i).add(d,"weeks").toDate(),p=Gt()(r).add(d,"weeks").toDate()})),a}},{key:"handleClose",value:function(){this.setState({openEvent:!1,openSlot:!1})}},{key:"handleSlotSelected",value:function(e){this.setState({title:"",desc:"",repeating:0,start:e.start,end:e.end,openSlot:!0,service:"",content:"",duration:0,notes:""})}},{key:"handleEventSelected",value:function(e){this.setState({openEvent:!0,clickedEvent:e,_id:e._id,start:e.start,end:e.end,title:e.title,desc:e.desc,repeating:e.repeating,service:e.service,content:e.content,duration:e.duration,notes:e.notes});var t=[],a=e.service,n=localStorage.getItem("remoteId");if("Learning"==a){var o='{"action":"getLearningList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}if("Quiz"==a){o='{"action":"getQuizList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}if("Bingo"==a){o='{"action":"getBingoList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}if("Conversation"==a){o='{"action":"getWorkFlowList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}if("workflow"===a){o='{"api":"getWorkFlowList", "action":"get","name": "'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}if("Music"===a&&(console.log("SELECTING MUSIC"),this.state.songs.map((function(e,a){t.push({value:e.path,label:e.title})})),this.setState({contentlist:t})),"YouTube"===a){o='{"action":"getYouTubeList","name":"'.concat(n,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}"YouTubeMusic"===a&&this.getYouTubeMusicList(n),"audioBook"==a&&this.getAudioBookList(n),"Book"===a&&(this.state.books.map((function(e,a){t.push({value:e.path,label:e.title})})),this.setState({contentlist:t}))}},{key:"setTitle",value:function(e){this.setState({title:e})}},{key:"setDuration",value:function(e){this.setState({duration:e})}},{key:"setNotes",value:function(e){this.setState({notes:e})}},{key:"setDescription",value:function(e){this.setState({desc:e})}},{key:"setRepeating",value:function(e){this.setState({repeating:e})}},{key:"setNewAppointment",value:function(){var e=this.state,t=(e._id,e.title),a=e.desc,n=e.start,o=e.end,r=e.repeating,l=e.service,i=e.content,c=e.events,s=(e.clickedEvent,e.duration),u=e.notes,d={title:t,start:n,end:o,desc:a,repeating:r,service:l,content:i,duration:s,notes:u};console.log(d),console.log("DURATION ",s),console.log("notes ",u);var m=localStorage.getItem("remoteId"),p=c.filter((function(e){return"string"!==typeof e._id||!e._id.includes("_")||e._id.endsWith("_0")}));p.push(d);var g='{"action":"setAppointment","event":'.concat(JSON.stringify(p),', "name":"').concat(m,'" }');Object(q.f)(q.c,(function(){Object(q.b)(g)})),this.setState({events:p}),this.sleep(500).then((function(){return window.location.reload()}))}},{key:"updateEvent",value:function(){var e=this.state,t=e._id,a=e.title,n=e.desc,o=e.start,r=e.end,l=e.repeating,i=e.service,c=e.content,s=e.events,u=e.clickedEvent,d=e.duration,m=e.notes,p=s.findIndex((function(e){return e._id===u._id.split("_repeat_")[0]}));console.log("clickedEvent",l,s,u,p);var g=s.slice();g[p]._id=t.split("_repeat_")[0],g[p].title=a,g[p].desc=n,g[p].start=o,g[p].end=r,g[p].repeating=l,g[p].service=i,g[p].content=c,g[p].duration=d,g[p].notes=m;var f=localStorage.getItem("remoteId"),b=[],h=[];s.map((function(e){if(e._id==t){var s=e.title+e.service+e.content+e.start;if(console.log("JOANNA COMPLETE EVENT LABEL ",s),!h.includes(s)){h.push(s),e.title=a,e.desc=n,e.repeating=l,e.service=i,e.content=c,e.duration=d,e.notes=m;var u=new Date(e.start);u.setHours(new Date(o).getHours()),u.setMinutes(new Date(o).getMinutes()),u.setSeconds(new Date(o).getSeconds());var p=new Date(e.end);p.setHours(new Date(r).getHours()),p.setMinutes(new Date(r).getMinutes()),p.setSeconds(new Date(r).getSeconds()),e.start=u,e.end=p,b.push(e)}}else b.push(e)}));var v='{"action":"setAppointment","event":'.concat(JSON.stringify(b),', "name":"').concat(f,'" }');Object(q.f)(q.c,(function(){Object(q.b)(v)})),this.setState({events:b}),this.sleep(500).then((function(){return window.location.reload()}))}},{key:"deleteEvent",value:function(){var e=this.state.clickedEvent;console.log("clickedEvent",e);var t=[];this.state.events.forEach((function(a){e._id.startsWith(a._id)||t.push(a)})),console.log("DEBUG: Updated Events after deletion",t,this.state.events);var a=this.state,n=(a._id,a.title,a.desc,a.start,a.end,a.repeating,a.service,a.content,a.events,a.duration,a.notes,localStorage.getItem("remoteId")),o='{"action":"setAppointment","event":'.concat(JSON.stringify(t),', "name":"').concat(n,'" }');Object(q.f)(q.c,(function(){Object(q.b)(o)})),this.setState({events:t})}},{key:"render",value:function(){var e=this,t=this.props.classes;me.a,this.handleClose,me.a,me.a,Object(P.a)({label:"Submit",primary:!0,keyboardFocused:!0,onClick:this.handleClose},"onClick",(function(){e.updateEvent(),e.handleClose()})),me.a,this.handleClose,me.a;return console.log("JOANNA this.state.events",this.state.events),o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:this.computeTitle("Calendar"),parentNode:"/service-scheduling"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){console.log("Event Today");var t='{"api":"todaySchedule", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))}},this.computeTitle("Today's Event")),o.a.createElement(Yt.a,{theme:$t},o.a.createElement("div",{id:"Calendar",className:"App"},o.a.createElement(Ut.a,{localizer:Xt,events:this.getExpandedEvents(),views:["week","day"],timeslots:2,defaultView:"week",defaultDate:new Date,selectable:!0,onSelectEvent:function(t){return e.handleEventSelected(t)},onSelectSlot:function(t){return e.handleSlotSelected(t)},components:{event:ea},onNavigate:function(e){Gt()(e).startOf("week").toDate(),Gt()(e).endOf("week").toDate()}}),o.a.createElement(ge.a,{className:"calendar-popup",open:this.state.openSlot,onClose:this.handleClose},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:this.handleClose},"Schedule an activity on - ".concat(Gt()(this.state.start).format("MMMM Do YYYY"))),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Voice out phrase",inputProps:{maxLength:200},onChange:function(t){e.setTitle(t.target.value)},value:this.state.title}),o.a.createElement("br",null),o.a.createElement(Kt.a,{utils:Qt.a},o.a.createElement(Zt.a,{format:"yyyy/MM/dd hh:mm a",label:"Start Time",minutesStep:1,value:this.state.start,onChange:this.handleStartTime})),o.a.createElement("br",null),o.a.createElement(Me.a,{className:t.formControl},o.a.createElement(Re.a,{htmlFor:"service-label"},"Service"),o.a.createElement(Ne.a,{defaultValue:this.state.service,value:this.state.service,id:"select-service",onChange:this.handleChange},o.a.createElement(ze.a,{value:""},o.a.createElement("em",null,"None")),o.a.createElement(ze.a,{key:"reminder",value:"Reminder"},"Reminder"),o.a.createElement(ze.a,{key:"music",value:"Music"},"Music"),o.a.createElement(ze.a,{key:"book",value:"Book"},"Book"),o.a.createElement(ze.a,{key:"audioBook",value:"audioBook"},"Audio Book"),o.a.createElement(ze.a,{key:"learning",value:"Learning"},"Learning"),o.a.createElement(ze.a,{key:"quiz",value:"Quiz"},"Quiz"),o.a.createElement(ze.a,{key:"game",value:"Game"},"Game"),o.a.createElement(ze.a,{key:"conversation",value:"Conversation"},"Conversation"),o.a.createElement(ze.a,{key:"workflow",value:"workflow"},"Workflow"),o.a.createElement(ze.a,{key:"bingo",value:"Bingo"},"Bingo"),o.a.createElement(ze.a,{key:"youtube",value:"YouTube"},"YouTube"),o.a.createElement(ze.a,{key:"youtubeMusic",value:"YouTubeMusic"},"YouTube Music"),o.a.createElement(ze.a,{key:"videos",value:"Videos"},"Videos"),o.a.createElement(ze.a,{key:"TechnologySupport",value:"TechnologySupport"},"Technology Support"),o.a.createElement(ze.a,{key:"TVChannel",value:"TVChannel"},"TV Channel"),o.a.createElement(ze.a,{key:"latestNews",value:"latestNews"},"Latest News"),o.a.createElement(ze.a,{key:"todayActivity",value:"todayActivity"},"Today's Activity"))),o.a.createElement(Me.a,{className:t.formControl},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:this.state.content,value:this.state.content,id:"select-content",onChange:this.handleContentChange},this.state.contentlist.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)})))),o.a.createElement("br",null),o.a.createElement(Me.a,{className:t.formControl,variant:"outlined"},o.a.createElement(Re.a,{htmlFor:"outlined-times-native-simple"},"Times"),o.a.createElement(Ne.a,{native:!0,value:this.state.repeating,onChange:function(t){e.setRepeating(t.target.value)},label:"Times",inputProps:{name:"times",id:"outlined-times-native-simple"}},o.a.createElement("option",{value:0},"0"),o.a.createElement("option",{value:1},"1"),o.a.createElement("option",{value:2},"2"),o.a.createElement("option",{value:3},"3"),o.a.createElement("option",{value:4},"4"),o.a.createElement("option",{value:5},"5"),o.a.createElement("option",{value:6},"6"),o.a.createElement("option",{value:7},"7"),o.a.createElement("option",{value:8},"8"),o.a.createElement("option",{value:9},"9"),o.a.createElement("option",{value:10},"10"))),o.a.createElement(Me.a,{className:t.formControl,variant:"outlined"},o.a.createElement(Re.a,{htmlFor:"outlined-interval-native-simple"},"Interval"),o.a.createElement(Ne.a,{native:!0,value:this.state.duration,onChange:function(t){e.setDuration(t.target.value)},label:"Interval",inputProps:{name:"interval",id:"outlined-interval-native-simple"}},o.a.createElement("option",{value:0},"0"),o.a.createElement("option",{value:.25},"15 seconds"),o.a.createElement("option",{value:.5},"30 seconds"),o.a.createElement("option",{value:.75},"45 seconds"),o.a.createElement("option",{value:1},"1 minute"),o.a.createElement("option",{value:5},"5 minutes"),o.a.createElement("option",{value:10},"10 minutes"),o.a.createElement("option",{value:20},"20 minutes"),o.a.createElement("option",{value:30},"30 minutes"),o.a.createElement("option",{value:60},"1 hour"),o.a.createElement("option",{value:90},"1 hour 30 minutes"))),o.a.createElement(he.a,{label:"Notes",inputProps:{maxLength:200},onChange:function(t){e.setNotes(t.target.value)}}),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{id:"language-select-label"},"Language"),o.a.createElement(Ne.a,{labelId:"language-select-label",id:"language-select",value:this.state.language,onChange:function(t){e.setState({language:t.target.value})},label:"Language"},o.a.createElement(ze.a,{value:"russian"},"Russian"),o.a.createElement(ze.a,{value:"english"},"English"),o.a.createElement(ze.a,{value:"japanese"},"Japanese"),o.a.createElement(ze.a,{value:"serbian"},"Serbian"),o.a.createElement(ze.a,{value:"cantonese"},"Cantonese"),o.a.createElement(ze.a,{value:"korean"},"Korean"),o.a.createElement(ze.a,{value:"arabic"},"Arabic"),o.a.createElement(ze.a,{value:"hindi"},"Hindi"),o.a.createElement(ze.a,{value:"polish"},"Polish"),o.a.createElement(ze.a,{value:"sinhala"},"Sinhala"),o.a.createElement(ze.a,{value:"filipino"},"Filipino"),o.a.createElement(ze.a,{value:"macedonian"},"Macedonian")))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.handleClose,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){e.setNewAppointment(),e.handleClose()},color:"primary"},"Submit"))),o.a.createElement(ge.a,{className:"calendar-popup",open:this.state.openEvent,onClose:this.handleClose},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:this.handleClose},"View/Edit appointment of - ".concat(Gt()(this.state.start).format("MMMM Do YYYY"))),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Voice out phrase",defaultValue:this.state.title,inputProps:{maxLength:200},onChange:function(t){e.setTitle(t.target.value)}}),o.a.createElement("br",null),o.a.createElement(Kt.a,{utils:Qt.a},o.a.createElement(Zt.a,{format:"yyyy/MM/dd hh:mm a",label:"Start Time",minutesStep:1,value:this.state.start,onChange:this.handleStartTime})),o.a.createElement("br",null),o.a.createElement(Me.a,{className:t.formControl},o.a.createElement(Re.a,{htmlFor:"service-label"},"Service"),o.a.createElement(Ne.a,{defaultValue:this.state.service,value:this.state.service,id:"select-service",onChange:this.handleChange},o.a.createElement(ze.a,{value:""},o.a.createElement("em",null,"None")),o.a.createElement(ze.a,{key:"reminder",value:"Reminder"},"Reminder"),o.a.createElement(ze.a,{key:"music",value:"Music"},"Music"),o.a.createElement(ze.a,{key:"book",value:"Book"},"Book"),o.a.createElement(ze.a,{key:"audioBook",value:"audioBook"},"Audio Book"),o.a.createElement(ze.a,{key:"learning",value:"Learning"},"Learning"),o.a.createElement(ze.a,{key:"quiz",value:"Quiz"},"Quiz"),o.a.createElement(ze.a,{key:"game",value:"Game"},"Game"),o.a.createElement(ze.a,{key:"conversation",value:"Conversation"},"Conversation"),o.a.createElement(ze.a,{key:"workflow",value:"workflow"},"Workflow"),o.a.createElement(ze.a,{key:"bingo",value:"Bingo"},"Bingo"),o.a.createElement(ze.a,{key:"youtube",value:"YouTube"},"YouTube"),o.a.createElement(ze.a,{key:"youtubeMusic",value:"YouTubeMusic"},"YouTube Music"),o.a.createElement(ze.a,{key:"videos",value:"Videos"},"Videos"),o.a.createElement(ze.a,{key:"TechnologySupport",value:"TechnologySupport"},"Technology Support"),o.a.createElement(ze.a,{key:"TVChannel",value:"TVChannel"},"TV Channel"),o.a.createElement(ze.a,{key:"latestNews",value:"latestNews"},"Latest News"),o.a.createElement(ze.a,{key:"todayActivity",value:"todayActivity"},"Today's Activity"))),o.a.createElement(Me.a,{className:t.formControl},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:this.state.content,value:this.state.content,id:"select-content",onChange:this.handleContentChange},this.state.contentlist.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)})))),o.a.createElement("br",null),o.a.createElement(Me.a,{className:t.formControl,variant:"outlined"},o.a.createElement(Re.a,{htmlFor:"outlined-times-native-simple"},"Times"),o.a.createElement(Ne.a,{native:!0,value:this.state.repeating,onChange:function(t){e.setRepeating(t.target.value)},label:"Times",inputProps:{name:"times",id:"outlined-times-native-simple"}},o.a.createElement("option",{value:0},"0"),o.a.createElement("option",{value:1},"1"),o.a.createElement("option",{value:2},"2"),o.a.createElement("option",{value:3},"3"),o.a.createElement("option",{value:4},"4"),o.a.createElement("option",{value:5},"5"),o.a.createElement("option",{value:6},"6"),o.a.createElement("option",{value:7},"7"),o.a.createElement("option",{value:8},"8"),o.a.createElement("option",{value:9},"9"),o.a.createElement("option",{value:10},"10"))),o.a.createElement(Me.a,{className:t.formControl,variant:"outlined"},o.a.createElement(Re.a,{htmlFor:"outlined-interval-native-simple"},"Interval"),o.a.createElement(Ne.a,{native:!0,value:this.state.duration,onChange:function(t){e.setDuration(t.target.value)},label:"Interval",inputProps:{name:"interval",id:"outlined-interval-native-simple"}},o.a.createElement("option",{value:0},"0"),o.a.createElement("option",{value:.25},"15 seconds"),o.a.createElement("option",{value:.5},"30 seconds"),o.a.createElement("option",{value:.75},"45 seconds"),o.a.createElement("option",{value:1},"1 minute"),o.a.createElement("option",{value:5},"5 minutes"),o.a.createElement("option",{value:10},"10 minutes"),o.a.createElement("option",{value:20},"20 minutes"),o.a.createElement("option",{value:30},"30 minutes"),o.a.createElement("option",{value:60},"1 hour"),o.a.createElement("option",{value:90},"1 hour 30 minutes"))),o.a.createElement(he.a,{label:"Notes",inputProps:{maxLength:200},value:this.state.notes,onChange:function(t){e.setNotes(t.target.value)}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.handleClose,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){e.deleteEvent(),e.handleClose()},color:"primary"},"Delete"),o.a.createElement(me.a,{onClick:function(){e.updateEvent(),e.handleClose()},color:"primary"},"Submit"))))))}}]),a}(n.Component),aa=Object(De.a)((function(e){return{formControl:{margin:e.spacing(0),minWidth:250}}}))(ta),na=function(e){return{}},oa=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg fill="white" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>logs</title> <path d="M0 24q0 0.832 0.576 1.44t1.44 0.576h1.984q0 2.496 1.76 4.224t4.256 1.76h6.688q-2.144-1.504-3.456-4h-3.232q-0.832 0-1.44-0.576t-0.576-1.408v-20q0-0.832 0.576-1.408t1.44-0.608h16q0.8 0 1.408 0.608t0.576 1.408v7.232q2.496 1.312 4 3.456v-10.688q0-2.496-1.76-4.256t-4.224-1.76h-16q-2.496 0-4.256 1.76t-1.76 4.256h-1.984q-0.832 0-1.44 0.576t-0.576 1.408 0.576 1.44 1.44 0.576h1.984v4h-1.984q-0.832 0-1.44 0.576t-0.576 1.408 0.576 1.44 1.44 0.576h1.984v4h-1.984q-0.832 0-1.44 0.576t-0.576 1.408zM10.016 24h2.080q0-0.064-0.032-0.416t-0.064-0.576 0.064-0.544 0.032-0.448h-2.080v1.984zM10.016 20h2.464q0.288-1.088 0.768-1.984h-3.232v1.984zM10.016 16h4.576q0.992-1.216 2.112-1.984h-6.688v1.984zM10.016 12h16v-1.984h-16v1.984zM10.016 8h16v-1.984h-16v1.984zM14.016 23.008q0 1.824 0.704 3.488t1.92 2.88 2.88 1.92 3.488 0.704 3.488-0.704 2.88-1.92 1.92-2.88 0.704-3.488-0.704-3.488-1.92-2.88-2.88-1.92-3.488-0.704-3.488 0.704-2.88 1.92-1.92 2.88-0.704 3.488zM18.016 23.008q0-2.080 1.44-3.52t3.552-1.472 3.52 1.472 1.472 3.52q0 2.080-1.472 3.52t-3.52 1.472-3.552-1.472-1.44-3.52zM22.016 23.008q0 0.416 0.288 0.704t0.704 0.288h1.984q0.416 0 0.704-0.288t0.32-0.704-0.32-0.704-0.704-0.288h-0.992v-0.992q0-0.416-0.288-0.704t-0.704-0.32-0.704 0.32-0.288 0.704v1.984z"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #0f6f11, #0fa112)",title:"Interaction Logs",slug:"/interaction-logs",locations:["home"]},{svg:'\n                        <svg fill="white" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.cls-1{fill:none;stroke:#fff5f5;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><circle class="cls-1" cx="3.41" cy="3.41" r="1.91"></circle><circle class="cls-1" cx="12" cy="3.41" r="1.91"></circle><circle class="cls-1" cx="20.59" cy="3.41" r="1.91"></circle><circle class="cls-1" cx="3.41" cy="12" r="1.91"></circle><circle class="cls-1" cx="12" cy="12" r="1.91"></circle><circle class="cls-1" cx="20.59" cy="12" r="1.91"></circle><circle class="cls-1" cx="3.41" cy="20.59" r="1.91"></circle><circle class="cls-1" cx="12" cy="20.59" r="1.91"></circle><circle class="cls-1" cx="20.59" cy="20.59" r="1.91"></circle><line class="cls-1" x1="10.65" y1="10.65" x2="4.76" y2="4.76"></line><line class="cls-1" x1="12" y1="18.68" x2="12" y2="13.91"></line><line class="cls-1" x1="18.68" y1="3.41" x2="13.91" y2="3.41"></line><line class="cls-1" x1="10.09" y1="3.41" x2="5.32" y2="3.41"></line></g></svg>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Service Pattern",slug:"/service-pattern",locations:["home"]},{svg:'\n                        <svg fill="white" viewBox="0 0 100 100" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M72,26H67V24a4,4,0,0,0-8,0v2H41V24a4,4,0,0,0-8,0v2H28a6,6,0,0,0-6,6v2a2,2,0,0,0,2,2H76a2,2,0,0,0,2-2V32A6,6,0,0,0,72,26Zm4,16H24a2,2,0,0,0-2,2V74a6,6,0,0,0,6,6H72a6,6,0,0,0,6-6V44A2,2,0,0,0,76,42ZM50,75.9A14.9,14.9,0,1,1,64.9,61,14.94,14.94,0,0,1,50,75.9Zm-6.8-8.7a1.71,1.71,0,0,1-1.9,1.6H40.1a.67.67,0,0,1-.7-.6V59c0-.4.3-.6.7-.6h2.4a.67.67,0,0,1,.7.6Zm17.2-1.8c0,3.5-3.3,3.8-6.9,3.8-3.3,0-4.5-1.1-7.7-1.2a.65.65,0,0,1-.6-.6v-8c0-.4.3-.6.7-.6a4.18,4.18,0,0,0,4-4.2V52.2c0-.4.3-.6.7-.6h1.2a1.71,1.71,0,0,1,1.9,1.6v4.1a1.71,1.71,0,0,0,1.9,1.6h2.8a1.78,1.78,0,0,1,1.9,1.6h0Z"></path></g></svg>\n                    ',background:"linear-gradient(0deg, #da8309, #ffad39)",title:"Service Preference",slug:"/service-preference",locations:["home"]}],selected:!1,quizId:null},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.computeScreenSize=e.computeScreenSize.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Analytics"),parentNode:"/service-scheduling"}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:t.title,style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:na.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),ra=Object(De.a)(na)(oa),la=a(59),ia=a(1088),ca=a(1089),sa=a(1149),ua=a(1092),da=a(351),ma=a(1090),pa=a(1091),ga=a(1093),fa=a(1094),ba=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},ha=Object(Y.a)((function(e){return{page:{minHeight:"100%",padding:e.spacing(3),background:"linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%)"},hero:{marginBottom:e.spacing(3),padding:e.spacing(3),borderRadius:20,background:"linear-gradient(135deg, #183153 0%, #2463eb 55%, #1d8fd8 100%)",color:"#fff",boxShadow:"0 18px 40px rgba(24, 49, 83, 0.18)",position:"relative",overflow:"hidden"},heroGlow:{position:"absolute",inset:"auto -80px -90px auto",width:220,height:220,borderRadius:"50%",background:"rgba(255,255,255,0.12)",filter:"blur(2px)"},heroTitle:{fontWeight:700,letterSpacing:-.4,marginBottom:e.spacing(1)},heroSubtitle:{maxWidth:760,lineHeight:1.6,opacity:.92},actionRow:{display:"flex",flexWrap:"wrap",gap:e.spacing(1.5),marginTop:e.spacing(2.5)},actionButton:{borderRadius:999,paddingLeft:e.spacing(2),paddingRight:e.spacing(2),textTransform:"none",fontWeight:600},statusBar:{marginBottom:e.spacing(3),padding:e.spacing(2),borderRadius:16,background:"rgba(255,255,255,0.78)",boxShadow:"0 10px 30px rgba(24, 49, 83, 0.08)"},statusText:{display:"flex",alignItems:"center",gap:e.spacing(1),color:e.palette.text.secondary},gridItem:{display:"flex"},wifiCard:{width:"100%",borderRadius:18,border:"1px solid rgba(36, 99, 235, 0.12)",boxShadow:"0 10px 28px rgba(18, 38, 63, 0.08)",transition:"transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease",background:"linear-gradient(180deg, #ffffff 0%, #f8fbff 100%)","&:hover":{transform:"translateY(-4px)",boxShadow:"0 18px 36px rgba(18, 38, 63, 0.14)",borderColor:"rgba(36, 99, 235, 0.28)"}},wifiCardContent:{paddingBottom:e.spacing(1.5)},wifiHeader:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:e.spacing(1.5),marginBottom:e.spacing(2)},wifiTitle:{fontSize:18,fontWeight:700,color:e.palette.text.primary,marginBottom:e.spacing(.5)},wifiMeta:{display:"flex",alignItems:"center",gap:e.spacing(1),color:e.palette.text.secondary,marginBottom:e.spacing(1),wordBreak:"break-word"},wifiPassword:{display:"flex",alignItems:"center",gap:e.spacing(1),color:e.palette.text.secondary,fontSize:14,marginTop:e.spacing(.5)},wifiActions:{padding:e.spacing(0,2,2),display:"flex",justifyContent:"flex-end"},connectButton:{borderRadius:999,paddingLeft:e.spacing(2.5),paddingRight:e.spacing(2.5),textTransform:"none",fontWeight:700},emptyState:{padding:e.spacing(4),textAlign:"center",borderRadius:18,background:"rgba(255,255,255,0.8)",boxShadow:"0 10px 28px rgba(18, 38, 63, 0.08)"},dialogTitle:{fontWeight:700},dialogPaper:{borderRadius:22,overflow:"hidden"},dialogHeader:{padding:e.spacing(2.5,3),background:"linear-gradient(135deg, #1d4ed8 0%, #0f766e 100%)",color:"#fff"},dialogHeaderTitle:{fontWeight:800,letterSpacing:-.3},dialogHeaderSubtitle:{marginTop:e.spacing(.75),opacity:.9},dialogBody:{paddingTop:e.spacing(3),paddingBottom:e.spacing(1.5)},dialogSsid:{marginTop:e.spacing(1),marginBottom:e.spacing(2),color:e.palette.text.secondary,wordBreak:"break-word"},dialogField:{marginTop:e.spacing(2)},dialogActionsStack:{display:"flex",justifyContent:"space-between",gap:e.spacing(1),flexWrap:"wrap",width:"100%",paddingTop:e.spacing(1)}}}));function va(e){var t=e.wifiData,a=e.onConnect,n=ha();return o.a.createElement(o.a.Fragment,null,o.a.createElement(ia.a,{container:!0,spacing:2},t.map((function(e,t){var r=Boolean(e.is_connected),l=e["#psk"];return o.a.createElement(ia.a,{item:!0,xs:12,sm:6,md:4,lg:3,className:n.gridItem,key:"".concat(e.ssid||"wifi","-").concat(t)},o.a.createElement(w.a,{className:n.wifiCard,elevation:0},o.a.createElement(ca.a,{className:n.wifiCardContent},o.a.createElement("div",{className:n.wifiHeader},o.a.createElement("div",null,o.a.createElement(K.a,{variant:"h6",className:n.wifiTitle},ba("WiFi")),o.a.createElement(K.a,{variant:"body2",color:"textSecondary"},ba("Available network"))),o.a.createElement(sa.a,{size:"small",label:ba(r?"Connected":"Available"),style:{backgroundColor:r?"#e6f7ee":"#eef4ff",color:r?"#137a3b":"#2463eb",fontWeight:700}})),o.a.createElement("div",{className:n.wifiMeta},o.a.createElement(ma.a,{fontSize:"small"}),o.a.createElement(K.a,{variant:"body1",style:{fontWeight:600}},e.ssid||ba("Unknown network"))),o.a.createElement("div",{className:n.wifiPassword},o.a.createElement(I.a,{fontSize:"small"}),o.a.createElement(K.a,{variant:"body2"},ba(l?"Password saved":"No password available"))),o.a.createElement("div",{className:n.wifiPassword},o.a.createElement(pa.a,{fontSize:"small"}),o.a.createElement(K.a,{variant:"body2"},ba(r?"Connected to this network":"Not connected")))),o.a.createElement(ua.a,{className:n.wifiActions},o.a.createElement(me.a,{onClick:function(){return a(t,e.ssid)},variant:"contained",color:"primary",disableElevation:!0,className:n.connectButton,disabled:r},ba(r?"Connected":"Connect")))))}))))}var Ea,ya=function(){var e=ha(),t=Object(n.useState)([]),a=Object(v.a)(t,2),r=a[0],l=a[1],i=Object(n.useState)(!0),c=Object(v.a)(i,2),s=c[0],u=c[1],d=Object(n.useState)(""),m=Object(v.a)(d,2),p=m[0],g=m[1],f=Object(n.useState)(!1),b=Object(v.a)(f,2),h=b[0],E=b[1],y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(""),x=Object(v.a)(j,2),w=x[0],T=x[1],I=Object(n.useState)(""),A=Object(v.a)(I,2),M=A[0],N=A[1],R=Object(n.useState)(""),z=Object(v.a)(R,2),L=z[0],D=z[1],_=Object(n.useState)(""),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(""),W=Object(v.a)(J,2),F=W[0],H=W[1],U=function(){var e='{"api":"wifiList", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))};Object(n.useEffect)((function(){u(!0),U()}),[]),q.c.onmessage=function(e){if(console.log("MESSAGE ",e.data),e.data&&e.data.toString().includes("wifiData"))try{var t=JSON.parse(e.data);l(t.wifiData),g("Re-sync success!"),u(!1)}catch(a){console.log("Error ",a),u(!1)}};var G=function(){E(!1),D("")},Y=function(){C(!1),P(""),H("")};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:ba("WiFi Setting"),parentNode:"/technology-tools"}),o.a.createElement("div",{className:e.page},o.a.createElement(da.a,{className:e.hero,elevation:0},o.a.createElement("div",{className:e.heroGlow}),o.a.createElement(K.a,{variant:"h4",className:e.heroTitle},ba("WiFi Setting")),o.a.createElement(K.a,{variant:"body1",className:e.heroSubtitle},ba("Review nearby networks, connect to a saved WiFi, and refresh the list when the environment changes.")),o.a.createElement("div",{className:e.actionRow},o.a.createElement(me.a,{onClick:function(){P(""),H(""),C(!0)},variant:"outlined",style:{color:"#fff",borderColor:"rgba(255,255,255,0.55)"},className:e.actionButton},ba("Add Network")),o.a.createElement(me.a,{onClick:function(){g("Refreshing WiFi list..."),u(!0),U()},variant:"contained",color:"secondary",disableElevation:!0,className:e.actionButton,startIcon:o.a.createElement(ga.a,null)},ba("Re-sync")),o.a.createElement(me.a,{onClick:function(){var e='{"api":"rebootMatilda", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),alert("Reboot Successful")},variant:"outlined",style:{color:"#fff",borderColor:"rgba(255,255,255,0.55)"},className:e.actionButton,startIcon:o.a.createElement(fa.a,null)},ba("Reboot")))),p?o.a.createElement(da.a,{className:e.statusBar,elevation:0},o.a.createElement("div",{className:e.statusText},o.a.createElement(pa.a,{fontSize:"small"}),o.a.createElement(K.a,{variant:"body2"},ba(p)))):null,s?o.a.createElement(da.a,{className:e.emptyState,elevation:0},o.a.createElement(k.a,{size:28,thickness:4,style:{marginBottom:16}}),o.a.createElement(K.a,{variant:"h6",style:{fontWeight:700,marginBottom:6}},ba("Loading WiFi networks...")),o.a.createElement(K.a,{variant:"body2",color:"textSecondary"},ba("This usually takes just a moment."))):r.length>0?o.a.createElement(va,{wifiData:r,onConnect:function(e,t){T(e),N(t||""),D(""),E(!0)}}):o.a.createElement(da.a,{className:e.emptyState,elevation:0},o.a.createElement(K.a,{variant:"h6",style:{fontWeight:700,marginBottom:6}},ba("No WiFi networks found")),o.a.createElement(K.a,{variant:"body2",color:"textSecondary"},ba("Try refreshing the list or checking that the WiFi adapter is available.")))),o.a.createElement(ge.a,{open:h,onClose:G,"aria-labelledby":"wifi-connect-dialog-title",fullWidth:!0,maxWidth:"sm",PaperProps:{className:e.dialogPaper}},o.a.createElement(fe.a,{id:"wifi-connect-dialog-title",disableTypography:!0,className:e.dialogHeader},o.a.createElement(K.a,{variant:"h6",className:e.dialogHeaderTitle},ba("Connect to WiFi")),o.a.createElement(K.a,{variant:"body2",className:e.dialogHeaderSubtitle},ba("Enter the password for the selected network."))),o.a.createElement(be.a,{className:e.dialogBody},o.a.createElement("br",null),o.a.createElement(he.a,{margin:"dense",label:ba("SSID"),fullWidth:!0,variant:"outlined",value:M,InputProps:{readOnly:!0},className:e.dialogField}),o.a.createElement(he.a,{autoFocus:!0,label:ba("Password"),type:"password",fullWidth:!0,variant:"outlined",value:L,onChange:function(e){return D(e.target.value)},className:e.dialogField})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:G,color:"primary"},ba("Cancel")),o.a.createElement(me.a,{onClick:function(){var e=JSON.stringify({api:"connectWifi",idx:w.toString(),password:L,name:q.a});Object(q.f)(q.c,(function(){Object(q.b)(e)})),g("Connecting to ".concat(M||"WiFi","...")),G()},color:"primary",variant:"contained"},ba("Connect")))),o.a.createElement(ge.a,{open:S,onClose:Y,"aria-labelledby":"wifi-add-dialog-title",fullWidth:!0,maxWidth:"sm",PaperProps:{className:e.dialogPaper}},o.a.createElement(fe.a,{id:"wifi-add-dialog-title",disableTypography:!0,className:e.dialogHeader},o.a.createElement(K.a,{variant:"h6",className:e.dialogHeaderTitle},ba("Add Network")),o.a.createElement(K.a,{variant:"body2",className:e.dialogHeaderSubtitle},ba("Save a network by entering its SSID and password."))),o.a.createElement(be.a,{className:e.dialogBody},o.a.createElement(he.a,{autoFocus:!0,margin:"dense",label:ba("SSID"),fullWidth:!0,variant:"outlined",value:V,onChange:function(e){return P(e.target.value)},className:e.dialogField}),o.a.createElement(he.a,{margin:"dense",label:ba("Password"),type:"password",fullWidth:!0,variant:"outlined",value:F,onChange:function(e){return H(e.target.value)},className:e.dialogField})),o.a.createElement(ve.a,null,o.a.createElement("div",{className:e.dialogActionsStack},o.a.createElement(me.a,{onClick:Y,color:"primary",style:{textTransform:"none",fontWeight:600}},ba("Cancel")),o.a.createElement(me.a,{onClick:function(){var e=JSON.stringify({api:"saveWifi",idx:"",ssid:V,password:F,name:q.a});Object(q.f)(q.c,(function(){Object(q.b)(e)})),g("Saving ".concat(V||"WiFi network","...")),Y()},color:"primary",variant:"contained",disabled:!V||!F,disableElevation:!0,style:{borderRadius:999,textTransform:"none",fontWeight:700,paddingLeft:20,paddingRight:20}},ba("Save"))))))},Oa=re.a.div(Ea||(Ea=Object(oe.a)(["\npadding: 0rem;\n\ntable {\n  width:100%;\n  border-collapse: separate;\n  border-spacing: 5px;\n  tr {\n    :last-child {\n      td {\n        border-bottom: 0;\n      }\n    }\n  }\n\n  th{\n    margin: 0;\n    padding: 10px 10px;\n    background: #ccc;\n    border-radius: 10px;\n    font-size: 16px;\n  }\n  td {\n    margin: 0;\n    padding: 3px 12px;\n    background: #fff;\n    font-size: 16px;\n    color:#6e6e6e;\n    border-radius: 10px;\n    :last-child {\n      border-right: 0;\n    }\n  }\n}\n"]))),Sa=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function Ca(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),Sa(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var ja=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=Sa(e[a].title),t.push(e[a]);return e},xa=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)([])),r=Object(v.a)(a,2),l=r[0],i=r[1],c=Object(n.useState)(!1),s=Object(v.a)(c,2),u=s[0],d=s[1],m=Object(n.useState)("\\rspd=100\\"),g=Object(v.a)(m,2),f=g[0],b=g[1],h=Object(n.useState)("Select a news to read"),E=Object(v.a)(h,2),y=E[0],O=E[1],S=Object(n.useState)("Loading..."),C=Object(v.a)(S,2),j=C[0],x=C[1],w=Object(n.useState)("Loading..."),k=Object(v.a)(w,2),T=k[0],I=k[1],A=Object(n.useState)("Loading..."),M=Object(v.a)(A,2),N=M[0],R=M[1],z=Object(n.useState)("Loading..."),L=Object(v.a)(z,2),D=L[0],_=L[1],B=Object(p.f)();Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId");e||B.push("/login");var t='{"api":"getNews", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),console.log("Hitting Here");var a='{"api":"getWeath", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)})),q.c.onmessage=function(e){if(console.log("INSIDE ON MESSAGE ",e.data),e.data&&e.data.toString().includes("news_jp_all")){var t=JSON.parse(e.data);console.log("JP NEWS ",t);var a,n=t.news_jp_all,o=[],r=Object(Ue.a)(n);try{for(r.s();!(a=r.n()).done;){var l=a.value;if(l.title&&l.description){var c={title:l.title,summary:l.description};o.push(c)}}}catch(u){r.e(u)}finally{r.f()}i(ja(o))}if(e.data&&e.data.toString().includes("title")&&!e.data.toString().includes("news_jp_all")&&O(Sa("Select a news to read")),e.data&&e.data.toString().includes("vocalise")&&e.data.toString().includes("text")){JSON.parse(e.data);O(Sa("Reading a news"))}if(e.data&&e.data.toString().includes("title")&&!e.data.toString().includes("news_jp_all")&&(console.log(JSON.parse(e.data).data),i(ja(JSON.parse(e.data).data))),e.data&&e.data.toString().includes("weather_update")){var s=JSON.parse(e.data);console.log("WEATHER ",s),x(s.weather_update.location.country),I(s.weather_update.current.condition.text),_(s.weather_update.current.temp_c),R(s.weather_update.location.localtime)}}}),[]);var V=function(e){console.log("CLOSE"),d(!1)},P=function(e){var t=e.currentTarget.value.replace('"',"").replace("'",""),a=localStorage.getItem("speed")+t;a=a.replaceAll("\u2014",""),Object(q.e)(a)},J=function(e){var t='{"api":"vocalisationTerminate", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))},W=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"summary",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:t.row.values.title+"."+t.row.values.summary,onClick:P},Sa("Read")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"secondary",value:t.row.values.summary,onClick:J},Sa("Stop")))}}]}),[]),F={border:"1px solid #000",alignItems:"center",justifyContent:"center"};return o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:"News",parentNode:"/entertainment"}),o.a.createElement(Oa,null,o.a.createElement(ge.a,{open:u,onClose:V,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:V},Sa("Update Speech Configuration")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"service-label"},"Service"),o.a.createElement(Ne.a,{defaultValue:f,value:f,id:"select-service",onChange:function(e){console.log("UPDATING ",e.target.value),b(e.target.value)}},o.a.createElement(ze.a,{value:""},o.a.createElement("em",null,"None")),o.a.createElement(ze.a,{key:"extreme-fast",value:"\\rspd=130\\"},"Extreme Fast"),o.a.createElement(ze.a,{key:"very-fast",value:"\\rspd=120\\"},"Very Fast"),o.a.createElement(ze.a,{key:"fast",value:"\\rspd=110\\"},"Fast"),o.a.createElement(ze.a,{key:"normal",value:"\\rspd=100\\"},"Normal"),o.a.createElement(ze.a,{key:"slow",value:"\\rspd=90\\"},"Slow"),o.a.createElement(ze.a,{key:"very-slow",value:"\\rspd=80\\"},"Very Slow"),o.a.createElement(ze.a,{key:"extreme-slow",value:"\\rspd=70\\"},"Extreme Slow")))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:V,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("SAVE"),console.log("SPEED ",f),localStorage.setItem("speed",f),d(!1)},color:"primary"},"Submit"))),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){console.log("OPEN"),d(!0)}},Sa("Update Configuration")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){var e='{"api":"getWeatForce", "action":"get","name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},Sa("Re-sync Weather")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){var e='{"api":"getJPNewAll", "action":"get","name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},Sa("Japan News")),o.a.createElement("br",null),o.a.createElement("i",null,o.a.createElement("small",null,y)),o.a.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"5px"}},o.a.createElement("div",{style:F},o.a.createElement("small",null,Sa("LOCATION")),o.a.createElement("br",null),o.a.createElement("h5",null,Sa(j))),o.a.createElement("div",{style:F},o.a.createElement("small",null,Sa("CONDITION")),o.a.createElement("br",null),o.a.createElement("h5",null,Sa(T))),o.a.createElement("div",{style:F},o.a.createElement("small",null,Sa("TEMPERATURE (In Celcius)")),o.a.createElement("br",null),o.a.createElement("h5",null,D)),o.a.createElement("div",{style:F},o.a.createElement("small",null,Sa("LAST UPDATED")),o.a.createElement("br",null),o.a.createElement("h5",null,N))),o.a.createElement(Ca,{columns:W,data:l})))},wa=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){return Object(c.a)(this,a),t.apply(this,arguments)}return Object(s.a)(a,[{key:"render",value:function(){return o.a.createElement(la.a,{url:"https://gamesv2.de.r.appspot.com",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}})}}]),a}(n.Component),ka=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){return Object(c.a)(this,a),t.apply(this,arguments)}return Object(s.a)(a,[{key:"render",value:function(){return o.a.createElement(la.a,{url:"http://192.168.163.30:8001/Tic-Tac-Toe/tictactoe.html",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}})}}]),a}(n.Component),Ta=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){return Object(c.a)(this,a),t.apply(this,arguments)}return Object(s.a)(a,[{key:"render",value:function(){return o.a.createElement(la.a,{url:"http://192.168.163.30:8001/math-game/math.html",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}})}}]),a}(n.Component),Ia=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).showHowOpen=function(t){e.setState({showHow:!0})},e.showHowClose=function(t){e.setState({showHow:!1})},e.handleExit=function(){e.props.history.push("/entertainment")},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.state={showHow:!1},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e={api:"vocalise",text:"Let us play chess. Hope you enjoy!.",language:"en",emotion:"neutral",sound:"none",name:localStorage.getItem("remoteId")};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(e))}))}},{key:"render",value:function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:this.computeTitle("Chess")}),o.a.createElement(me.a,{size:"large",variant:"outlined",onClick:this.showHowOpen},this.computeTitle("How to play?")),o.a.createElement(me.a,{size:"large",variant:"outlined",onClick:this.handleExit},this.computeTitle("Exit")),o.a.createElement(ge.a,{open:this.state.showHow,onClose:this.showHowClose,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,this.computeTitle("How To Play Chess?")),o.a.createElement(be.a,null,o.a.createElement("p",null,this.computeTitle("Hey there, budding chess master! \ud83e\udd34\ud83d\udc78 Get ready to step into the exciting world of chess, where knights ride, kings rule, and pawns march bravely. Let's learn how to play this awesome game:")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 1: Meet the Chessboard")),o.a.createElement("br",null),this.computeTitle("Imagine a checkered board with 64 squares. It's like a battlefield for your chess pieces. Each player has 16 pieces: 1 king, 1 queen, 2 rooks, 2 knights, 2 bishops, and 8 pawns.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 2: Set Up the Army")),o.a.createElement("br",null),this.computeTitle("Place your pieces on the two rows closest to you. The back row is like a castle wall. Put your rooks in the corners, then knights, bishops, queen, and the mighty king right in the middle.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 3: Know Your Moves")),o.a.createElement("br",null),this.computeTitle("Each piece moves in its own special way. Pawns go forward, but capture diagonally. Rooks move straight up, down, left, or right. Knights move in an L-shape. Bishops slide diagonally. Queens can go far in any direction, and kings move one step in any direction.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 4: Protect the King")),o.a.createElement("br",null),this.computeTitle("The king is the boss. You win by putting the opponent's king in checkmate, where it can't move without being captured. But remember, you can't move your king into danger!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 5: Capture and Conquer")),o.a.createElement("br",null),this.computeTitle("When your piece lands on a square with an opponent's piece, you capture it and remove it from the board. But watch out! Your pieces can be captured too.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 6: Castling Magic")),o.a.createElement("br",null),this.computeTitle("A special move: Castling! It's like hiding your king behind a rook's shield. It's a great way to keep your king safe and get your rook into the action.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 7: En Passant and Pawn Promotions")),o.a.createElement("br",null),this.computeTitle("Sometimes, pawns surprise you! They can move two squares forward on their first move and capture 'en passant.' When a pawn reaches the other side of the board, it becomes a queen, rook, knight, or bishop - you choose!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 8: Check and Checkmate")),o.a.createElement("br",null),this.computeTitle("If your king is in danger, it's in check. You have to move your king, block the attack, or capture the attacking piece. If you can't do any of those, and your king is still in danger, it's checkmate - you lose!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 9: Have Fun and Learn")),o.a.createElement("br",null),this.computeTitle("Chess is a game of strategy and thinking. You'll get better the more you play. Don't worry if you make mistakes - even grandmasters do! Learn from each game and have a blast.")),o.a.createElement("p",null,this.computeTitle("Now you're ready to march your pieces into the chess battlefield and have epic battles of wits and strategy. May your moves be bold and your victories sweet! \ud83c\udff0\ud83d\udc51\ud83c\udf89"))),o.a.createElement(Jt.a,null),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.showHowClose},this.computeTitle("Close")))),o.a.createElement(la.a,{url:"https://panopticai.ue.r.appspot.com/",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}}))}}]),a}(n.Component),Aa=[{svg:'\n            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" fill="#fff">\n        \n                <path d="M12,24c3.309,0,6-2.691,6-6s-2.691-6-6-6s-6,2.691-6,6S8.691,24,12,24z M12,14c2.206,0,4,1.794,4,4s-1.794,4-4,4\n                    s-4-1.794-4-4S9.794,14,12,14z"/>\n                <path d="M44,24c3.309,0,6-2.691,6-6s-2.691-6-6-6s-6,2.691-6,6S40.691,24,44,24z M44,14c2.206,0,4,1.794,4,4s-1.794,4-4,4\n                    s-4-1.794-4-4S41.794,14,44,14z"/>\n                <path d="M54,26v13c0,1.654-1.346,3-3,3V31c0-2.757-2.243-5-5-5h-5c-0.552,0-1,0.448-1,1v4v1v1h-8c-0.552,0-1,0.448-1,1v3h-6v-3\n                    c0-0.552-0.448-1-1-1h-8v-1v-1v-4c0-0.552-0.448-1-1-1h-5c-2.757,0-5,2.243-5,5v11c-1.654,0-3-1.346-3-3V26H0v13\n                    c0,2.045,1.237,3.802,3,4.576V56h2V44h1h1h8v11c0,0.552,0.448,1,1,1h3h1h1v-1V40v-1h3h8h3v1v15v1h1h1h3c0.552,0,1-0.448,1-1V44h8\n                    h1h1v12h2V43.576c1.763-0.774,3-2.531,3-4.576V26H54z M20,37h-2h-6v-6h-2v7c0,0.552,0.448,1,1,1h7c0.551,0,1,0.449,1,1v14h-2V43\n                    c0-0.552-0.448-1-1-1H7V31c0-1.654,1.346-3,3-3h4v3v1v2c0,0.552,0.448,1,1,1h8v2H20z M40,42c-0.552,0-1,0.448-1,1v11h-2V40\n                    c0-0.551,0.449-1,1-1h7c0.552,0,1-0.448,1-1v-7h-2v6h-6h-2h-3v-2h8c0.552,0,1-0.448,1-1v-2v-1v-3h4c1.654,0,3,1.346,3,3v11H40z"/>\n                <path d="M19,10v3c0,0.431,0.275,0.812,0.684,0.949C19.788,13.983,19.895,14,20,14c0.309,0,0.607-0.144,0.8-0.4l2.7-3.6H31\n                    c1.654,0,3-1.346,3-3V3c0-1.654-1.346-3-3-3H19c-1.654,0-3,1.346-3,3v4C16,8.654,17.346,10,19,10z M18,3c0-0.551,0.449-1,1-1h12\n                    c0.551,0,1,0.449,1,1v4c0,0.551-0.449,1-1,1h-8c-0.315,0-0.611,0.148-0.8,0.4L21,10V9c0-0.552-0.448-1-1-1h-1\n                    c-0.551,0-1-0.449-1-1V3z"/>\n                <rect x="20" y="4" width="10" height="2"/>\n                <rect x="27" y="25" width="6" height="2"/>\n                <path d="M26,21c-1.654,0-3,1.346-3,3v4c0,1.654,1.346,3,3,3h8c1.654,0,3-1.346,3-3v-0.697l1.832-2.748\n                    c0.205-0.307,0.224-0.701,0.05-1.026C38.708,23.203,38.369,23,38,23h-1.171c-0.413-1.164-1.525-2-2.829-2H26z M35,24\n                    c0,0.552,0.448,1,1,1h0.131l-0.963,1.445C35.059,26.609,35,26.803,35,27v1c0,0.551-0.449,1-1,1h-8c-0.551,0-1-0.449-1-1v-4\n                    c0-0.551,0.449-1,1-1h8C34.551,23,35,23.449,35,24z"/>\n                <rect x="23" y="16" width="2" height="2"/>\n                <rect x="27" y="16" width="2" height="2"/>\n                <rect x="31" y="16" width="2" height="2"/>\n            </svg>\n        ',background:"linear-gradient(0deg, #1f6776, #2d93a8)",title:"Emotional Well Being",slug:"/emotional-wellbeing",locations:["home"]},{svg:'\n            <svg fill="white" viewBox="0 -1.26 122.88 122.88" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 122.88 120.36" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style> <g> <path class="st0" d="M8.94,102.48h85.62c3.71-3.85,8.02-14.75,12.45-25.96c1.41-3.57,2.83-7.17,4.3-10.66 c-6.43,0.02-15.18-0.61-16.52-2.15c-1.04-1.19-0.66-2.93,0.91-5.12l18.93-18.48c1.77-1.6,3.31-2.21,4.62-1.81 c1.3,0.39,2.38,1.76,3.23,4.13c0.48,7.13,0.43,14.27-0.63,21.4c-0.58,0.34-1.18,0.63-1.79,0.89c-2.01,4.48-4.01,9.56-6,14.58 c-3.41,8.63-6.75,17.09-10.52,23.18h10.39c4.92,0,8.94,4.02,8.94,8.94v0c0,4.92-4.02,8.94-8.94,8.94h-105 c-4.92,0-8.94-4.02-8.94-8.94v0C0,106.51,4.02,102.48,8.94,102.48L8.94,102.48z M36.43,36.39l-0.27-0.45l-7.06,1.01L26.54,52.6 c-0.48,2.93-3.23,4.91-6.16,4.44c-2.93-0.48-4.91-3.23-4.44-6.16l3.2-19.55c0.39-2.38,2.28-4.13,4.54-4.45l0,0l13.67-1.96 l10.11-2.21c5.76,0.19,10.06,2.61,12,7.7c0.28,0.35,0.52,0.75,0.71,1.18l5.42,12.39l17.68,1.1c2.96,0.17,5.22,2.72,5.04,5.68 c-0.17,2.96-2.72,5.22-5.68,5.05l-20.97-1.3c-2.16-0.13-3.95-1.52-4.69-3.41l-1.1-2.51l-2.25,9.79l14.84,8.74 c1.29,0.75,2.14,1.96,2.48,3.3l0.02,0l5.39,21.11c0.73,2.88-1.01,5.81-3.89,6.54c-2.88,0.73-5.81-1.01-6.54-3.89L61.1,75.19 l-1.24-0.73l-15.42-5.87l-0.83,0.46l-4.71,12.49c-0.34,0.9-0.89,1.65-1.58,2.23l0,0L19.65,98.6c-2.28,1.9-5.66,1.6-7.57-0.67 c-1.9-2.28-1.6-5.66,0.67-7.57L29.03,76.7C30.22,62.9,32.82,49.5,36.43,36.39L36.43,36.39z M57.91,0c5.64,0,10.21,4.57,10.21,10.21 c0,5.64-4.57,10.21-10.21,10.21c-5.64,0-10.21-4.57-10.21-10.21C47.7,4.57,52.27,0,57.91,0L57.91,0z"></path> </g> </g></svg>    \n        ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Health and Fitness",slug:"/health-and-wellbeing",locations:["home"]},{svg:'\n            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z">\n            </path>\n            </svg>\n        ',background:"linear-gradient(0deg, #da8309, #ffad39)",title:"Friends And Relatives",slug:"/friends-and-relatives",locations:["home"]},{svg:'\n        <path d="M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n        <path d="M3 10V6C3 4.89543 3.89543 4 5 4H7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n        <path d="M7 2V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n        <path d="M21 10V6C21 4.89543 20.1046 4 19 4H18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>    \n      ',background:"linear-gradient(0deg, #0f6f11, #0fa112)",title:"Service Scheduling And Management",slug:"/service-scheduling",locations:["home"]},{svg:'\n        <svg width="33" height="33" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M8 1l-8 14h16l-8-14zM8 13c-0.6 0-1-0.4-1-1s0.4-1 1-1 1 0.4 1 1c0 0.6-0.4 1-1 1zM7 10v-4h2v4h-2z"></path></svg>\n        ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Safety",slug:"/safety",locations:["home"]},{svg:'\n            <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n            <path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n        ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Technology Tools",slug:"/technology-tools",locations:["home"]}],Ma=Aa.filter((function(e){return e.locations.indexOf("games")>-1})),Na=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Ra=Object(Y.a)((function(e){return{root:Object(P.a)({display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:"1fr 1fr"},e.breakpoints.up("sm"),{gridTemplateColumns:"1fr 1fr 1fr"}),image:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start","&:hover, &$focusVisible":{zIndex:1,"& $imageSrc":{transform:"scale(1.2)"},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"0"}}},"&$focusVisible":{background:"#000",opacity:1},imageButton:{},imageSrc:Object(P.a)({transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",background:"#000",backgroundSize:"cover",alignItems:"center",justifyContent:"center"},e.breakpoints.up("sm"),{height:"150px",width:"150px"}),imageSVG:Object(P.a)({width:"65px",height:"65px",color:"#fff"},e.breakpoints.up("sm"),{height:"85px",width:"85px"}),imageTitle:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"},imageMarked:{backgroundColor:"#ffffff",position:"absolute",top:0,left:0,right:0,bottom:0,transition:e.transitions.create("opacity")}}}));function za(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(p.f)(),d=Ra(),m=function(e,t){console.log("Hitting app.click"),s(!0),console.log(t),r(t)};if(Object(n.useEffect)((function(){localStorage.getItem("remoteId")||u.push("/login")}),[]),c){var g=localStorage.getItem("remoteId");if("/memorygame"==a){var f='{"action":"tellPrompt","prompt":"'.concat("Matilda wants to  play a memory game with you?",'" , "time":').concat(1,'  , "interval":').concat(10,' , "name":"').concat(g,'" }');return Object(q.f)(q.c,(function(){return Object(q.b)(f)})),o.a.createElement("div",{className:d.root},o.a.createElement(wa,null))}if("/tic-tac-toe"==a){f='{"action":"tellPrompt","prompt":"'.concat("Matilda wants to  play Tic Tac Toe game with you?",'" , "time":').concat(1,'  , "interval":').concat(10,' , "name":"').concat(g,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(f)}))}if("/maths"==a){f='{"action":"tellPrompt","prompt":"'.concat("Matilda wants to  play a math game with you?",'" , "time":').concat(1,'  , "interval":').concat(10,' , "name":"').concat(g,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(f)}))}if("/chess"==a){f='{"action":"tellPrompt","prompt":"'.concat("Matilda wants to  play a chess game with you?",'" , "time":').concat(1,'  , "interval":').concat(10,' , "name":"').concat(g,'" }');return Object(q.f)(q.c,(function(){return Object(q.b)(f)})),o.a.createElement("div",{className:d.root},o.a.createElement(Ia,null))}return alert("Message Sent"),o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:Na("Games")})),o.a.createElement("div",{className:d.root},Ma.map((function(e){return o.a.createElement(Q.a,{onClick:function(){return m(e.title,e.slug)},focusRipple:!0,key:e.title,className:d.image,focusVisibleClassName:d.focusVisible},o.a.createElement("span",{className:d.imageSrc,style:{background:e.background}},o.a.createElement("svg",{className:d.imageSVG,width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:e.svg}})),o.a.createElement("span",{className:d.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:d.imageTitle},e.title)))}))))}return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:Na("Games"),parentNode:"/entertainment"})),o.a.createElement("div",{className:d.root,id:"blocks"},Ma.map((function(e){return o.a.createElement(Q.a,{onClick:function(){return m(e.title,e.slug)},focusRipple:!0,key:e.title,className:d.image,focusVisibleClassName:d.focusVisible},o.a.createElement("span",{className:d.imageSrc,style:{background:e.background}},o.a.createElement("svg",{className:d.imageSVG,width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:e.svg}})),o.a.createElement("span",{className:d.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:d.imageTitle},e.title)))}))))}var La=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).showHowOpen=function(t){e.setState({showHow:!0})},e.showHowClose=function(t){e.setState({showHow:!1})},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.state={showHow:!1},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e={api:"vocalise",text:"Let us play sudoku. Hope you enjoy!.",language:"en",emotion:"neutral",sound:"none",name:localStorage.getItem("remoteId")};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(e))}))}},{key:"render",value:function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:this.computeTitle("Sudoku")}),o.a.createElement(me.a,{onClick:this.showHowOpen},this.computeTitle("How to play Sudoku?")),o.a.createElement(ge.a,{open:this.state.showHow,onClose:this.showHowClose,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,this.computeTitle("How To Play Sudoku?")),o.a.createElement(be.a,null,o.a.createElement("p",null,this.computeTitle("Hello there, little Sudoku solver! \ud83e\udde9 Are you ready to dive into the world of numbers and puzzles? Let's have a blast with Sudoku! Here's how you can do it:")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 1: Meet the Grid")),o.a.createElement("br",null),this.computeTitle('Look at the Sudoku grid. It\'s like a big square made of smaller squares. Each small square is called a "cell." Your goal is to fill these cells with numbers.')),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 2: Get Your Digits Ready")),o.a.createElement("br",null),this.computeTitle("You'll use the numbers from 1 to 9 to fill the cells. But here's the trick: each row, column, and the big 3x3 square inside the grid can only have each number once. No repeats allowed!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 3: Start with the Clues")),o.a.createElement("br",null),this.computeTitle("Some cells already have numbers in them. These are your clues! They help you get started. Look for rows, columns, and squares with missing numbers.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 4: Think, Think, Think")),o.a.createElement("br",null),this.computeTitle("For each empty cell, think about what number could go there. Remember, you can't repeat numbers in a row, column, or 3x3 square. So choose wisely!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 5: Try and Try Again")),o.a.createElement("br",null),this.computeTitle("Fill in the numbers you're sure about. Don't worry if you're not sure about some. Just give it your best shot. If things don't work out, you can always change the numbers later.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 6: Check Your Work")),o.a.createElement("br",null),this.computeTitle("Once you've filled in numbers, check your rows, columns, and squares. Did you follow the rules? If everything looks good, you're on the right track!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 7: Keep Going")),o.a.createElement("br",null),this.computeTitle("Use the numbers you've already placed to help you figure out the rest. Slowly, step by step, you'll fill in more and more cells.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 8: Celebrate!")),o.a.createElement("br",null),this.computeTitle("When you've filled in all the cells and followed the rules, you've cracked the Sudoku code! Give yourself a high-five, because you've become a Sudoku superstar! \ud83c\udf1f")),o.a.createElement("p",null,this.computeTitle("Remember, Sudoku is like a puzzle adventure. It might be a bit tricky at first, but with practice, you'll become a Sudoku champion in no time! Have a blast solving those puzzles! \ud83c\udf89\ud83e\udde9\ud83c\udf08"))),o.a.createElement(Jt.a,null),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.showHowClose},this.computeTitle("Close")))),o.a.createElement(la.a,{url:"https://mczak.com/code/sudoku/suframe/",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}}))}}]),a}(n.Component),Da=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).showHowOpen=function(t){e.setState({showHow:!0})},e.showHowClose=function(t){e.setState({showHow:!1})},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.state={showHow:!1},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e={api:"vocalise",text:"Let us play scrabble. Hope you enjoy!.",language:"en",emotion:"neutral",sound:"none",name:localStorage.getItem("remoteId")};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(e))}))}},{key:"render",value:function(){return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:this.computeTitle("Scrabble")}),o.a.createElement(me.a,{onClick:this.showHowOpen},this.computeTitle("How to play Scrabble?")),o.a.createElement(ge.a,{open:this.state.showHow,onClose:this.showHowClose,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,this.computeTitle("How To Play Scrabble?")),o.a.createElement(be.a,null,o.a.createElement("p",null,this.computeTitle("Hey there, little word wizard! \ud83e\uddd9\u200d\u2642\ufe0f Are you ready to dive into the world of Scrabble, where words come to life on the game board? Let's have a blast with words! Here's how you can play:")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 1: Grab Your Tiles")),o.a.createElement("br",null),this.computeTitle("In Scrabble, you have a bunch of letter tiles. Each tile has a letter on it, and some tiles have special points. The letters you have are like your magical ingredients for making words.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 2: Create the Game Board")),o.a.createElement("br",null),this.computeTitle("Open up the Scrabble board. It's like a crossword puzzle waiting for your words. Each square has a special point value. Some are even bonus squares that give extra points!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 3: Start with a Word")),o.a.createElement("br",null),this.computeTitle("Put a word on the board using your tiles. It can be any word you want, just as long as it's in the dictionary. Put it across or down. The first word must cover the center square, like a magical starting point.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 4: Connect and Build")),o.a.createElement("br",null),this.computeTitle("Now it's like a word puzzle! Add words to the board, connecting them to the words already there. Use your tiles to create new words and expand the crossword.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 5: Count the Points")),o.a.createElement("br",null),this.computeTitle("Each letter has a point value. Add up the points for the letters in your word. Don't forget to count the bonus points from special squares!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 6: Swap or Trade")),o.a.createElement("br",null),this.computeTitle("If you ever get stuck with tricky letters, you can swap some of your tiles for new ones. But watch out! You'll lose a turn if you do. You can also trade in a turn to exchange tiles.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 7: Challenge and Dictionary")),o.a.createElement("br",null),this.computeTitle("If someone puts down a word you're not sure about, you can challenge it! Use a dictionary to check if the word is real. If it's not, the player loses a turn.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 8: Keep Playing")),o.a.createElement("br",null),this.computeTitle("Play goes back and forth. Each time, you make words, score points, and plan your moves. Use the letters on the board to make new words - that's where the fun and strategy come in!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 9: The Game Ends")),o.a.createElement("br",null),this.computeTitle("Scrabble ends when all the tiles are used and one player uses up all their tiles. Everyone counts the points left in their hand, and those points are subtracted from their total.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 10: Count Your Victories")),o.a.createElement("br",null),this.computeTitle("Add up all the points from the words you made. The player with the most points wins! It's like a wordy battle where the best wordsmith emerges victorious.")),o.a.createElement("p",null,this.computeTitle("Now you're all set to spell out your way to victory in the world of Scrabble. Play with friends and family, create amazing words, and let your vocabulary shine! \ud83c\udf1f\ud83d\udcda\ud83c\udf89"))),o.a.createElement(Jt.a,null),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.showHowClose},this.computeTitle("Close")))),o.a.createElement(la.a,{url:"https://scrabble-387707.ue.r.appspot.com/",width:"100%",height:"1000px",onLoad:function(){console.log("IFRAME ON LOAD")}}))}}]),a}(n.Component),_a=(a(179),function(){return o.a.createElement("svg",{strokeMiterlimit:"10",version:"1.1",viewBox:"0 0 600 750",id:"matilda1"},o.a.createElement("g",{opacity:"1"},o.a.createElement("path",{id:"L",d:"M174.027 296.419C171.135 293.128 169.981 273.708 167.092 277.001C143.084 304.362 131.344 322.092 121.139 354.083C110.935 386.073 98.7242 420.379 95.1982 435.611C76.669 515.658 66.3817 609.903 75.9278 622.386C88.3592 638.643 231.076 710.201 246.128 709.448C257.108 708.899 298.217 710.73 356.809 718.177C415.365 725.62 489.299 731.753 491.178 730.534C544.747 695.771 565.634 648.741 568.065 643.88C575.744 628.521 563.435 538.123 562.018 533.872C560.504 529.33 548.347 468.034 543.966 443.546C535.528 396.389 519.213 318.815 506.857 283.805C505.365 279.579 484.368 232.956 480.172 231.382C475.598 229.667 470.23 261.436 431.689 278.483C393.149 295.53 361.789 296.903 340.526 301.459C319.773 305.906 233.797 314.059 222.679 311.836C212.668 309.833 185.621 309.612 174.027 296.419Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",d:"M166.923 96.7273C146.046 126.085 138.427 159.055 141.723 195.303C143.67 216.723 161.997 287.727 179.522 299.067C195.361 309.315 238.762 313.151 256.604 312.408C272.819 311.732 322.56 310.787 364.829 301.342C407.818 291.737 443.257 273.596 449.308 268.679C456.374 262.938 463.065 255.563 467.838 247.926C475.477 235.703 476.972 216.276 479.696 201.973C483.98 179.483 481.9 167.354 476.732 145.645C470.304 118.649 439.245 74.2835 416.697 55.963C408.313 49.1508 387.791 32.9867 341.097 24.8338C314.771 20.2371 292.451 20.8728 267.722 29.2808C230.663 41.8807 190.64 63.3747 166.923 96.7273Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",d:"M390.015 74.4922C375.449 78.9923 362.418 88.4718 350.733 98.2097C308.422 133.468 302.211 198.146 321.827 247.185C327.682 261.821 352.871 301.506 358.383 302.479C360.626 302.875 390.246 294.86 392.469 294.366C396.916 293.378 437.979 277.869 448.432 270.682C465.978 258.62 480.083 229.665 483.402 208.644C485.781 193.575 483.527 178.305 481.179 163.433C480.481 159.013 466.585 122.589 465.614 118.221C463.129 107.04 445.3 87.5678 441.155 81.1627C436.989 74.7241 411.76 67.7738 390.015 74.4922Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}),o.a.createElement("path",{id:"L",d:"M433.344 108.469C414.252 108.469 395.538 125.62 388.86 134.23C375.418 151.562 374.229 164.237 372.839 171.647C368.522 194.65 370.338 218.09 377.858 240.296C382.652 254.454 390.8 266.736 402.732 275.961C407.838 279.909 413.732 283.528 420.451 282.524C424.01 281.992 432.662 281.388 445.568 273.002C464.608 260.63 474.725 248.048 483.087 220.24C484.406 215.851 488.701 180.562 480.985 149.117C480.143 145.684 466.561 108.469 433.344 108.469Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}),o.a.createElement("path",{id:"L",className:"matilda-ear",d:"M427.666 150.464C403.854 166.632 400.988 203.263 413.302 227.76C417.491 236.093 424.265 247.437 434.721 248.349C447.229 249.441 458.187 239.157 463.735 229.226C470.263 217.542 471.706 211.614 473.095 197.114C473.651 191.297 474.866 181.023 468.747 168.348C461.514 153.365 451.697 150.177 445.179 147.466C440.872 145.675 432.422 147.235 427.666 150.464Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}),o.a.createElement("path",{id:"L",className:"matilda-eye",d:"M170.597 139.678C161.667 152.013 160.869 165.77 163.366 185.068C165.864 204.366 175.248 211.706 184.859 211.404C194.47 211.101 199.371 201.86 201.811 183.857C204.251 165.854 201.355 151.803 194.62 139.392C187.884 126.98 179.527 127.342 170.597 139.678Z",fill:"#000000",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",className:"matilda-eye",d:"M270.868 134.299C256.781 140.973 249.502 162.867 250.382 183.336C251.038 198.586 262.973 224.091 278.334 213.489C297.064 200.56 297.67 166.4 294.344 151.007C291.784 139.16 284.547 127.819 270.868 134.299Z",fill:"#000000",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",d:"M180.392 80.9802C180.392 80.9802 209.914 62.6426 247.913 70.1767C285.912 77.7108 334.426 113.223 334.426 113.223",fill:"none",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"3"}),o.a.createElement("path",{id:"L",className:"matilda-cheek",d:"M275.659 229.354C271.284 229.354 266.595 230.647 263.159 233.354C260.58 235.386 259.433 237.802 258.394 240.916C257.423 243.832 257.329 248.286 257.159 251.354C256.538 262.53 263.327 281.618 275.159 285.354C291.604 290.547 298.868 272.116 298.159 259.354C297.702 251.12 295.968 238.419 288.159 233.354C284.489 230.973 280.034 229.354 275.659 229.354Z",fill:"#F70D7C",fillRule:"evenodd",opacity:"1",stroke:"none"}),o.a.createElement("path",{id:"L",className:"matilda-cheek",d:"M162.112 234.026C167.155 233.297 175.843 245.727 177.423 248.23C182.038 255.537 191.154 271.091 182.653 278.592C181.545 279.569 176.639 280.786 175.062 280.983C169.598 281.666 167.93 275.244 165.672 271.406C160.246 262.182 157.042 253.704 154.839 243.24C153.642 237.553 155.726 234.948 162.112 234.026Z",fill:"#F70D7C",fillRule:"evenodd",opacity:"1",stroke:"none"}),o.a.createElement("path",{id:"L",d:"M362.433 330.781C346.029 345.375 344.472 355.027 307.593 373.094C263.465 394.713 246.074 402.504 198.159 403.52C144.945 404.648 124.139 371.775 121.275 366.242C119.331 362.486 111.773 391.898 101.625 423.628C97.8523 435.426 111.011 455.574 125.773 465.503C159.459 488.16 190.503 488.75 206.574 483.025C242.301 470.297 273.246 463.851 306.386 433.453C357.446 386.619 401.299 333.226 415.396 306.597C417.462 302.695 428.612 287.52 424.808 285.618C419.963 283.196 397.06 296.38 392.266 298.903C384.81 302.827 378.837 316.187 362.433 330.781Z",fill:"#b0b0b0",fillRule:"evenodd",opacity:"1",stroke:"none"}),o.a.createElement("path",{id:"L",d:"M293 640.382C285.831 653.303 257.386 701.532 263.942 712.061C267.22 717.327 307.976 721.996 322.123 723.765C335.088 725.386 410.898 730.509 419.349 731.187C427.364 731.83 476.327 736.558 490.802 729.38C493.541 728.021 497.306 724.344 499.074 721.813C505.21 713.029 500.469 703.732 497.611 694.617C495.94 689.285 464.451 635.866 449.339 624.4C430.582 610.168 412.281 599.246 389.176 594.318C371.346 590.514 314.441 601.743 293 640.382Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",d:"M83.8871 583.476C65.6367 579.196 17.4151 655.74 22.1125 679.227C22.908 683.204 24.3981 687.281 27.0545 690.346C36.9817 701.801 57.4325 699.876 71.0966 700.445C91.6894 701.303 139.417 703.343 143.535 703.343C147.654 703.343 186.013 705.679 189.896 704.309C193.477 703.045 222.156 705.041 221.332 701.335C220.485 697.521 112.835 590.266 83.8871 583.476Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"#000000",strokeDasharray:"",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"6"}),o.a.createElement("path",{id:"L",className:"matilda-eye-highlight",d:"M264.403 144.189C262.748 146.527 259.682 149.614 257.78 153.503C255.423 158.324 254.32 164.074 253.577 167.572C252.234 173.892 254.611 174.098 258.317 168.862C260.424 165.887 259.626 161.482 261.827 156.862C264.592 151.058 266.803 149.226 267.352 146.491C267.693 144.788 268.11 138.953 264.403 144.189Z",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"none"}),o.a.createElement("path",{id:"L",className:"matilda-eye-highlight",d:"M173.563 140.485C166.339 145.419 164.334 159.892 164.505 165.107C164.675 170.322 168.698 165.908 168.698 165.908C168.698 165.908 167.561 161.184 169.096 155.483C170.232 151.263 173.161 145.986 174.147 144.298",fill:"#ffffff",fillRule:"evenodd",opacity:"1",stroke:"none"})))});function Ba(){var e=Object(n.useRef)(null);return[e.current,function(t){console.log("addRemoteStream",t),e.current=t},function(){e.current=null}]}var Va=a(189);function Pa(e,t){var a=Object(n.useRef)(null),o=Object(n.useState)(!1),r=Object(v.a)(o,2),l=r[0],i=r[1];return Object(n.useEffect)((function(){var e=function(){if(a.current){a.current.disconnected||a.current.disconnect();try{a.current.destroyed||a.current.destroy()}catch(e){console.log(e)}}};a.current=a.current?a.current:new Va.a("Caregiver_229a-g1",{host:"socket.mymatilda.com.au",port:9090,path:"/peerpath",secure:!0}),a.current.on("open",(function(e){console.log("Peer opened:",e),i(!0)})),a.current.on("call",(function(e){console.log("Peer CALLED:",e);navigator.mediaDevices.getUserMedia({video:!0,audio:{autoGainControl:!0,channelCount:2,echoCancellation:!0,latency:0,noiseSuppression:!0,sampleRate:48e3,sampleSize:16}}).then((function(t){e.answer(t)}))})),a.current.on("connection",(function(e){console.log("Peer connected:",e)})),a.current.on("disconnected",(function(){console.log("Peer disconnected"),a.current.reconnect()})),a.current.on("close",(function(){console.log("Peer closed remotely"),e()})),a.current.on("error",(function(t){console.log("peer error",t),setTimeout((function(){window.location=window.location.origin+"/friends-and-relatives",alert("You might have ongoing call. The call has been cancelled.")}),1500),e()}))}),[e,t]),[a.current,"Caregiver_229a-g1",l]}var Ja={video:!0,audio:{autoGainControl:!1,channelCount:2,echoCancellation:!0,latency:0,noiseSuppression:!1,sampleRate:48e3,sampleSize:16,volume:1}};function Wa(){var e=Object(n.useState)(null),t=Object(v.a)(e,2),a=t[0],o=t[1];return Object(n.useEffect)((function(){if(a)return function(){a.getTracks().forEach((function(e){e.stop()}))};(function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,navigator.mediaDevices.getUserMedia(Ja);case 3:t=e.sent,o(t),e.next=11;break;case 7:e.prev=7,e.t0=e.catch(0),setTimeout((function(){window.location=window.location.origin+"/friends-and-relatives",alert("I can't start the video call. Please allow camera and microphone permissions.")}),1500),console.log(e.t0);case 11:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(){return e.apply(this,arguments)}})()()}),[a]),a}function Fa(){var e=Object(n.useRef)();return[Object(n.useCallback)((function(t){t&&e.current&&(e.current.srcObject=t)}),[e]),e,function(){e.current.play()}]}a(676);function Ha(e){var t=e.remoteStream,a=e.muteOrNot,r=Fa(),l=Object(v.a)(r,3),i=l[0],c=l[1],s=l[2];return Object(n.useEffect)((function(){t&&i(t)}),[i,t]),o.a.createElement("div",{className:"remote"},o.a.createElement("video",{onContextMenu:function(e){return e.preventDefault()},ref:c,onCanPlay:s,autoPlay:!0,playsInline:!0,muted:a,style:{width:"100%",height:"400px",objectFit:"cover"}}),o.a.createElement("div",{class:"rectangle-overlay"}))}var Ua=a(76),qa=a.n(Ua),Ga=function(){Object(p.f)();var e=localStorage.getItem("remoteId");Object(n.useEffect)((function(){console.log("Call on load"),Le(),null!==R&&R.close()}),[]);var t=localStorage.getItem("remoteId")||window.location.href.split("/")[4],a=Wa(),r=Ba(),l=Object(v.a)(r,3),i=l[0],c=l[1],s=l[2],u=Pa(c,s),d=Object(v.a)(u,3),m=d[0],g=(d[1],d[2],Object(n.useState)(!1)),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(t),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)({horizontal:0,vertical:15}),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(null),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(!1),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(!1),H=Object(v.a)(F,2),U=H[0],G=H[1],Y=Object(n.useState)(!0),Q=Object(v.a)(Y,2),K=Q[0],Z=Q[1],X=function(){var e=Object(te.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log("Sending message: ",t),null!==_){e.next=3;break}return e.abrupt("return");case 3:_.send(JSON.stringify(t));case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ee=function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("Joanna is here"),t=m.connect(x),B(t),t.on("open",(function(){console.log("Connection Opened");for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",a="",n=0;n<8;n++){var o=Math.floor(Math.random()*e.length);a+=e.charAt(o)}console.log("RANDOM STRING ",a);var r=qa.a.AES.encrypt(JSON.stringify({api:"head",horizontal:0,vertical:15}),a).toString();console.log("encryptedData ",r.concat("+++").concat(a)),t.send(r.concat("+++").concat(a))})),t.on("error",(function(e){console.log("Connection error",e)})),t.on("data",(function(e){var t=JSON.parse(e);t&&("photo"===t.type?Je(t.data,"image.jpg"):t.includes("error")&&(console.log(t),console.log(t.error)))}));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();function ae(){var e=!J;a.getAudioTracks().forEach((function(t){return t.enabled=!e})),W(e),G(e)}var ne=function(){console.log("STARTING CALL");console.log("Call matilda_aa2"),m.call("Matilda_aa2",a,{constraints:{mandatory:{OfferToReceiveAudio:!0,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}}),console.log("Call matilda 229a-g1")},oe=Object(n.useState)(!1),re=Object(v.a)(oe,2),le=re[0],ie=re[1],ce=Object(n.useState)(!1),se=Object(v.a)(ce,2),ue=se[0],de=se[1],he=Object(n.useState)("Scanning devices..."),Ee=Object(v.a)(he,2),Oe=(Ee[0],Ee[1]),Se=Object(n.useState)(""),Ce=Object(v.a)(Se,2),je=Ce[0],xe=Ce[1],we=Object(n.useState)([]),ke=Object(v.a)(we,2),Te=(ke[0],ke[1]),Ie=Object(n.useState)(""),Ae=Object(v.a)(Ie,2),Me=Ae[0],Ne=(Ae[1],function(){var e='{"api":"handleScan", "action":"get", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e),ie(!0)}))}),Re=function(){Oe("Scanning devices..."),ie(!1),xe(),Te([]),de(!1)},ze=function(){var t=Object(te.a)($.a.mark((function t(n){var o,r,l;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(Object(q.f)(q.c,(function(){Object(q.d)("Trying to connect with "+n)})),o='{"api":"echoCancel", "action":"get","name": "'.concat(e,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(o)})),S(!0),ee(),r={constraints:{mandatory:{OfferToReceiveAudio:!0,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}},console.log("REMOTE ID ",n),l=m.call(n,a,r),z(l),l){t.next=14;break}return console.log("ThisCall is empty"),setTimeout((function(){window.location=window.location.origin+"/friends-and-relatives",alert("I can't start the video call. Please allow camera and microphone permissions.")}),1500),window.location.reload(),t.abrupt("return");case 14:l.on("stream",(function(e){c(e),S(!1),h(!0)})),l.on("close",(function(){console.log("call closed"),s(),S(!1),h(!1),null!==l&&l.close()})),l.on("error",(function(e){console.log("call error",e),s(),S(!1),h(!1),null!==l&&l.close()}));case 17:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();var Le=function(){var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},De=function(){console.log("SEND RELOAD CHROME");var t='{"api":"reloadThisChrome", "action":"reloadThisChrome", "name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},_e=function(e){for(var t=Object.assign(e,{api:"head"}),a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n="",o=0;o<8;o++){var r=Math.floor(Math.random()*a.length);n+=a.charAt(r)}console.log("RANDOM STRING ",n);var l=qa.a.AES.encrypt(JSON.stringify(t),n).toString();_.send(l.concat("+++").concat(n)),A(e)};function Ve(){!function(t){var a='{"api":"handleStartCastSite", "action":"start", "url": "https://polar-equinox-385601.ue.r.appspot.com/", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),S(!0),console.log("DONE CASTING"),setTimeout(ne,2e4)}()}function Pe(){console.log("CAST TO DEVICE"),null==localStorage.getItem("castDevice")?alert("No selected casting device!"):(console.log("DEVICE AUDIOOOOOOOOOOOOOOO"),ze(x),setTimeout(Ve,5e3),de(!1))}var Je=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()},We=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage")||"English";return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:We("Call"),parentNode:"/friends-and-relatives",onClick:function(t){t.preventDefault(),console.log("Joanna is here also");var a='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}}),o.a.createElement(ge.a,{open:le,onClose:Re,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Re},"Scan Devices"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Re,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",je,e.currentTarget.value,Me),Oe("Scanning devices..."),ie(!1),xe(),Te([])},value:je,color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:ue,onClose:Re,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Re},We("Choose Video Call Type")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(me.a,{onClick:function(){ze(x),de(!1)},size:"small",type:"primary",variant:"outlined"},"Don't cast"),o.a.createElement("br",null),o.a.createElement(me.a,{onClick:Pe,size:"small",type:"primary",variant:"outlined"},"Cast to TV: Use TV audio"),o.a.createElement("br",null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Ne,color:"primary"},"Scan Devices"),o.a.createElement(me.a,{onClick:Re,color:"primary"},"Cancel"))),o.a.createElement("div",{id:"call-controls",className:b?"":"hidden"},o.a.createElement("button",{className:"btn btn-large",onClick:function(){Le(),null!==R&&(s(R.peer),R.close(),De(),X("Close Call"),z(null))}},"End Call"),o.a.createElement("button",{className:"btn btn-large",onClick:function(){console.log("TOGGLE VIDEO");var e=!K;a.getVideoTracks().forEach((function(t){return t.enabled=!e})),Z(e)}},"Toggle Video"),o.a.createElement("button",{onClick:ae,className:J?"hidden":"btn btn-large"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M3 3L21 21",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M9 9V9C9 11.7614 11.2386 14 14 14V14M15 10.5V5C15 3.34315 13.6569 2 12 2V2C10.3431 2 9 3.34315 9 5V5.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M5 10V11C5 14.866 8.13401 18 12 18V18V18C15.866 18 19 14.866 19 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M12 18V22M12 22H9M12 22H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Mute Yourself"),o.a.createElement("button",{onClick:ae,className:J?"btn btn-large":"hidden"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M21 14L21 18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M21 22.01L21.01 21.9989",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("rect",{x:"7",y:"2",width:"6",height:"12",rx:"3",stroke:"currentColor",strokeWidth:"1.5"}),o.a.createElement("path",{d:"M3 10V11C3 14.866 6.13401 18 10 18V18V18C13.866 18 17 14.866 17 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M10 18V22M10 22H7M10 22H13",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Unmute Yourself")),o.a.createElement("div",{id:"call-box",className:b?"hidden":""},o.a.createElement("div",null,o.a.createElement(_a,null)),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",{id:"connection-status",className:O?"":"hidden"},O?"Connecting ...":""),o.a.createElement("div",{className:b?"hidden":"call-form, content-area"},o.a.createElement("h4",null,We("Please Enter ID to call")),o.a.createElement("input",{type:"text",className:"form-control form-rounded",value:x,onChange:function(e){w(e.target.value)}}),o.a.createElement("span",{onClick:function(){ze(x)},id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We(O?"Connecting":"Connect")),"\xa0",o.a.createElement("span",{onClick:Pe,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We(O?"Connecting":"Cast to TV with TV audio")),"\xa0",o.a.createElement("span",{onClick:Ne,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We("Scan Devices")),"\xa0")))),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:b?"":"hidden",id:"video-container"},o.a.createElement("div",{id:"controls-container"},o.a.createElement("div",{id:"menu"},o.a.createElement("div",{className:"keys"},o.a.createElement("button",{className:"centre arr",onClick:function(){X({api:"take_photo",send_to:"192.168.163.30:8000/photo"})}},o.a.createElement("i",{className:"fa fa-camera"})),o.a.createElement("br",null),o.a.createElement("button",{className:"up arr",onClick:function(){if(console.log(I),I.vertical<50){var e={horizontal:I.horizontal,vertical:I.vertical+10};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-up"})),o.a.createElement("br",null),o.a.createElement("button",{className:"left arr",onClick:function(){if(I.horizontal<80){var e={horizontal:I.horizontal+10,vertical:I.vertical};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-left "})),o.a.createElement("button",{className:"centre arr",onClick:function(){_e({horizontal:0,vertical:15})}},o.a.createElement("i",{className:"fa fa-dot-circle-o"})),o.a.createElement("button",{className:"right arr",onClick:function(){if(I.horizontal>-80){var e={horizontal:I.horizontal-10,vertical:I.vertical};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-right"})),o.a.createElement("br",null),o.a.createElement("button",{className:"down arr",onClick:function(){if(I.vertical>-50){var e={horizontal:I.horizontal,vertical:I.vertical-10};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-down"}))))),o.a.createElement("div",{id:"remote-video"},o.a.createElement(Ha,{remoteStream:i,muteOrNot:U})))))),o.a.createElement("link",{href:"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}))};function Ya(e,t){var a=Object(n.useRef)(null),o=Object(n.useState)(!1),r=Object(v.a)(o,2),l=r[0],i=r[1],c=function(e){var t=e.width,a=e.height,n=Object.assign(document.createElement("canvas"),{width:t,height:a});n.getContext("2d").fillRect(0,0,t,a);var o=n.captureStream().getVideoTracks()[0];return Object.assign(o,{enabled:!1})};new MediaStream([function(){var e=new AudioContext,t=e.createOscillator(),a=t.connect(e.createMediaStreamDestination());t.start(),t.mute=!0;var n=a.stream.getAudioTracks()[0];return Object.assign(n,{enabled:!1})}(),c({width:320,height:240})]);return Object(n.useEffect)((function(){var e=function(){if(a.current){a.current.disconnected||a.current.disconnect();try{a.current.destroyed||a.current.destroy()}catch(e){console.log(e)}}};a.current=a.current?a.current:new Va.a("Caregiver_aa52",{host:"socket.mymatilda.com.au",port:9090,path:"/peerpath",secure:!0}),a.current.on("open",(function(e){console.log("Peer opened:",e),i(!0)})),a.current.on("connection",(function(e){console.log("Peer connected:",e)})),a.current.on("disconnected",(function(){console.log("Peer disconnected"),a.current.reconnect()})),a.current.on("close",(function(){console.log("Peer closed remotely"),e()})),a.current.on("error",(function(t){console.log("peer error",t),e()}))}),[e,t]),[a.current,"Caregiver_aa52",l]}a(702);a(302);var Qa=function(){var e=window.location.href.split("/")[4],t=function(e){var t=e.width,a=e.height,n=Object.assign(document.createElement("canvas"),{width:t,height:a});n.getContext("2d").fillRect(0,0,t,a);var o=n.captureStream().getVideoTracks()[0];return Object.assign(o,{enabled:!1})},a=new MediaStream([function(){var e=new AudioContext,t=e.createOscillator(),a=t.connect(e.createMediaStreamDestination());t.start(),t.mute=!0;var n=a.stream.getAudioTracks()[0];return Object.assign(n,{enabled:!1})}(),t({width:320,height:240})]),r=Ba(),l=Object(v.a)(r,3),i=l[0],c=l[1],s=l[2],u=Ya(c,s),d=Object(v.a)(u,3),m=d[0],p=(d[1],d[2]),g=Object(n.useState)(!1),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(e),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)({horizontal:0,vertical:15}),T=Object(v.a)(k,2),I=(T[0],T[1],Object(n.useState)(null)),A=Object(v.a)(I,2),M=A[0],N=A[1],R=Object(n.useState)(null),z=Object(v.a)(R,2),L=z[0],D=z[1],_=Object(n.useState)(!0),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!0),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!0),G=Object(v.a)(U,2),Y=G[0],Q=G[1];Object(n.useEffect)((function(){console.log("LOCATION CALL V2",e),null!=m&&1==Y&&(Q(!1),ee())}),[p]);var K=function(){var e=Object(te.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log("Sending message: ",t),null!==L){e.next=3;break}return e.abrupt("return");case 3:L.send(JSON.stringify(t));case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Z=function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=m.connect(x),D(t),t.on("open",(function(){console.log("Connection Opened"),t.send(JSON.stringify({api:"head",horizontal:0,vertical:15}))})),t.on("error",(function(e){console.log("Connection error",e)})),t.on("data",(function(e){var t=JSON.parse(e);t&&("photo"===t.type?ae(t.data,"image.jpg"):t.includes("error")&&(console.log(t),console.log(t.error)))}));case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();function X(){var e=!V;a.getAudioTracks().forEach((function(t){return t.enabled=!e})),P(e),H(e)}var ee=function(){var e=Object(te.a)($.a.mark((function e(){var t,n,o;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("Joanna call user ..."),t='{"api":"echoCancel", "action":"get","name": "'.concat(q.a,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(t)})),S(!0),Z(),n={constraints:{mandatory:{OfferToReceiveAudio:!0,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}},o=m.call("Caregiver_229a-g1",a,n),N(o),o.on("connect",(function(){console.log("NEW CONNECTED DEVICE")})),o.on("stream",(function(e){c(e),S(!1),h(!0)})),o.on("close",(function(){console.log("call closed"),s(),S(!1),h(!1),null!==o&&o.close()})),o.on("error",(function(e){console.log("call error",e),s(),S(!1),h(!1),null!==o&&o.close()}));case 12:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();var ae=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:"Call"}),o.a.createElement("div",{id:"call-controls",className:b?"":"hidden"},o.a.createElement("button",{className:"btn btn-large",onClick:function(){null!==M&&(s(M.peer),M.close(),K("Close Call"),N(null))}},"End Call"),o.a.createElement("button",{onClick:X,className:V?"hidden":"btn btn-large"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M3 3L21 21",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M9 9V9C9 11.7614 11.2386 14 14 14V14M15 10.5V5C15 3.34315 13.6569 2 12 2V2C10.3431 2 9 3.34315 9 5V5.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M5 10V11C5 14.866 8.13401 18 12 18V18V18C15.866 18 19 14.866 19 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M12 18V22M12 22H9M12 22H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Mute Yourself"),o.a.createElement("button",{onClick:X,className:V?"btn btn-large":"hidden"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M21 14L21 18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M21 22.01L21.01 21.9989",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("rect",{x:"7",y:"2",width:"6",height:"12",rx:"3",stroke:"currentColor",strokeWidth:"1.5"}),o.a.createElement("path",{d:"M3 10V11C3 14.866 6.13401 18 10 18V18V18C13.866 18 17 14.866 17 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M10 18V22M10 22H7M10 22H13",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Unmute Yourself")),o.a.createElement("div",{id:"call-box",className:b?"hidden":""},o.a.createElement("div",null,o.a.createElement(_a,null)),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",{id:"connection-status",className:O?"":"hidden"},O?"Connecting ...":""),o.a.createElement("div",{className:b?"hidden":"call-form, content-area"},o.a.createElement("h4",null,"Please Enter ID to call"),o.a.createElement("input",{type:"text",className:"form-control form-rounded",value:x,onChange:function(e){w(e.target.value)}}),o.a.createElement("span",{onClick:ee,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),O?"Connecting":"Connect"))))),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:b?"":"hidden",id:"video-container"},o.a.createElement("div",{id:"remote-video"},o.a.createElement(Ha,{remoteStream:i,muteOrNot:F})))))),o.a.createElement("link",{href:"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}))},Ka=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){return Object(c.a)(this,a),t.apply(this,arguments)}return Object(s.a)(a,[{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Matilda Blocks"}),o.a.createElement(la.a,{url:"http://192.168.163.30:9000/",width:"100%",height:"500px",onLoad:function(){console.log("IFRAME ON LOAD")}}))}}]),a}(n.Component),Za=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Xa=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).itemsPerPage=5,e.fetchWorkflowDetails=function(t){return new Promise((function(a,n){e.pendingWorkflowDetailsReject&&e.pendingWorkflowDetailsReject(new Error("Canceled by a newer workflow request")),e.pendingWorkflowDetailsResolve=a,e.pendingWorkflowDetailsReject=n,e.pendingWorkflowDetailsTimeout=window.setTimeout((function(){e.pendingWorkflowDetailsResolve=null,e.pendingWorkflowDetailsReject=null,e.pendingWorkflowDetailsTimeout=null,n(new Error("Timed out waiting for workflow details"))}),15e3);var o=JSON.stringify({action:"getSpecWflw",name:q.a,workflow:t.value,filename:t.label,value:t.value});Object(q.f)(q.c,(function(){return Object(q.b)(o)}))}))},e.handleDownload=function(){var t=Object(te.a)($.a.mark((function t(a){var n,o,r,l,i,c,s;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return e.setState({downloadingWorkflowKey:a.value}),n={},t.prev=2,t.next=5,e.fetchWorkflowDetails(a);case 5:n=t.sent,t.next=13;break;case 8:return t.prev=8,t.t0=t.catch(2),console.log("Unable to fetch workflow details",t.t0),e.setState({downloadingWorkflowKey:null}),t.abrupt("return");case 13:o=(a.label||a.value||"workflow").toString().replace(/[^a-z0-9-_]/gi,"_"),r="".concat(o,".json"),l=JSON.stringify(n,null,2),i=new Blob([l],{type:"application/json"}),c=window.URL.createObjectURL(i),(s=document.createElement("a")).href=c,s.download=r,document.body.appendChild(s),s.click(),document.body.removeChild(s),window.URL.revokeObjectURL(c),e.setState({downloadingWorkflowKey:null});case 26:case"end":return t.stop()}}),t,null,[[2,8]])})));return function(e){return t.apply(this,arguments)}}(),e.handleDelete=function(t){window.confirm("Delete workflow ".concat(t.label||t.value,"?"))&&e.setState((function(a){var n=a.contentlist.filter((function(e){return e.value!==t.value})),o=Math.max(1,Math.ceil(n.length/e.itemsPerPage)),r=JSON.stringify({action:"delSpecWflw",name:q.a,workflow:t.value,filename:t.label,value:t.value});return Object(q.f)(q.c,(function(){return Object(q.b)(r)})),{contentlist:n,deletingWorkflowKey:t.value,currentPage:Math.min(a.currentPage,o)}}),(function(){e.setState({deletingWorkflowKey:null})}))},e.goToPreviousPage=function(){e.setState((function(e){return{currentPage:Math.max(e.currentPage-1,1)}}))},e.goToNextPage=function(t){e.setState((function(e){return{currentPage:Math.min(e.currentPage+1,t)}}))},e.openWorkflowModal=function(){e.setState({showWorkflowModal:!0,currentPage:1})},e.closeWorkflowModal=function(){e.setState({showWorkflowModal:!1})},e.state={contentlist:[],currentPage:1,showWorkflowModal:!1,downloadingWorkflowKey:null,deletingWorkflowKey:null},e.pendingWorkflowDetailsResolve=null,e.pendingWorkflowDetailsReject=null,e.pendingWorkflowDetailsTimeout=null,e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this;console.log("WORKFLOW DESIGNER COMPONENT DID MOUNT");var t='{"action":"getWorkFlowList","name":"'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),q.c.onmessage=function(t){try{var a=JSON.parse(t.data);if(a&&void 0!==a.workflow_details&&e.pendingWorkflowDetailsResolve){e.pendingWorkflowDetailsTimeout&&window.clearTimeout(e.pendingWorkflowDetailsTimeout);var n=e.pendingWorkflowDetailsResolve;return e.pendingWorkflowDetailsResolve=null,e.pendingWorkflowDetailsReject=null,e.pendingWorkflowDetailsTimeout=null,void n(a.workflow_details)}if(a&&Array.isArray(a.workflows)){var o=a.workflows.map((function(e){return{value:e,label:e}}));e.setState({contentlist:o})}}catch(r){console.log("Something is Wrong")}}}},{key:"componentWillUnmount",value:function(){this.pendingWorkflowDetailsTimeout&&window.clearTimeout(this.pendingWorkflowDetailsTimeout),this.pendingWorkflowDetailsReject&&this.pendingWorkflowDetailsReject(new Error("Component unmounted before workflow details response")),this.pendingWorkflowDetailsResolve=null,this.pendingWorkflowDetailsReject=null,this.pendingWorkflowDetailsTimeout=null}},{key:"render",value:function(){var e=this,t=this.state,a=t.contentlist,n=t.currentPage,r=t.showWorkflowModal,l=t.downloadingWorkflowKey,i=t.deletingWorkflowKey,c=Math.ceil(a.length/this.itemsPerPage),s=(n-1)*this.itemsPerPage,u=a.slice(s,s+this.itemsPerPage);return o.a.createElement("div",null,o.a.createElement(pe.a,{title:Za("Work Flow Designer"),parentNode:"/technology-tools"}),o.a.createElement("div",{style:{display:"flex",justifyContent:"flex-start",marginBottom:"12px"}},o.a.createElement("button",{type:"button",onClick:this.openWorkflowModal,style:{background:"#0f766e",color:"#ffffff",border:"none",borderRadius:"8px",padding:"10px 14px",cursor:"pointer",fontSize:"14px",fontWeight:600}},"View Workflows")),o.a.createElement(la.a,{url:"https://workflow-397702.ue.r.appspot.com/",width:"100%",height:"500px",onLoad:function(){console.log("https://workflow-397702.ue.r.appspot.com/ IRAME ON LOAD")}}),r&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(15, 23, 42, 0.55)",display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",zIndex:2e3}},o.a.createElement("div",{style:{width:"min(960px, 100%)",maxHeight:"85vh",overflow:"auto",background:"#ffffff",borderRadius:"12px",boxShadow:"0 20px 50px rgba(15, 23, 42, 0.28)"}},o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 16px",borderBottom:"1px solid #e2e8f0",background:"#f8fafc"}},o.a.createElement("h3",{style:{margin:0,fontSize:"18px",color:"#0f172a"}},"Workflow List"),o.a.createElement("button",{type:"button",onClick:this.closeWorkflowModal,style:{background:"#ef4444",color:"#ffffff",border:"none",borderRadius:"8px",padding:"8px 12px",cursor:"pointer",fontSize:"13px",fontWeight:600}},"Close")),a&&a.length>0?o.a.createElement("div",{style:{overflowX:"auto"}},o.a.createElement("table",{style:{width:"100%",borderCollapse:"separate",borderSpacing:0}},o.a.createElement("thead",null,o.a.createElement("tr",{style:{background:"#f8fafc"}},o.a.createElement("th",{style:{textAlign:"left",borderBottom:"1px solid #e5e7eb",padding:"12px 14px",fontSize:"14px",color:"#334155",fontWeight:700}},"Label"),o.a.createElement("th",{style:{textAlign:"left",borderBottom:"1px solid #e5e7eb",padding:"12px 14px",fontSize:"14px",color:"#334155",fontWeight:700}},"Value"),o.a.createElement("th",{style:{textAlign:"left",borderBottom:"1px solid #e5e7eb",padding:"12px 14px",fontSize:"14px",color:"#334155",fontWeight:700}},"Action"))),o.a.createElement("tbody",null,u.map((function(t,a){return o.a.createElement("tr",{key:"".concat(t.value,"-").concat(a)},o.a.createElement("td",{style:{borderBottom:"1px solid #eef2f7",padding:"12px 14px",fontSize:"14px",color:"#0f172a"}},t.label),o.a.createElement("td",{style:{borderBottom:"1px solid #eef2f7",padding:"12px 14px",fontSize:"14px",color:"#475569"}},t.value),o.a.createElement("td",{style:{borderBottom:"1px solid #eef2f7",padding:"12px 14px"}},o.a.createElement("div",{style:{display:"flex",gap:"8px",alignItems:"center"}},o.a.createElement("button",{type:"button",onClick:function(){return e.handleDownload(t)},disabled:l===t.value||i===t.value,style:{background:l===t.value||i===t.value?"#94a3b8":"#0f766e",color:"#ffffff",border:"none",borderRadius:"8px",padding:"8px 12px",cursor:l===t.value||i===t.value?"not-allowed":"pointer",fontSize:"13px",fontWeight:600}},l===t.value?"Loading...":"Download"),o.a.createElement("button",{type:"button",onClick:function(){return e.handleDelete(t)},disabled:l===t.value||i===t.value,style:{background:i===t.value?"#fca5a5":"#dc2626",color:"#ffffff",border:"none",borderRadius:"8px",padding:"8px 12px",cursor:l===t.value||i===t.value?"not-allowed":"pointer",fontSize:"13px",fontWeight:600}},i===t.value?"Deleting...":"Delete"))))})))),o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 14px",background:"#f8fafc",borderTop:"1px solid #e5e7eb"}},o.a.createElement("div",{style:{fontSize:"13px",color:"#475569"}},"Showing ",s+1," to ",Math.min(s+this.itemsPerPage,a.length)," of ",a.length),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},o.a.createElement("button",{type:"button",onClick:this.goToPreviousPage,disabled:1===n,style:{background:1===n?"#cbd5e1":"#1d4ed8",color:"#ffffff",border:"none",borderRadius:"8px",padding:"8px 12px",cursor:1===n?"not-allowed":"pointer",fontSize:"13px",fontWeight:600}},"Previous"),o.a.createElement("span",{style:{fontSize:"13px",color:"#334155",fontWeight:600}},"Page ",n," of ",c||1),o.a.createElement("button",{type:"button",onClick:function(){return e.goToNextPage(c)},disabled:n===c||0===c,style:{background:n===c||0===c?"#cbd5e1":"#1d4ed8",color:"#ffffff",border:"none",borderRadius:"8px",padding:"8px 12px",cursor:n===c||0===c?"not-allowed":"pointer",fontSize:"13px",fontWeight:600}},"Next")))):o.a.createElement("div",{style:{padding:"20px",color:"#475569",fontSize:"14px"}},"No workflows found."))))}}]),a}(n.Component),$a=a(286),en=a(191),tn=a.n(en),an=a(270),nn=a.n(an),on=a(268),rn=a.n(on),ln=a(269),cn=a.n(ln),sn=a(1081),un=a(1023),dn=a(1095),mn=a(1096),pn=a(190),gn=a.n(pn),fn=Object(Y.a)((function(e){return{root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper}}}));function bn(e){var t=e.prompts,a=e.selectCallback,n=fn(),r=o.a.useState(1),l=Object(v.a)(r,2),i=l[0],c=l[1];return o.a.createElement("div",{className:n.root},o.a.createElement(da.a,{style:{maxHeight:400,overflow:"auto"}},o.a.createElement(sn.a,{component:"nav","aria-label":"main mailbox folders"},t.map((function(e,t){return o.a.createElement(un.a,{button:!0,selected:i==e,key:e,value:e,onClick:function(t){return function(e,t){c(t),a(t)}(0,e)}},o.a.createElement(dn.a,null,o.a.createElement(gn.a,null)),o.a.createElement(mn.a,{primary:e}))})))),o.a.createElement(Jt.a,null))}var hn=a(198);function vn(e){return o.a.createElement(hn.a,e,o.a.createElement("path",{d:"M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6V11c0-3.07-1.63-5.64-4.5-6.32V4a1.5 1.5 0 0 0-3 0v.68C7.63 5.36 6 7.92 6 11v5l-1.7 1.7a.996.996 0 0 0 .7 1.7h14a.996.996 0 0 0 .7-1.7L18 16zM4 17v-6c0-4.42 3.58-8 8-8s8 3.58 8 8v6l2 2v1H2v-1l2-2z"}))}var En=Object(Y.a)((function(e){return{root:{padding:"24px 16px",minHeight:"75vh",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start"},layoutContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignItems:"flex-start",gap:"24px",width:"100%",maxWidth:"1040px"},cardContainer:{flex:"1 1 450px",width:"100%",maxWidth:"500px",padding:"32px 24px",textAlign:"center",border:"1px solid #edf2f7",borderRadius:"16px",background:"#ffffff",boxShadow:"0 10px 25px -5px rgba(0, 0, 0, 0.05)",position:"relative"},promptListWrapper:{flex:"1 1 450px",width:"100%",maxWidth:"500px"},toggleContainer:{display:"inline-flex",backgroundColor:"#f1f5f9",borderRadius:"12px",padding:"4px",marginBottom:"28px",border:"1px solid #e2e8f0"},activeMuiButton:{backgroundColor:"#ffffff !important",color:"#007bff !important",fontWeight:"600",textTransform:"none",borderRadius:"8px",padding:"8px 20px",boxShadow:"0 4px 6px -1px rgba(0,0,0,0.06)"},inactiveMuiButton:{color:"#64748b !important",fontWeight:"600",textTransform:"none",borderRadius:"8px",padding:"8px 20px"},formControl:{width:"100%",marginTop:"16px",marginBottom:"8px"},actionHeader:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:"20px"}}})),yn=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)("type your message here or select from below list"),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("2"),d=Object(v.a)(u,2),m=d[0],g=d[1],f=Object(n.useState)("15"),b=Object(v.a)(f,2),h=b[0],E=b[1],y=Object(n.useState)([]),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(!1),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(!1),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useRef)(null),R=Object(n.useRef)(),z=En(),L=Object(p.f)();Object(n.useEffect)((function(){function e(e){R.current&&!R.current.contains(e.target)&&k(!1)}return w?document.addEventListener("mousedown",e):document.removeEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[w]),Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId");if(e){var t='{"action":"getPrompt","name":"'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}));var a='{"action":"notification_get","name":"'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))}else L.push("/login")}),[L]),Object(n.useEffect)((function(){return function(){N.current&&clearTimeout(N.current)}}),[]),q.c.onmessage=function(e){if(console.log(e.data.toString()),e.data&&e.data.toString().includes("prompts")&&r(JSON.parse(e.data).prompts),e.data&&e.data.toString().includes("notifications"))try{var t=JSON.parse(e.data);t.notifications&&C(t.notifications)}catch(a){console.error("Failed to parse notifications",a)}e.data&&e.data.toString().includes("successNotification")&&(N.current&&clearTimeout(N.current),N.current=setTimeout((function(){M(!0)}),12e3))};var D=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:D("Messenger"),parentNode:"/friends-and-relatives"}),o.a.createElement("div",{className:z.root},A&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(15, 23, 42, 0.45)",backdropFilter:"blur(4px)",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",zIndex:2e3},onClick:function(){return M(!1)}},o.a.createElement("div",{style:{background:"#fff",borderRadius:12,padding:"28px 24px",width:"100%",maxWidth:"380px",boxShadow:"0 20px 25px -5px rgba(0,0,0,0.1)",textAlign:"center"},onClick:function(e){return e.stopPropagation()}},o.a.createElement("h3",{style:{marginTop:0,marginBottom:12,color:"#0f172a"}},D("Notification")),o.a.createElement("p",{style:{marginTop:0,marginBottom:24,color:"#475569",fontSize:"15px"}},D("Your message has been sent successfully.")),o.a.createElement(me.a,{variant:"contained",color:"primary",fullWidth:!0,style:{borderRadius:"8px",padding:"10px 0",fontWeight:"600",textTransform:"none"},onClick:function(){return M(!1)}},D("OK")))),o.a.createElement("div",{className:z.layoutContainer},o.a.createElement("div",{className:z.cardContainer},o.a.createElement("div",{className:z.toggleContainer},o.a.createElement(me.a,{className:z.inactiveMuiButton,startIcon:o.a.createElement(rn.a,null),onClick:function(){L.push("/messenger-audio")}},"Audio"),o.a.createElement(me.a,{className:z.activeMuiButton,startIcon:o.a.createElement(cn.a,null),onClick:function(){L.push("/messenger")}},"Text")),o.a.createElement("div",{className:z.actionHeader},o.a.createElement("span",{style:{position:"relative",display:"inline-block"}},o.a.createElement(vn,{style:{cursor:"pointer",color:"#64748b"},onClick:function(){if(k((function(e){return!e})),!w){var e=localStorage.getItem("remoteId"),t='{"action":"notification_get","name":"'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))}}}),S.length>0&&o.a.createElement("span",{style:{position:"absolute",top:-4,right:-4,background:"#ef4444",color:"white",borderRadius:"50%",padding:"2px 6px",fontSize:10,fontWeight:"bold",minWidth:18,textAlign:"center",zIndex:1100}},S.length)),o.a.createElement("p",{style:{margin:0,fontSize:"14px",color:"#64748b",textAlign:"right",fontWeight:"500"}},D("Send a text notification"))),w&&o.a.createElement("div",{ref:R,style:{position:"absolute",background:"#fff",border:"1px solid #e2e8f0",borderRadius:12,boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1)",left:24,top:110,zIndex:1e3,width:"calc(100% - 48px)",maxHeight:260,overflowY:"auto"}},o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",borderBottom:"1px solid #f1f5f9",fontWeight:"600"}},o.a.createElement("span",{style:{color:"#0f172a"}},"Notifications"),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},o.a.createElement("button",{onClick:function(){var e=localStorage.getItem("remoteId"),t='{"action":"clearNotifications","name":"'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))},style:{background:"#007bff",color:"#fff",border:"none",borderRadius:6,padding:"4px 12px",fontSize:"12px",fontWeight:"600",cursor:"pointer"}},"Clear"),o.a.createElement($a.a,{onClick:function(){return k(!1)},style:{color:"#fff",backgroundColor:"#ef4444",padding:4},size:"small"},o.a.createElement(tn.a,{style:{fontSize:16}})))),0===S.length?o.a.createElement("div",{style:{padding:16,color:"#64748b",fontSize:"14px"}},"No notifications"):S.map((function(e,t){return o.a.createElement("div",{key:t,style:{padding:"12px 16px",borderBottom:"1px solid #f8fafc",color:"#334155",fontSize:"14px",textAlign:"left"}},e)}))),o.a.createElement("form",{noValidate:!0,autoComplete:"off"},o.a.createElement(he.a,{id:"outlined-multiline-static",label:D("Message"),multiline:!0,rows:4,value:c,variant:"outlined",fullWidth:!0,onChange:function(e){return s(e.target.value)},style:{marginBottom:"16px"}}),o.a.createElement(ia.a,{container:!0,spacing:2},o.a.createElement(ia.a,{item:!0,xs:6},o.a.createElement(Me.a,{variant:"outlined",className:z.formControl},o.a.createElement(Re.a,{htmlFor:"times"},D("Times")),o.a.createElement(Ne.a,{native:!0,value:m,onChange:function(e){return g(e.target.value)},label:D("Times"),inputProps:{name:"time",id:"times"}},Object(ee.a)(Array(10).keys()).map((function(e){return o.a.createElement("option",{key:e+1,value:e+1},e+1)}))))),o.a.createElement(ia.a,{item:!0,xs:6},o.a.createElement(Me.a,{variant:"outlined",className:z.formControl},o.a.createElement(Re.a,{htmlFor:"interval"},D("Interval")),o.a.createElement(Ne.a,{native:!0,value:h,onChange:function(e){return E(e.target.value)},label:D("Interval"),inputProps:{name:"interval",id:"interval"}},o.a.createElement("option",{value:15},D("15 seconds")),o.a.createElement("option",{value:30},D("30 seconds")),o.a.createElement("option",{value:45},D("45 seconds")),o.a.createElement("option",{value:60},D("1 minute")),o.a.createElement("option",{value:300},D("5 minutes")),o.a.createElement("option",{value:600},D("10 minutes")),o.a.createElement("option",{value:1200},D("20 minutes")),o.a.createElement("option",{value:1500},D("30 minutes")))))),o.a.createElement(me.a,{variant:"contained",color:"primary",fullWidth:!0,startIcon:o.a.createElement(nn.a,null),onClick:function(){var e=localStorage.getItem("remoteId"),t='{"action":"tellPrompt","prompt":"'.concat(c,'" , "time":').concat(m,'  , "interval":').concat(h,' , "name":"').concat(e,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))},style:{marginTop:"24px",borderRadius:"8px",padding:"10px 0",fontWeight:"600",textTransform:"none"}},D("Send")))),o.a.createElement("div",{className:z.promptListWrapper},o.a.createElement(bn,{prompts:a,selectCallback:function(e){return s(e)}})))))},On=a(341),Sn=a.n(On),Cn=a(481),jn=a.n(Cn),xn=a(482),wn=a.n(xn),kn=a(342),Tn=a.n(kn),In=a(222),An=(a(703),function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).handleRepeatChange=function(e){var t=e.target.value;n.setState({repeat:""===t?"":Math.max(1,Number(t))})},n.handleIntervalChange=function(e){n.setState({interval:Number(e.target.value)})},n.computeTitle=function(e){return e},n.start=function(){n.setState({recordState:In.a.START,status:"recording",audioData:null})},n.pause=function(){n.setState({recordState:In.a.PAUSE,status:"paused"})},n.stop=function(){n.setState({recordState:In.a.STOP,status:"stopped"})},n.onStop=function(e){n.setState({audioData:e}),console.log("onStop: audio data",e)},n.send=function(){if(n.state.audioData){console.log("SEND DATA ",n.state.audioData);var e=new FileReader,t=n.state.repeat,a=n.state.interval;e.readAsDataURL(n.state.audioData.blob),e.onloadend=function(){var o=e.result;console.log("Base64 String - ",o);var r=JSON.stringify({robot_id:localStorage.getItem("remoteId"),email:"marie@gmail.com",base64_data:o,repeat:t,interval:a}),l={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/user-vm?robot_id="+localStorage.getItem("remoteId")+"&email=marie@gmail.com",headers:{"Content-Type":"application/json"},data:r};Object(q.f)(q.c,(function(){Object(q.d)("You have incoming message")})),f.a.request(l).then((function(e){console.log("sendAudioMessage");var o='{"api":"sendAudioMessage","name": "'.concat(q.a,'", "repeat": "').concat(t,'", "interval": "').concat(a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)})),n.setState({status:"idle",audioData:null,recordState:null})})).catch((function(e){console.log(e)}))}}},n.state={recordState:null,audioData:null,repeat:2,interval:8,status:"idle"},n}return Object(s.a)(a,[{key:"render",value:function(){var e=this.state,t=e.recordState,a=e.status,n=e.audioData,r={wrapper:{width:"100%",display:"flex",flexDirection:"column",gap:"20px"},formGrid:{display:"flex",gap:"16px",flexWrap:"wrap",justifyContent:"center",alignItems:"center"},formControl:{minWidth:"140px",flex:"1 1 140px"},recordCard:{backgroundColor:"#f8fafc",border:"1px solid #e2e8f0",borderRadius:"12px",padding:"24px 20px",display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",width:"100%"},btnRow:{display:"flex",justifyContent:"center",alignItems:"center",gap:"16px"},recordBtn:{backgroundColor:"#fee2e2",color:"#ef4444",padding:"14px"},actionBtn:{backgroundColor:"#e2e8f0",color:"#334155",padding:"12px"},stopBtn:{backgroundColor:"#0f172a",color:"#ffffff",padding:"12px"},statusText:{fontSize:"12px",fontWeight:"700",color:"#64748b",textTransform:"uppercase",letterSpacing:"0.05em"}};return o.a.createElement("div",{style:r.wrapper},o.a.createElement("div",{style:{display:"none"}},o.a.createElement(In.b,{state:t,onStop:this.onStop,backgroundColor:"rgb(255,255,255)"})),o.a.createElement("div",{style:r.formGrid},o.a.createElement(he.a,{id:"repeat-field",label:"Times",type:"number",inputProps:{min:1},value:this.state.repeat,onChange:this.handleRepeatChange,variant:"outlined",InputLabelProps:{shrink:!0},style:r.formControl}),o.a.createElement(Me.a,{variant:"outlined",style:r.formControl},o.a.createElement(Re.a,{htmlFor:"interval-select",shrink:!0},this.computeTitle("Interval")),o.a.createElement(Ne.a,{native:!0,value:this.state.interval,onChange:this.handleIntervalChange,label:this.computeTitle("Interval"),inputProps:{name:"interval",id:"interval-select"},style:{marginTop:"0px"}},o.a.createElement("option",{value:5},this.computeTitle("5 seconds")),o.a.createElement("option",{value:15},this.computeTitle("15 seconds")),o.a.createElement("option",{value:30},this.computeTitle("30 seconds")),o.a.createElement("option",{value:45},this.computeTitle("45 seconds")),o.a.createElement("option",{value:60},this.computeTitle("1 minute")),o.a.createElement("option",{value:300},this.computeTitle("5 minutes")),o.a.createElement("option",{value:600},this.computeTitle("10 minutes")),o.a.createElement("option",{value:1200},this.computeTitle("20 minutes")),o.a.createElement("option",{value:1500},this.computeTitle("30 minutes"))))),o.a.createElement("div",{style:r.recordCard},o.a.createElement("div",{style:r.statusText},"idle"===a&&"Ready to Capture","recording"===a&&"\ud83d\udd34 Recording Audio Broadcast...","paused"===a&&"\u23f8\ufe0f Capture Paused","stopped"===a&&"\u2705 Clip Completed"),o.a.createElement("div",{style:r.btnRow},"idle"===a&&o.a.createElement($a.a,{style:r.recordBtn,onClick:this.start},o.a.createElement(Sn.a,{style:{fontSize:28}})),"recording"===a&&o.a.createElement(o.a.Fragment,null,o.a.createElement($a.a,{style:r.actionBtn,onClick:this.pause},o.a.createElement(jn.a,{style:{fontSize:24}})),o.a.createElement($a.a,{style:r.stopBtn,onClick:this.stop},o.a.createElement(Tn.a,{style:{fontSize:24}}))),"paused"===a&&o.a.createElement(o.a.Fragment,null,o.a.createElement($a.a,{style:r.actionBtn,onClick:this.start},o.a.createElement(wn.a,{style:{fontSize:24}})),o.a.createElement($a.a,{style:r.stopBtn,onClick:this.stop},o.a.createElement(Tn.a,{style:{fontSize:24}}))),"stopped"===a&&o.a.createElement($a.a,{style:r.recordBtn,onClick:this.start},o.a.createElement(Sn.a,{style:{fontSize:28}}))),n&&o.a.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",gap:"14px",marginTop:"4px"}},o.a.createElement("audio",{id:"audio",controls:!0,src:n?n.url:null,style:{width:"100%",maxWidth:"280px",height:"40px"}}),o.a.createElement(me.a,{variant:"contained",style:{backgroundColor:"#007bff",color:"#ffffff",textTransform:"none",fontWeight:"600",borderRadius:"8px",padding:"8px 28px"},startIcon:o.a.createElement(nn.a,null),onClick:this.send},"Send Audio Message"))))}}]),a}(o.a.Component)),Mn=Object(Y.a)((function(e){return{root:{padding:"24px 16px",minHeight:"75vh",display:"flex",alignItems:"center",justifyContent:"center"},cardContainer:{width:"100%",maxWidth:"400px",padding:"32px 24px",textAlign:"center",border:"1px solid #edf2f7",borderRadius:"16px",background:"#ffffff",boxShadow:"0 10px 25px -5px rgba(0, 0, 0, 0.05)"},toggleContainer:{display:"inline-flex",backgroundColor:"#f1f5f9",borderRadius:"12px",padding:"4px",marginBottom:"28px",border:"1px solid #e2e8f0"},activeMuiButton:{backgroundColor:"#ffffff !important",color:"#007bff !important",fontWeight:"600",textTransform:"none",borderRadius:"8px",padding:"8px 20px",boxShadow:"0 4px 6px -1px rgba(0,0,0,0.06)"},inactiveMuiButton:{color:"#64748b !important",fontWeight:"600",textTransform:"none",borderRadius:"8px",padding:"8px 20px"},recorderArea:{display:"flex",justifyContent:"center",alignItems:"center",padding:"24px 16px",backgroundColor:"#f8fafc",borderRadius:"12px",border:"1px dashed #e2e8f0",minHeight:"80px",marginTop:"16px"},loadingOverlay:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(15, 23, 42, 0.6)",backdropFilter:"blur(4px)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",zIndex:2e3,color:"#ffffff"},loadingCard:{background:"#ffffff",padding:"32px",borderRadius:"16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"16px",boxShadow:"0 20px 25px -5px rgba(0,0,0,0.15)",width:"100%",maxWidth:"280px"}}})),Nn=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useRef)(null),d=Mn(),m=Object(p.f)();Object(n.useEffect)((function(){return q.c.onmessage=function(e){console.log(e.data.toString()),e.data&&e.data.toString().includes("successNotification")&&(s(!0),u.current&&clearTimeout(u.current),u.current=setTimeout((function(){s(!1),r(!0)}),12e3))},function(){u.current&&clearTimeout(u.current)}}),[]);return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:"Audio Message",parentNode:"/messenger"}),c&&o.a.createElement("div",{className:d.loadingOverlay},o.a.createElement("div",{className:d.loadingCard},o.a.createElement(k.a,{size:44,thickness:4.5,style:{color:"#007bff"}}),o.a.createElement("p",{style:{margin:0,color:"#0f172a",fontWeight:"600",fontSize:"16px"}},"Sending message..."),o.a.createElement("p",{style:{margin:0,color:"#64748b",fontSize:"13px"}},"Please wait a moment"))),a&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",backgroundColor:"rgba(15, 23, 42, 0.45)",backdropFilter:"blur(4px)",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",zIndex:2e3},onClick:function(){return r(!1)}},o.a.createElement("div",{style:{background:"#fff",borderRadius:12,padding:"28px 24px",width:"100%",maxWidth:"380px",boxShadow:"0 20px 25px -5px rgba(0,0,0,0.1)",textAlign:"center"},onClick:function(e){return e.stopPropagation()}},o.a.createElement("h3",{style:{marginTop:0,marginBottom:12,color:"#0f172a"}},"Notification"),o.a.createElement("p",{style:{marginTop:0,marginBottom:24,color:"#475569",fontSize:"15px"}},"Your message has been sent successfully."),o.a.createElement(me.a,{variant:"contained",color:"primary",fullWidth:!0,style:{borderRadius:"8px",padding:"10px 0",fontWeight:"600",textTransform:"none"},onClick:function(){return r(!1)}},"OK"))),o.a.createElement("div",{className:d.root},o.a.createElement("div",{className:d.cardContainer},o.a.createElement("div",{className:d.toggleContainer},o.a.createElement(me.a,{className:d.activeMuiButton,startIcon:o.a.createElement(rn.a,null),onClick:function(){m.push("/messenger-audio")}},"Audio"),o.a.createElement(me.a,{className:d.inactiveMuiButton,startIcon:o.a.createElement(cn.a,null),onClick:function(){m.push("/messenger")}},"Text")),o.a.createElement("div",null,o.a.createElement("p",{style:{margin:"0 0 6px 0",fontSize:"18px",fontWeight:"600",color:"#0f172a"}},"Record Audio Note"),o.a.createElement("p",{style:{margin:"0 0 20px 0",fontSize:"14px",color:"#64748b"}},"Tap the recorder widget below to manage audio capture")),o.a.createElement("div",{className:d.recorderArea},o.a.createElement(An,null)))))},Rn=a(1097),zn=a(1136),Ln=a(1026),Dn=a(1027),_n=a(1028),Bn=a(519),Vn=a(204),Pn=a(1029),Jn=a(1087),Wn=a(1098),Fn=a(1143),Hn=a(1079),Un=(a(704),Object(Y.a)((function(e){return{root:{display:"flex",flexWrap:"wrap",justifyContent:"flex-start",overflow:"hidden",alignItems:"center"},image:{marginBottom:"20px",marginRight:"20px",width:"150px"},img:{width:"100px"},imageList:{width:500,height:500},icon:{color:"rgba(255, 255, 255, 0.54)"}}})));function qn(){var e=Un(),t=(Object(p.f)(),o.a.useState(!1)),a=Object(v.a)(t,2),r=(a[0],a[1]),l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],g=d[1],f=Object(n.useState)(!1),b=Object(v.a)(f,2),h=b[0],E=b[1],y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(!1),w=Object(v.a)(j,2),k=w[0],T=w[1],I=Object(n.useState)(!1),A=Object(v.a)(I,2),M=A[0],N=A[1],R=Object(n.useState)(!1),z=Object(v.a)(R,2),L=z[0],D=z[1],_=Object(n.useState)(!1),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!1),q=Object(v.a)(U,2),G=q[0],Y=q[1],Z=function(){r(!1)},X=o.a.useState(""),$=Object(v.a)(X,2),ee=$[0],te=$[1],ae=function(e){te(e.target.value)},ne=function(t){return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickAddAccount},o.a.createElement("span",{className:"grids bg-red"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M8.602 3.7c-1.154 1.937-.635 5.227 1.424 9.025.93 1.712.697 3.02.338 3.815-.982 2.178-3.675 2.799-6.525 3.456-1.964.454-1.839.87-1.839 4.004h-1.995l-.005-1.241c0-2.52.199-3.975 3.178-4.663 3.365-.777 6.688-1.473 5.09-4.418-4.733-8.729-1.35-13.678 3.732-13.678 3.321 0 5.97 2.117 5.97 6.167 0 3.555-1.949 6.833-2.383 7.833h-2.115c.392-1.536 2.499-4.366 2.499-7.842 0-5.153-5.867-4.985-7.369-2.458zm15.398 15.8c0 2.485-2.017 4.5-4.5 4.5s-4.5-2.015-4.5-4.5 2.017-4.5 4.5-4.5 4.5 2.015 4.5 4.5zm-2-.5h-2v-2h-1v2h-2v1h2v2h1v-2h2v-1z"}))),o.a.createElement(Rn.a,{title:"Add Account",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickWifi},o.a.createElement("span",{className:"grids bg-yellow"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M8.213 16.984c.97-1.028 2.308-1.664 3.787-1.664s2.817.636 3.787 1.664l-3.787 4.016-3.787-4.016zm-1.747-1.854c1.417-1.502 3.373-2.431 5.534-2.431s4.118.929 5.534 2.431l2.33-2.472c-2.012-2.134-4.793-3.454-7.864-3.454s-5.852 1.32-7.864 3.455l2.33 2.471zm5.534-11.13c3.949 0 7.681 1.517 10.607 4.291l-1.021 1.083c-2.656-2.452-6.023-3.791-9.586-3.791s-6.93 1.339-9.586 3.791l-1.021-1.083c2.926-2.774 6.658-4.291 10.607-4.291zm0-1c-4.687 0-8.929 2.015-12 5.272l2.388 2.533c2.46-2.609 5.859-4.222 9.612-4.222s7.152 1.613 9.612 4.222l2.388-2.533c-3.071-3.257-7.313-5.272-12-5.272z"}))),o.a.createElement(Rn.a,{title:"WiFi Setup",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickAnalytics},o.a.createElement("span",{className:"grids bg-purple"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M7 24h-6v-6h6v6zm8-9h-6v9h6v-9zm8-4h-6v13h6v-13zm0-11l-6 1.221 1.716 1.708-6.85 6.733-3.001-3.002-7.841 7.797 1.41 1.418 6.427-6.39 2.991 2.993 8.28-8.137 1.667 1.66 1.201-6.001z"}))),o.a.createElement(Rn.a,{title:"Analytics",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickSettings},o.a.createElement("span",{className:"grids bg-dark-red"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M19 2c1.654 0 3 1.346 3 3v14c0 1.654-1.346 3-3 3h-14c-1.654 0-3-1.346-3-3v-14c0-1.654 1.346-3 3-3h14zm5 3c0-2.761-2.238-5-5-5h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14zm-13 12h-2v3h-2v-3h-2v-3h6v3zm-2-13h-2v8h2v-8zm10 5h-6v3h2v8h2v-8h2v-3zm-2-5h-2v3h2v-3z"}))),o.a.createElement(Rn.a,{title:"Settings",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickSpeechSensitivity},o.a.createElement("span",{className:"grids bg-blue"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M17.454 12.537c2.782 0 5.046 1.779 5.046 3.967 0 1.12-.462 1.745-1.102 2.509-.021.746-.049 1.054.139 1.866-.891-.306-.986-.396-1.666-.813-.894.218-1.489.38-2.465.38-3.087 0-4.998-2.046-4.998-3.942 0-2.188 2.264-3.967 5.046-3.967zm0-1.5c-3.436 0-6.546 2.292-6.546 5.467 0 2.799 2.633 5.442 6.498 5.442.699 0 1.44-.087 2.213-.275.914.561 2.933 1.128 4.352 1.385-.53-1.044-1.117-2.479-1.088-3.479.714-.853 1.117-1.953 1.117-3.073 0-3.158-3.089-5.467-6.546-5.467zm-8.485 4.614c-1.138-.11-1.611-.247-2.611-.491-.97.596-1.26.815-3.008 1.374.418-1.514.364-2.183.333-3.183-.834-1-1.683-2.07-1.683-3.943 0-3.502 3.589-6.352 8-6.352 4.264 0 7.748 2.664 7.978 6.004.698.038 1.377.14 2.021.315-.022-4.834-4.762-8.319-9.999-8.319-5.281 0-10 3.527-10 8.352 0 1.71.615 3.391 1.705 4.695.047 1.527-.851 3.718-1.661 5.313 2.168-.391 5.252-1.258 6.649-2.115.802.196 1.578.314 2.33.374-.135-.749-.148-1.317-.054-2.024z"}))),o.a.createElement(Rn.a,{title:"Speech Sensitivity",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickDialogueDatabase},o.a.createElement("span",{className:"grids bg-green"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M18 15.422v.983c0 .771-1.862 1.396-4 1.396s-4-.625-4-1.396v-.983c.968.695 2.801.902 4 .902 1.202 0 3.035-.208 4-.902zm-4-1.363c-1.202 0-3.035-.209-4-.902v.973c0 .771 1.862 1.396 4 1.396s4-.625 4-1.396v-.973c-.968.695-2.801.902-4 .902zm0-5.86c-2.138 0-4 .625-4 1.396 0 .77 1.862 1.395 4 1.395s4-.625 4-1.395c0-.771-1.862-1.396-4-1.396zm0 3.591c-1.202 0-3.035-.209-4-.902v.977c0 .77 1.862 1.395 4 1.395s4-.625 4-1.395v-.977c-.968.695-2.801.902-4 .902zm-.5-9.79c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z"}))),o.a.createElement(Rn.a,{title:"Dialogue Database",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickSynchDialogue},o.a.createElement("span",{className:"grids bg-dark-green"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M12 1c6.074 0 11 4.925 11 11 0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.654 1.314l1.857 2.686h-6.994l2.152-7 1.85 2.673c1.683-1.049 3.658-1.673 5.789-1.673zm4.646 18.692c-1.357.826-2.944 1.308-4.646 1.308-4.963 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681zm-2.646-8.692v-2c0-1.104-.896-2-2-2s-2 .896-2 2v2h-1v5h6v-5h-1zm-3-2c0-.551.448-1 1-1s1 .449 1 1v2h-2v-2z"}))),o.a.createElement(Rn.a,{title:"Synchronise Dialogue",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickSyncWebApp},o.a.createElement("span",{className:"grids bg-light-yellow"},o.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"70",height:"70",viewBox:"0 0 24 24"},o.a.createElement("path",{fill:"#ffffff",d:"M15.408 23h-15.408v-22h22v9.683c-.622-.296-1.293-.502-2-.603v-3.08h-18v14h11.26c.566.81 1.3 1.49 2.148 2zm2.257-8.669c.402-.206.852-.331 1.335-.331 1.455 0 2.67 1.042 2.941 2.418l1.96-.398c-.456-2.291-2.475-4.02-4.901-4.02-.957 0-1.845.278-2.604.745l-1.396-1.745-1 5h5l-1.335-1.669zm5.335 8.669l-1.396-1.745c-.759.467-1.647.745-2.604.745-2.426 0-4.445-1.729-4.901-4.02l1.96-.398c.271 1.376 1.486 2.418 2.941 2.418.483 0 .933-.125 1.335-.331l-1.335-1.669h5l-1 5z"}))),o.a.createElement(Rn.a,{title:"Sync with Web App",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickSmartHome},o.a.createElement("span",{className:"grids bg-red"},o.a.createElement("svg",{width:"70",height:"70",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},o.a.createElement("path",{fill:"#ffffff",d:"M13 23l-9.983-.014v-9.979l8.974-7.995c1.124.999 2.25 1.998 3.378 2.998l2.255 1.999c1.127.999 2.252 1.992 3.376 2.991v10l-5.993-.014-.007-4.986h-2v5zm6-2l.019-7.121-7.028-6.193-6.991 6.218v7.096h6v-5h6v5h2zm-10-5v3h-2v-3h2zm3-15l12 10.654-1.328 1.494-10.672-9.488-10.672 9.488-1.328-1.494 12-10.654z"}))),o.a.createElement(Rn.a,{title:"Smart Home System",className:e.titlename})),o.a.createElement(Q.a,{focusRipple:!0,className:e.image,onClick:t.onClickControl},o.a.createElement("span",{className:"grids bg-red"},o.a.createElement("svg",{width:"70",height:"70",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},o.a.createElement("path",{fill:"#ffffff",d:"M13 23l-9.983-.014v-9.979l8.974-7.995c1.124.999 2.25 1.998 3.378 2.998l2.255 1.999c1.127.999 2.252 1.992 3.376 2.991v10l-5.993-.014-.007-4.986h-2v5zm6-2l.019-7.121-7.028-6.193-6.991 6.218v7.096h6v-5h6v5h2zm-10-5v3h-2v-3h2zm3-15l12 10.654-1.328 1.494-10.672-9.488-10.672 9.488-1.328-1.494 12-10.654z"}))),o.a.createElement(Rn.a,{title:"Controls",className:e.titlename})))))},oe=function(e){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:e.open,onClose:e.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{className:"popupHearder"},"Add Account"),o.a.createElement(be.a,null,o.a.createElement(zn.a,{sx:{display:"flex",flexWrap:"wrap",justifyContent:"space-between",alignItems:"center"}},o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Contact Name",type:"text",halfWidth:!0,variant:"standard"}),o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Contact Number",type:"text",halfWidth:!0,variant:"standard"}),o.a.createElement(me.a,{variant:"contained"},"Add"))),o.a.createElement(Ln.a,null,o.a.createElement(Dn.a,{sx:{minWidth:650},"aria-label":"simple table",className:"accountTable"},o.a.createElement(_n.a,null,o.a.createElement(Bn.a,null,o.a.createElement(Vn.a,null,"Action"),o.a.createElement(Vn.a,{align:"left"},"Contact Name"),o.a.createElement(Vn.a,{align:"right"},"Contact Number"))),o.a.createElement(Pn.a,null,o.a.createElement(Bn.a,{sx:{"&:last-child td, &:last-child th":{border:0}}},o.a.createElement(Vn.a,{component:"th",scope:"row"},o.a.createElement(me.a,{variant:"contained",color:"error"},"Delete")),o.a.createElement(Vn.a,{align:"left"},"Rajiv"),o.a.createElement(Vn.a,{align:"right "},"+91 1245678932")),o.a.createElement(Bn.a,{sx:{"&:last-child td, &:last-child th":{border:0}}},o.a.createElement(Vn.a,{component:"th",scope:"row"},o.a.createElement(me.a,{variant:"contained",color:"error"},"Delete")),o.a.createElement(Vn.a,{align:"left"},"Rajiv"),o.a.createElement(Vn.a,{align:"right "},"+91 1245678932")),o.a.createElement(Bn.a,{sx:{"&:last-child td, &:last-child th":{border:0}}},o.a.createElement(Vn.a,{component:"th",scope:"row"},o.a.createElement(me.a,{variant:"contained",color:"error"},"Delete")),o.a.createElement(Vn.a,{align:"left"},"Rajiv"),o.a.createElement(Vn.a,{align:"right "},"+91 1245678932"))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Z},"Cancel"),o.a.createElement(me.a,{onClick:Z},"Add Account"))))},re=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"WiFi"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(he.a,{id:"standard-basic",label:"name",fullWidth:!0}),o.a.createElement(he.a,{id:"standard-basic",label:"password",fullWidth:!0}))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},le=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{fullScreen:!0,open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(x.a,{sx:{position:"relative"}},o.a.createElement(Jn.a,null,o.a.createElement($a.a,{edge:"start",color:"inherit",onClick:t.handleClose,"aria-label":"close"},o.a.createElement(tn.a,null),o.a.createElement(K.a,{variant:"h6",className:e.title},"Analytics")))),o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Analytics"),o.a.createElement(be.a,{className:e.content,style:{marginTop:"-50px"}},o.a.createElement(la.a,{url:"http://35.192.72.108/analytics",width:"100%",height:"500px",onLoad:function(){console.log("IFRAME ON LOAD")}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},ie=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Settings"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(Wn.a,{style:{width:"100%"},control:o.a.createElement(Fn.a,{name:"checkedD"}),label:"Enable Speech Recognition"}),o.a.createElement(Me.a,null,o.a.createElement(Re.a,{htmlFor:"slide-interval"},"Exercise Slide Interval"),o.a.createElement(Hn.a,{id:"slide-interval",value:"05"})),o.a.createElement(Me.a,null,o.a.createElement(Re.a,{htmlFor:"cheering-interval"},"Exercise Cheering Interval"),o.a.createElement(Hn.a,{id:"cheering-interval",value:"130"})),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(me.a,{variant:"contained",component:"label"},"Upload Exercise Videos",o.a.createElement("input",{type:"file",hidden:!0}))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"),o.a.createElement(me.a,{className:e.signUpButton},"Save"))))},ce=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Speech Sensitivity"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(Me.a,{style:{width:"200px"}},o.a.createElement(Re.a,{id:"demo-simple-select-label"},"Select Speech Sensitivity"),o.a.createElement(Ne.a,{labelId:"demo-simple-select-label",id:"demo-simple-select",value:ee,label:"Age",onChange:ae},o.a.createElement(ze.a,{value:1},"High"),o.a.createElement(ze.a,{value:2},"Very High"),o.a.createElement(ze.a,{value:3},"Medium"),o.a.createElement(ze.a,{value:4},"Low"),o.a.createElement(ze.a,{value:5},"Very Low"))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"),o.a.createElement(me.a,{className:e.signUpButton},"Save"))))},se=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Dialogue Database"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(he.a,{id:"standard-basic",label:"name",fullWidth:!0}),o.a.createElement(he.a,{id:"standard-basic",label:"password",fullWidth:!0}))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},ue=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Synchronise Dialogue"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(he.a,{id:"standard-basic",label:"name",fullWidth:!0}),o.a.createElement(he.a,{id:"standard-basic",label:"password",fullWidth:!0}))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},de=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Sync with Web App"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(he.a,{id:"standard-basic",label:"name",fullWidth:!0}),o.a.createElement(he.a,{id:"standard-basic",label:"password",fullWidth:!0}))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},Ee=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Smart Home System"),o.a.createElement(be.a,{className:e.content},o.a.createElement("div",{className:e.text},o.a.createElement(he.a,{id:"standard-basic",label:"name",fullWidth:!0}),o.a.createElement(he.a,{id:"standard-basic",label:"password",fullWidth:!0}))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))},ye=function(t){return o.a.createElement("div",null,o.a.createElement(ge.a,{fullScreen:!0,open:t.open,onClose:t.handleClose,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},o.a.createElement(x.a,{sx:{position:"relative"}},o.a.createElement(Jn.a,null,o.a.createElement($a.a,{edge:"start",color:"inherit",onClick:t.handleClose,"aria-label":"close"},o.a.createElement(tn.a,null),o.a.createElement(K.a,{variant:"h6",className:e.title},"Controls")))),o.a.createElement(fe.a,{id:"alert-dialog-title",className:e.title},"Controls"),o.a.createElement(be.a,{className:e.content,style:{marginTop:"-50px"}},o.a.createElement(la.a,{url:"http://35.192.72.108/control",width:"100%",height:"500px",onLoad:function(){console.log("IFRAME ON LOAD")}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:t.handleClose,className:e.signUpButton},"Close"))))};return o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Settings"}),o.a.createElement("div",{className:e.root,id:"blocks"},o.a.createElement("div",null,o.a.createElement(ne,{onClickAddAccount:function(){return s(!0)},onClickWifi:function(){return g(!0)},onClickAnalytics:function(){return E(!0)},onClickSettings:function(){return C(!0)},onClickSpeechSensitivity:function(){return T(!0)},onClickDialogueDatabases:function(){return N(!0)},onClickSynchDialogue:function(){return D(!0)},onClickSyncWebApp:function(){return P(!0)},onClickSmartHome:function(){return H(!0)},onClickControl:function(){return Y(!0)}}),o.a.createElement(oe,{open:c,handleClose:function(){return s(!1)}}),o.a.createElement(le,{open:h,handleClose:function(){return E(!1)}}),o.a.createElement(re,{open:m,handleClose:function(){return g(!1)}}),o.a.createElement(ie,{open:S,handleClose:function(){return C(!1)}}),o.a.createElement(ce,{open:k,handleClose:function(){return T(!1)}}),o.a.createElement(se,{open:M,handleClose:function(){return N(!1)}}),o.a.createElement(ue,{open:L,handleClose:function(){return D(!1)}}),o.a.createElement(de,{open:V,handleClose:function(){return P(!1)}}),o.a.createElement(Ee,{open:F,handleClose:function(){return H(!1)}}),o.a.createElement(ye,{open:G,handleClose:function(){return Y(!1)}}))))}var Gn,Yn,Qn,Kn,Zn=a(1099),Xn=a(1100),$n=a(1101),eo=a(1102),to=a(1103),ao=a(1104),no=(a(705),re.a.div(Gn||(Gn=Object(oe.a)(["\n  padding: 1.5rem;\n  background-color: #f5f5f5;\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 1rem;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n\n    th, td {\n      padding: 12px 15px;\n      text-align: left;\n    }\n    \n    th {\n      background-color: #e0e0e0;\n      color: #333;\n      font-weight: bold;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    \n    td {\n      background-color: #fff;\n      color: #6e6e6e;\n      border-bottom: 1px solid #ddd;\n    }\n\n    tr:last-child td {\n      border-bottom: none;\n    }\n  }\n"])))),oo=Object(re.a)(zn.a)(Yn||(Yn=Object(oe.a)(["\n  padding: 1rem;\n  background-color: #e8e8e8;\n  border-radius: 10px;\n  margin-bottom: 1.5rem;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  text-align: center;\n"]))),ro=Object(re.a)(zn.a)(Qn||(Qn=Object(oe.a)(["\n  padding: 1rem;\n  background-color: #e8f5e9;\n  border-radius: 10px;\n  margin-bottom: 1.5rem;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  text-align: center;\n"]))),lo=Object(re.a)(me.a)(Kn||(Kn=Object(oe.a)(["\n  margin: 0 8px !important;\n"]))),io=function(e){var t=localStorage.getItem("pageLanguage");return t&&"English"!==t&&(e=ye.a.translateString(e,t)),e};function co(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",Object.assign({},e.getHeaderGroupProps(),{key:e.id}),e.headers.map((function(e){return o.a.createElement("th",Object.assign({},e.getHeaderProps(),{key:e.id}),io(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e){return s(e),o.a.createElement("tr",Object.assign({},e.getRowProps(),{key:e.id}),e.cells.map((function(e){return o.a.createElement("td",Object.assign({},e.getCellProps(),{key:e.column.id}),e.render("Cell"))})))}))))}var so,uo=Object(Y.a)((function(e){return{root:{flexGrow:1,width:"100%",backgroundColor:e.palette.background.paper}}})),mo=function(){uo();var e=Object(n.useState)(!0),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)([]),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(io("No selected item")),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(io("Please select one from the list")),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(""),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(!1),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useMemo)((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement(ia.a,{container:!0,spacing:1,justifyContent:"flex-start"},o.a.createElement(ia.a,{item:!0},o.a.createElement(lo,{variant:"outlined",color:"primary",startIcon:o.a.createElement(Zn.a,null),value:t.row.index,onClick:N},io("Load"))),o.a.createElement(ia.a,{item:!0},o.a.createElement(lo,{variant:"outlined",color:"secondary",startIcon:o.a.createElement(Xn.a,null),value:t.row.index,onClick:R},io("Unload"))),o.a.createElement(ia.a,{item:!0},o.a.createElement(lo,{variant:"outlined",startIcon:o.a.createElement($n.a,null),value:t.row.values.url,onClick:P},io("Cast to TV"))))}}]}),[]);Object(n.useEffect)((function(){q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("family_video")){var t=function(e){for(var t=0;t<e.length;t++)e[t].title=io(e[t].title);return e}(JSON.parse(e.data).object_data);s(t),localStorage.setItem("songs",JSON.stringify(t))}};var e='{"api":"getFamilyVideo", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}),[]);var N=function(e){var t=e.currentTarget.value,a=JSON.parse(localStorage.getItem("songs")).at(t);p(a.title),h(a.url);Object(q.f)(q.c,(function(){Object(q.b)('{"api":"motion", "action":"start", "motion_id": "neutral"}')}));var n=a.url.split("v=")[1].split("&")[0];S(n),w(!0)},R=function(){Object(q.f)(q.c,(function(){Object(q.b)('{"api":"motion", "action":"stop", "motion_id": "neutral"}')})),S(""),p(io("No selected item")),h(io("Please select one from the list")),w(!1)},z=Object(n.useState)(null),L=Object(v.a)(z,2),D=L[0],_=L[1],B=function(){Object(q.f)(q.c,(function(){Object(q.b)('{"api":"motion", "action":"start", "motion_id": "neutral"}')}))},V=function(){Object(q.f)(q.c,(function(){Object(q.b)('{"api":"motion", "action":"stop", "motion_id": "neutral"}')}))},P=function(e){var t=e.currentTarget.value,a='{"api":"handleStartCastSite", "action":"start", "url": "'.concat(t,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),A(!0)};return o.a.createElement(no,null,o.a.createElement(pe.a,{title:io("Family Photos & Videos"),parentNode:"/friends-and-relatives"}),o.a.createElement(ia.a,{container:!0,spacing:2,style:{marginBottom:"1rem"}},o.a.createElement(ia.a,{item:!0},o.a.createElement(me.a,{size:"medium",variant:"contained",color:a?"primary":"default",onClick:function(){r(!0)}},io("Video"))),o.a.createElement(ia.a,{item:!0},o.a.createElement(me.a,{size:"medium",variant:"contained",color:a?"default":"primary",onClick:function(){r(!1)}},io("Photo")))),x&&o.a.createElement(oo,null,o.a.createElement(K.a,{variant:"h5",component:"h3",gutterBottom:!0},m),o.a.createElement(K.a,{variant:"body2",color:"textSecondary",gutterBottom:!0},b),o.a.createElement(zn.a,{my:2},o.a.createElement(Ae.a,{videoId:O,onReady:function(e){_(e.target)},opts:{playerVars:{controls:0,autoplay:1,rel:0,enablejsapi:0,showInfo:0,autohide:1}},onPlay:B,onPause:V,onEnd:function(){V()}})),o.a.createElement(zn.a,null,o.a.createElement(lo,{variant:"outlined",color:"primary",startIcon:o.a.createElement(eo.a,null),onClick:function(){D&&(D.playVideo(),B())}},io("Play")),o.a.createElement(lo,{variant:"outlined",color:"secondary",startIcon:o.a.createElement(to.a,null),onClick:function(){D&&(D.pauseVideo(),V())}},io("Pause")))),a?o.a.createElement(o.a.Fragment,null,I&&o.a.createElement(ro,null,o.a.createElement(K.a,{variant:"h6",component:"h3",gutterBottom:!0},io("Cast Controls")),o.a.createElement(zn.a,null,o.a.createElement(lo,{variant:"outlined",color:"secondary",startIcon:o.a.createElement(to.a,null),onClick:function(){var e='{"api":"handlePauseCast", "action":"start", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},io("Pause")),o.a.createElement(lo,{variant:"outlined",color:"primary",startIcon:o.a.createElement(eo.a,null),onClick:function(){var e='{"api":"handlePlayCast", "action":"start", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},io("Play")),o.a.createElement(lo,{variant:"outlined",startIcon:o.a.createElement(ao.a,null),onClick:function(){var e='{"api":"handleStopCast", "action":"start", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),A(!1)}},io("Stop Cast")))),o.a.createElement(co,{columns:M,data:c})):o.a.createElement(o.a.Fragment,null))},po=re.a.div(so||(so=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function go(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var fo,bo=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(p.f)();Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t=!1;if(e||u.push("/login"),!c){var a='{"api":"getSmartDevices", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("smarthome")){var a=e.data.substring(0,e.data.length-1);console.log(a);try{var n=JSON.parse(e.data);return t||"smarthome"!=n.object_type||(console.log(n.object_data),s(!0),r(d(n.object_data))),function(){t=!0}}catch(o){return console.log(o),!1}}}}),[c,a]);var d=function(e){for(var t=[],a=0;a<e.length;a++)e[a].entity_id=b(e[a].entity_id),e[a].state=b(e[a].state),t.push(e[a]);return e},m=o.a.useMemo((function(){return[{Header:"Entity ID",accessor:"entity_id"},{Header:"State",accessor:"state"},{Header:"Last Changed",accessor:"last_changed"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values.entity_id,onClick:g},"On"),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values.entity_id,onClick:f},"Off"))}}]}),[]),g=function(e){var t='{"api":"deviceOn", "device": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},f=function(e){var t='{"api":"deviceOff", "device": "'.concat(e.currentTarget.value,'", "action":"get","name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},b=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(po,null,o.a.createElement(pe.a,{title:b("Smart Home"),parentNode:"/service-scheduling"}),o.a.createElement(go,{columns:m,data:a}))},ho=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).state={selectedService:null},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Voice Command"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add"},"Add New Command"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add"},"Train"))}}]),a}(n.Component),vo=Object(De.a)((function(e){return{formControl:{margin:e.spacing(0),minWidth:250}}}))(ho),Eo=re.a.div(fo||(fo=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function yo(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Oo,So=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=(i[1],Object(n.useState)()),u=Object(v.a)(s,2),d=u[0],m=u[1],g=Object(n.useState)([]),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(!0),D=Object(v.a)(L,2),_=(D[0],D[1],Object(n.useState)("")),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!1),G=Object(v.a)(U,2),Y=G[0],Q=G[1],K=Object(n.useState)("Scanning devices..."),Z=Object(v.a)(K,2),X=(Z[0],Z[1]),$=Object(n.useState)(""),ee=Object(v.a)($,2),te=ee[0],ae=ee[1],ne=Object(n.useState)([]),oe=Object(v.a)(ne,2),re=(oe[0],oe[1]),le=Object(n.useState)(""),ie=Object(v.a)(le,2),ce=ie[0],se=(ie[1],Object(p.f)());function ue(){var e=window;return{width:e.innerWidth,height:e.innerHeight}}Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t=!1;if(e||se.push("/login"),!O){var a='{"api":"getTechnologySupport", "action":"get","name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}q.c.onmessage=function(e){if(console.log("MESSAGE ",e.data),e.data&&e.data.toString().includes("technology_support")){var a=e.data.substring(0,e.data.length-1);console.log(a);try{var n=JSON.parse(e.data);return t||"technology_support"!=n.object_type||(console.log(n.object_data),S(!0),h(de(n.object_data))),function(){t=!0}}catch(o){return console.log(o),!1}}else if(e.data&&e.data.toString().includes("label")){n=JSON.parse(e.data);re(n)}}}),[O,b]);var de=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=we(e[a].title),t.push(e[a]);return t},Ee=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:Se},we("Start")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:Ce},we("Stop")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:je},we("Cast to TV")))}}]}),[]),Oe=function(e){r(!1)},Se=function(e){var t=e.currentTarget.value;w(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a),t=(t=t.split("v=")[1]).split("&")[0],P(t),A(!0)},Ce=function(e){var t='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(t),P(""),A(!1)},je=function(e){H(!0);var t='{"api":"handleStartCast", "action":"start", "url": "'.concat(e.currentTarget.value,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');q.c.send(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a)},xe=function(){X("Scanning devices..."),Q(!1),ae(),re([])},we=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(Eo,null,o.a.createElement(pe.a,{title:we("Technology Support"),parentNode:"/technology-tools"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){Q(!0);var e='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');q.c.send(e)}},we("Scan Cast Devices")),o.a.createElement(ge.a,{open:a,onClose:Oe,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Oe},we(c)),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:we("Title"),defaultValue:d,inputProps:{maxLength:200},onChange:function(e){m(e.target.value)},value:d,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:we("URL"),defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Oe,color:"primary"},we("Cancel")),o.a.createElement(me.a,{onClick:function(e){var t={title:d,url:x},a='{"action":"setYouTubeData","event":'.concat(JSON.stringify(t),', "name":"').concat(q.a,'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),r(!1)},color:"primary"},we("Submit")))),o.a.createElement(ge.a,{open:Y,onClose:xe,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:xe},we("Scan Devices")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:xe,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",te,e.currentTarget.value,ce),X("Scanning devices..."),Q(!1),ae(),re([])},value:te,color:"primary"},"Submit"))),F?o.a.createElement("div",{style:{width:"100%",alignItems:"center",alignSelf:"center"}},o.a.createElement("b",null,"Cast Controls"),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePauseCast", "action":"stop", "name": "'.concat(q.a,'"}');q.c.send(t);var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a)}},we("Pause")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePlayCast", "action":"stop", "name": "'.concat(q.a,'"}');q.c.send(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a)}},we("Play")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){H(!1);var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');q.c.send(t);var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a)}},we("Stop Cast"))):"",I?o.a.createElement("div",{style:{width:"100%",paddingLeft:"5px"}},o.a.createElement("h3",null,d),o.a.createElement("p",null,x),o.a.createElement("div",null,o.a.createElement(Ae.a,{videoId:V,onReady:function(e){z(e.target)},opts:{playerVars:{controls:0,autoplay:1,rel:0,enablejsapi:0,showInfo:0,autohide:1},allowFullScreen:!0,height:ue().height,width:.75*ue().width},onPlay:function(e){var t='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(t),console.log("MONTION")},onPause:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)},onEnd:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)}})),o.a.createElement(me.a,{onClick:function(){R.playVideo();var e='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e),console.log("MONTION")},className:"primary",color:"primary"},we("Play")),o.a.createElement(me.a,{onClick:function(){R.pauseVideo();var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)},className:"primary",color:"secondary"},we("Pause"))):"",o.a.createElement(yo,{columns:Ee,data:b}))},Co=a(1138),jo=a(1106),xo=a(1105),wo=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).renderBooks=function(t){var a;return o.a.createElement(zn.a,{sx:{minWidth:100}},(a=t,Object.entries(a).map((function(t){var a=Object(v.a)(t,2),n=a[0],r=a[1];return o.a.createElement(w.a,{variant:"outlined"},o.a.createElement(ca.a,null,o.a.createElement("strong",null,"Book #",n),o.a.createElement("br",null),"Title:  ",r.title,o.a.createElement("br",null),"Path:  ",o.a.createElement("i",null,r.path),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(xo.a,{size:"small",variant:"outlined",type:"primary",value:r.path,onClick:e.readBook},"Read"),"\xa0",o.a.createElement(xo.a,{size:"small",variant:"outlined",type:"secondary",onClick:e.stopBook},"Stop")))}))))},e.readBook=function(e){var t=e.currentTarget.value,a='{"api":"book", "action":"start", "file":"'.concat(t,'", "background":"yes", "soundeffect":"yes","name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},e.stopBook=function(){var e='{"api":"book", "action":"stop","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},e.state={selectedService:null,value:"one",events:[],books:[],columns:[]},e.handleChange=e.handleChange.bind(Object(u.a)(e)),e.renderBooks=e.renderBooks.bind(Object(u.a)(e)),e.readBook=e.readBook.bind(Object(u.a)(e)),e.stopBook=e.stopBook.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t='{"api":"book", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),q.c.onmessage=function(t){if(t.data&&t.data.toString().includes("books")){var a=t.data.substring(0,t.data.length);try{var n=JSON.parse(a.replace(/\0/g,""));if("books"==n.type){var o=[];n.booklist.forEach((function(e){o.push({path:e.path,title:e.path.replace(/^.*[\\\/]/,"").slice(0,-4)})})),e.setState({books:o})}}catch(r){return!1}}}}},{key:"handleChange",value:function(e){e.target.innerText.includes("GAME")?this.setState({value:"one"}):e.target.innerText.includes("AUDIOBOOK")?this.setState({value:"two"}):e.target.innerText.includes("BOOK")&&this.setState({value:"three"})}},{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Hobbies"}),o.a.createElement(Co.a,{value:this.state.value,onChange:this.handleChange,variant:"scrollable",scrollButtons:!0,allowScrollButtonsMobile:!0,"aria-label":"scrollable force tabs example"},o.a.createElement(jo.a,{value:"one",label:"Games"}),o.a.createElement(jo.a,{value:"two",label:"Audiobooks"}),o.a.createElement(jo.a,{value:"three",label:"Books"})),"one"==this.state.value?o.a.createElement(o.a.Fragment,null,o.a.createElement("br",null),o.a.createElement(w.a,{variant:"outlined"},o.a.createElement(ca.a,null,o.a.createElement("h4",null,"Sudoku"),o.a.createElement("br",null),o.a.createElement("strong",null,"Description:"),"  Sudoku is a logic-based, combinatorial number-placement puzzle. In classic Sudoku, the objective is to fill a 9 \xd7 9 grid with digits so that each column, each row, and each of the nine 3 \xd7 3 subgrids that compose the grid contain all of the digits from 1 to 9.",o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(xo.a,{size:"small",variant:"outlined",href:"http://localhost:8081/sudoku"},"Play Now!"))),o.a.createElement("br",null),o.a.createElement(w.a,{variant:"outlined"},o.a.createElement(ca.a,null,o.a.createElement("h4",null,"Scrabble"),o.a.createElement("br",null),o.a.createElement("strong",null,"Description:"),"  Scrabble, board-and-tile game in which two to four players compete in forming words with lettered tiles on a 225-square board; words spelled out by letters on the tiles interlock like words in a crossword puzzle.",o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(xo.a,{size:"small",variant:"outlined",href:"http://localhost:8081/scrabble"},"Play Now!")))):"","three"==this.state.value?o.a.createElement(o.a.Fragment,null,this.renderBooks(this.state.books)):"")}}]),a}(n.Component),ko=Object(De.a)((function(e){return{formControl:{margin:e.spacing(0),minWidth:250}}}))(wo),To=function(e){return{}},Io=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <path d="M9 18V5l12-2v13" stroke="currentColor" stroke-linejoin="round"></path>\n                        <circle cx="6" cy="18" r="3" stroke="currentColor" stroke-linejoin="round"></circle>\n                        <circle cx="18" cy="16" r="3" stroke="currentColor" stroke-linejoin="round"></circle>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Music",slug:"/music",locations:["home"]},{svg:'\n                        <path d="M12 14.5C15 19 21 18.9706 21 14C21 10 17 7 12 2C7 7 3 10 3 14C3 18.9706 9 19 12 14.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M11.4706 15.4926L8.47059 21.1176C8.25743 21.5173 8.54705 22 9 22H15C15.453 22 15.7426 21.5173 15.5294 21.1176L12.5294 15.4926C12.3035 15.0691 11.6965 15.0691 11.4706 15.4926Z" stroke="currentColor" stroke-linecap="round"/>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Games",slug:"/new-games",locations:["home"]},{svg:'\n                        <path d="M4 19V5C4 3.89543 4.89543 3 6 3H19.4C19.7314 3 20 3.26863 20 3.6V16.7143" stroke="currentColor"  stroke-linecap="round"/>\n                        <path d="M6 17L20 17" stroke="currentColor"  stroke-linecap="round"/>\n                        <path d="M6 21L20 21" stroke="currentColor"  stroke-linecap="round"/>\n                        <path d="M6 21C4.89543 21 4 20.1046 4 19C4 17.8954 4.89543 17 6 17" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M9 7L15 7" stroke="currentColor"  stroke-linecap="round"/>\n                    ',background:"linear-gradient(0deg, #741d29, #9c4d58)",title:"Books",slug:"/book",locations:["home"]},{svg:'\n                        <path d="M14 14V6M14 14L20.1023 17.487C20.5023 17.7156 21 17.4268 21 16.9661V3.03391C21 2.57321 20.5023 2.28439 20.1023 2.51296L14 6M14 14H7C4.79086 14 3 12.2091 3 10V10C3 7.79086 4.79086 6 7 6H14" stroke="currentColor" stroke-width="1.5"/>\n                        <path d="M7.75716 19.3001L7 14H11L11.6772 18.7401C11.8476 19.9329 10.922 21 9.71716 21C8.73186 21 7.8965 20.2755 7.75716 19.3001Z" stroke="currentColor" stroke-width="1.5"/>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"News",slug:"/news",location:["home"]},{img:'\n                        <svg xmlns="http://www.w3.org/2000/svg" width="23px" height="25px" viewBox="0 0 24 24" fill="#fff">\n                        <path fill="#fff" fill-rule="evenodd" d="M12 3a2 2 0 0 0-1 3.732V8H8c-3.2 0-4 2.667-4 4v7c0 .667.4 2 2 2h1v-4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4h1c1.6 0 2-1.333 2-2v-7c0-3.2-2.667-4-4-4h-3V6.732A2 2 0 0 0 12 3zm3 18v-3h-2v3h2zm-4 0v-3H9v3h2zm10-3v-5c.667 0 2 .4 2 2v1c0 .667-.4 2-2 2zM3 13v5c-1.6 0-2-1.333-2-2v-1c0-1.6 1.333-2 2-2zm6-1a1 1 0 1 0 0 2h.001a1 1 0 1 0 0-2H9zm5 1a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1z" clip-rule="evenodd"/>\n                        </svg>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Talk With Matilda",slug:"/talk-with-matilda",locations:["home"]},{svg:'\n                        <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-camera-reels" viewBox="0 0 16 16"> <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0z"/> <path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7zm6 8.73V7.27l-3.5 1.555v4.35l3.5 1.556zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1z"/> <path d="M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/> </svg>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Videos & Movies",slug:"/videos",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Entertainment")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:To.focusVisible},t.img?o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Ao=Object(De.a)(To)(Io),Mo=a(101),No=a.n(Mo),Ro=a(483),zo=a.n(Ro),Lo=a(215),Do=a.n(Lo),_o=a(216),Bo=a.n(_o),Vo=function(){var e=Object(n.useState)(1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)([]),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(null),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(null),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)([]),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(!1),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)("url"),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(""),H=Object(v.a)(F,2),U=H[0],G=H[1],Y=Object(n.useState)(""),Q=Object(v.a)(Y,2),K=Q[0],Z=Q[1],X=Object(n.useState)(""),ae=Object(v.a)(X,2),ne=ae[0],oe=ae[1],re=Object(n.useState)(!1),le=Object(v.a)(re,2),ie=le[0],ce=le[1],se=function(){s(!1),p("")},ue=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},de=function(){z(!1),oe(""),B(null),ce(!1),Z(""),G("")},Ee=function(){var e=Object(te.a)($.a.mark((function e(){var t,a,n,o,r,l;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("video"!==(t=x.toLowerCase())||"url"!==J){e.next=12;break}return a={title:K,url:U,user_name:O},n='{"action":"setYouTubeData","event":'.concat(JSON.stringify(a),', "name":"').concat(m,'" }'),Object(q.f)(q.c,(function(){Object(q.b)(n)})),Z(""),G(""),oe("URL uploaded successfully"),o=localStorage.getItem("remoteId"),r='{"api":"get_file_by_profile", "action":"get", "name": "'.concat(o,'", "user_name": "').concat(O,'"}'),Object(q.f)(q.c,(function(){return Object(q.b)(r)})),e.abrupt("return");case 12:(l=new FormData).append("file",_),l.append("robot_id",localStorage.getItem("remoteId")),l.append("category",t),l.append("user_name",O),fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:l}).then((function(e){if(!e.ok)throw new Error("Failed to upload file");return e.text()})).then((function(e){console.log("Success:",e),oe("Uploaded successfully");var a='{"action":"specUpMoToRo","service":"'.concat(t,'" , "file_id":"').concat(e,'", "file_name":"').concat(_.name,'", "user_name":"').concat(O,'", "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){return Object(q.b)(a)}));var n=localStorage.getItem("remoteId"),o='{"api":"get_file_by_profile", "action":"get", "name": "'.concat(n,'", "user_name": "').concat(O,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(o)}))})).catch((function(e){console.error("Error:",e),oe("Upload failed")}));case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t='{"api":"get_profiling", "action":"get", "name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(t)})),q.c.onmessage=function(e){if(console.log("MESSAGE ",e.data),e.data&&e.data.toString().includes("profiles")){var t=JSON.parse(e.data);h(t.profiles||[])}else if(e.data&&e.data.toString().includes("files")){t=JSON.parse(e.data);A(t.files||[])}}}),[]),o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:"Profiling Tool"}),o.a.createElement("div",{style:{padding:40,display:"flex",flexDirection:"column",alignItems:"flex-start"}},o.a.createElement(me.a,{variant:"contained",color:"primary",onClick:function(){return s(!0)},style:{marginBottom:24}},"Create New User"),o.a.createElement("div",{style:{marginBottom:20,color:"#333",fontSize:16}},"Welcome to the profile management section. Here, you can view, update, or manage user profiles associated with the profiling tool"),o.a.createElement("div",{style:{marginBottom:32,width:"100%",minHeight:120}},null===O?0===b.length?o.a.createElement("div",{style:{color:"#888",fontStyle:"italic"}},"No users yet"):o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:32,justifyContent:"flex-start"}},b.map((function(e,t){var a="object"===typeof e&&null!==e&&"name"in e?e.name:e;return o.a.createElement("div",{key:t,style:{display:"flex",flexDirection:"column",alignItems:"center",width:240,marginBottom:40}},o.a.createElement("div",{style:{cursor:"pointer",width:"100%",display:"flex",flexDirection:"column",alignItems:"center"},onClick:function(){return function(e){S(e);var t=localStorage.getItem("remoteId"),a='{"api":"get_file_by_profile", "action":"get", "name": "'.concat(t,'", "user_name": "').concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)}))}(a)}},o.a.createElement(Do.a,{style:{fontSize:180,color:"#1976d2",marginBottom:10,alignSelf:"center"}}),o.a.createElement("span",{style:{fontWeight:500,fontSize:16,textAlign:"center",wordBreak:"break-word",color:"#222",maxWidth:200,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"block",alignSelf:"center"}},a)))}))):null===x?o.a.createElement("div",null,o.a.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:24}},o.a.createElement("div",{style:{display:"flex",alignItems:"center",cursor:"pointer"},onClick:function(){return S(null)}},o.a.createElement(Bo.a,{style:{fontSize:32,color:"#1976d2",marginRight:8}}),o.a.createElement("span",{style:{fontSize:18,color:"#1976d2",fontWeight:500}},"Back")),o.a.createElement("button",{style:{marginLeft:24,background:"none",border:"none",cursor:"pointer",display:"flex",alignItems:"center",outline:"none"},title:"Delete ".concat(O),onClick:function(e){e.stopPropagation(),h((function(e){return e.filter((function(e){return("object"===typeof e&&null!==e&&"name"in e?e.name:e)!==O}))}));var t=localStorage.getItem("remoteId"),a='{"api":"delete_profiling", "action":"delete", "name": "'.concat(t,'", "user_name": "').concat(O,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)})),S(null)}},o.a.createElement(No.a,{style:{color:"#e53935",fontSize:28}}),o.a.createElement("span",{style:{color:"#e53935",fontWeight:500,marginLeft:6,fontSize:15}},"Delete"))),o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:40,justifyContent:"center"}},["Music","Book","Video","Conversation"].map((function(e,t){return o.a.createElement("div",{key:e,style:{display:"flex",flexDirection:"column",alignItems:"center",width:180,marginBottom:32,cursor:"pointer"},onClick:function(){return w(e)}},o.a.createElement(Do.a,{style:{fontSize:120,color:"#1976d2",marginBottom:10}}),o.a.createElement("span",{style:{fontWeight:500,fontSize:18,textAlign:"center",wordBreak:"break-word",color:"#222",maxWidth:160,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e))})))):o.a.createElement("div",null,o.a.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:24,cursor:"pointer"},onClick:function(){return w(null)}},o.a.createElement(Bo.a,{style:{fontSize:32,color:"#1976d2",marginRight:8}}),o.a.createElement("span",{style:{fontSize:18,color:"#1976d2",fontWeight:500}},"Back")),o.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-start",marginTop:40,width:"100%"}},o.a.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",marginBottom:16}},o.a.createElement("span",{style:{fontWeight:500,fontSize:22,color:"#222"}},x," Files"),o.a.createElement(me.a,{variant:"contained",color:"primary",startIcon:o.a.createElement(zo.a,null),onClick:function(){z(!0),oe(""),B(null),ce(!1),Z(""),G(""),W("url")},style:{backgroundColor:"#1976d2"}},"Upload File")),function(){var e=x.toLowerCase(),t=I.filter((function(t){return t.toLowerCase().includes("/".concat(e))&&4===(t.match(/\//g)||[]).length})),n=Math.ceil(t.length/5),l=t.slice(5*(a-1),5*a);return 0===t.length?o.a.createElement("span",{style:{color:"#888"}},"No files found."):o.a.createElement(o.a.Fragment,null,o.a.createElement("table",{style:{width:"100%",borderCollapse:"separate",borderSpacing:"0 8px",marginTop:8}},o.a.createElement("thead",null,o.a.createElement("tr",{style:{background:"#e3f2fd"}},o.a.createElement("th",{style:{textAlign:"left",padding:"12px 16px",borderRadius:"8px 0 0 8px",fontSize:16,color:"#1976d2",border:"none"}},"Title"),o.a.createElement("th",{style:{textAlign:"left",padding:"12px 16px",borderRadius:"0 8px 8px 0",fontSize:16,color:"#1976d2",border:"none"}},"Actions"))),o.a.createElement("tbody",null,l.map((function(e,t){var a=e.split("/").pop();return o.a.createElement("tr",{key:t,style:{background:"#fff",boxShadow:"0 1px 4px rgba(25, 118, 210, 0.08)",borderRadius:8}},o.a.createElement("td",{style:{padding:"12px 16px",fontSize:15,color:"#222",fontWeight:500,borderRadius:"8px 0 0 8px",border:"none"}},a),o.a.createElement("td",{style:{padding:"12px 16px",borderRadius:"0 8px 8px 0",border:"none"}},o.a.createElement("button",{style:{padding:"6px 18px",borderRadius:6,border:"none",background:"#434446ff",color:"#fff",fontWeight:500,cursor:"pointer",fontSize:15,boxShadow:"0 1px 4px rgba(25, 118, 210, 0.12)"},disabled:!0},"View")))})))),o.a.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:16,gap:12}},o.a.createElement("button",{style:{padding:"4px 12px",borderRadius:4,border:"none",background:1===a?"#eee":"#1976d2",color:1===a?"#bbb":"#fff",fontWeight:500,cursor:1===a?"not-allowed":"pointer"},onClick:function(){return r((function(e){return Math.max(1,e-1)}))},disabled:1===a},"Previous"),o.a.createElement("span",{style:{fontSize:15,color:"#1976d2",fontWeight:500}},"Page ",a," of ",n),o.a.createElement("button",{style:{padding:"4px 12px",borderRadius:4,border:"none",background:a===n?"#eee":"#1976d2",color:a===n?"#bbb":"#fff",fontWeight:500,cursor:a===n?"not-allowed":"pointer"},onClick:function(){return r((function(e){return Math.min(n,e+1)}))},disabled:a===n},"Next")))}()))),o.a.createElement(ge.a,{open:c,onClose:se,"aria-labelledby":"create-user-dialog",maxWidth:"sm",fullWidth:!0,PaperProps:{style:{minWidth:400}}},o.a.createElement(fe.a,{id:"create-user-dialog"},"Create New User"),o.a.createElement(be.a,null,o.a.createElement(he.a,{autoFocus:!0,margin:"dense",label:"Name",type:"text",fullWidth:!0,value:m,onChange:function(e){return p(e.target.value)}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:se,color:"secondary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){var e=m.trim();h((function(t){return[].concat(Object(ee.a)(t),[e])}));var t=localStorage.getItem("remoteId"),a='{"api":"post_profiling", "action":"get", "name": "'.concat(t,'", "user_name": "').concat(e,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(a)})),se()},color:"primary",disabled:!m.trim()},"Save"))),o.a.createElement(ge.a,{open:R,onClose:de,"aria-labelledby":"upload-dialog",maxWidth:"sm",fullWidth:!0,PaperProps:{style:{minWidth:500}}},o.a.createElement(fe.a,{id:"upload-dialog"},"Upload File to ",x),o.a.createElement(be.a,null,o.a.createElement("div",{style:{padding:"20px 0"}},"Video"===x&&o.a.createElement("div",{style:{marginBottom:20}},o.a.createElement("label",{style:{display:"block",marginBottom:"10px",fontSize:"16px",color:"#333"}},ue("Choose video type:")),o.a.createElement("select",{value:J,onChange:function(e){W(e.target.value)},style:{width:"100%",padding:"10px",borderRadius:"4px",border:"1px solid #ccc",fontSize:"16px",marginBottom:"20px"}},o.a.createElement("option",{value:"file"},"Video File"),o.a.createElement("option",{value:"url"},"URL"))),!("Video"===x&&"url"===J)&&o.a.createElement(o.a.Fragment,null,o.a.createElement("input",{type:"file",onChange:function(e){oe(""),B(e.target.files[0]),ce(!0)},style:{display:"block",marginBottom:"20px",padding:"10px",width:"100%",borderRadius:"4px",border:"1px solid #ccc",fontSize:"16px"}}),ne&&o.a.createElement("p",{style:{marginTop:"20px",color:ne.includes("successfully")?"green":"red",fontSize:"16px"}},ne),ie?o.a.createElement("div",{style:{marginTop:"20px",backgroundColor:"#f7f7f7",padding:"10px",borderRadius:"4px",fontSize:"14px",lineHeight:"1.5"}},o.a.createElement("p",null,o.a.createElement("strong",null,ue("Filename"),":")," ",_.name),o.a.createElement("p",null,o.a.createElement("strong",null,ue("Filetype"),":")," ",_.type),o.a.createElement("p",null,o.a.createElement("strong",null,ue("Size in bytes"),":")," ",_.size),o.a.createElement("p",null,o.a.createElement("strong",null,ue("Last modified date"),":")," ",_.lastModifiedDate.toLocaleDateString())):o.a.createElement("p",null,ue("Select a file to show details"))),"Video"===x&&"url"===J&&o.a.createElement(o.a.Fragment,null,o.a.createElement(he.a,{label:ue("Title"),value:K,onChange:function(e){return Z(e.target.value)},fullWidth:!0,margin:"normal",inputProps:{maxLength:200}}),o.a.createElement(he.a,{label:ue("URL"),value:U,onChange:function(e){return G(e.target.value)},fullWidth:!0,margin:"normal",inputProps:{maxLength:200}}),ne&&o.a.createElement("p",{style:{marginTop:"20px",color:ne.includes("successfully")?"green":"red",fontSize:"16px"}},ne)))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:de,color:"secondary"},"Cancel"),o.a.createElement(me.a,{onClick:Ee,color:"primary",disabled:"Video"===x&&"url"===J?!K.trim()||!U.trim():!ie},ue("Upload"))))))},Po=(a(706),re.a.div(Oo||(Oo=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])))),Jo=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function Wo(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),Jo(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Fo,Ho=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),r=t[0],l=t[1],i=Object(n.useState)(!1),c=Object(v.a)(i,2),s=c[0],u=c[1],d=Object(n.useState)(),m=Object(v.a)(d,2),p=m[0],g=m[1],b=Object(n.useState)(),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(),S=Object(v.a)(O,2),C=S[0],j=S[1],x=Object(n.useState)(),w=Object(v.a)(x,2),k=w[0],T=w[1],I=Object(n.useState)(""),A=Object(v.a)(I,2),M=A[0],N=A[1],R=Object(n.useState)("https://audiocall-ui.ue.r.appspot.com/"),z=Object(v.a)(R,2),L=(z[0],z[1]);Object(n.useEffect)((function(){D()}),[]);var D=function(){var e={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/user-contact?email="+localStorage.getItem("emailAccess"),headers:{}};f.a.request(e).then((function(e){l(e.data.data)})).catch((function(e){console.log(e)}))},_=function(e){var t={method:"delete",url:"https://cloud-api-389807.ue.r.appspot.com/user-contact?name="+e.currentTarget.value+"&email="+localStorage.getItem("emailAccess"),headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),D()})).catch((function(e){console.log(e)}))},B=function(e){var t=e.currentTarget.value;console.log("joanna ",t),L("https://audiocall-ui.ue.r.appspot.com/?number="+t),window.location.href="https://audiocall-ui.ue.r.appspot.com/?number="+t},V=o.a.useMemo((function(){return[{Header:"Name",accessor:"name"},{Header:"Number",accessor:"phone_number"},{Header:"Relation",accessor:"relation"},{Header:"Phrase",accessor:"phrase"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.phone_number,onClick:B},Jo("Call")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.name,onClick:_},Jo("Delete")))}}]}),[]),P=function(e){console.log("Close ",e),u(!1)};return o.a.createElement(Po,null,o.a.createElement(pe.a,{title:Jo("Audio Call"),parentNode:"/friends-and-relatives"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){console.log("Open ",e.target.value),g(),y(),j(),T(),N(),u(!0)}},Jo("Add Contact")),o.a.createElement(ge.a,{open:s,onClose:P,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:P},Jo("Add New Contact")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:Jo("Name"),inputProps:{maxLength:200},defaultValue:p,value:p,onChange:function(e){g(e.target.value)},fullWidth:!0,required:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:Jo("Phone Number"),inputProps:{maxLength:200},defaultValue:E,value:E,onChange:function(e){y(e.target.value)},fullWidth:!0,required:!0}),o.a.createElement(he.a,{label:Jo("Relation"),inputProps:{maxLength:200},defaultValue:C,value:C,onChange:function(e){j(e.target.value)},fullWidth:!0,required:!0}),o.a.createElement(he.a,{label:Jo("Phrase"),inputProps:{maxLength:200},defaultValue:k,value:k,onChange:function(e){T(e.target.value)},fullWidth:!0,required:!0}),o.a.createElement("br",null),o.a.createElement("i",{style:{color:"red"}},M)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:P,color:"primary"},Jo("Cancel")),o.a.createElement(me.a,{onClick:function(e){if(console.log("Save ",e.target.value,p,E,k,C),void 0===p||void 0===E||void 0===k||void 0===C)N("Please check required fields!");else{var t=a(8),n={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/user-contact",headers:{"Content-Type":"application/json"},data:JSON.stringify({email:localStorage.getItem("emailAccess"),name:p,relation:C,phone_number:E,phrase:k})},o='{"api":"addExportData", "command":"'.concat(k,'", "phoneNumber": "').concat(E,'","name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)})),t.request(n).then((function(e){console.log(JSON.stringify(e.data)),D()})).catch((function(e){console.log(e)})).finally((function(){u(!1)}))}},color:"primary"},Jo("Submit")))),o.a.createElement("br",null),o.a.createElement(Wo,{columns:V,data:r}),o.a.createElement("br",null),o.a.createElement("br",null))},Uo=function(e){return{}},qo=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <path d="M14 14V6M14 14L20.1023 17.487C20.5023 17.7156 21 17.4268 21 16.9661V3.03391C21 2.57321 20.5023 2.28439 20.1023 2.51296L14 6M14 14H7C4.79086 14 3 12.2091 3 10V10C3 7.79086 4.79086 6 7 6H14" stroke="currentColor" stroke-width="1.5"/>\n                        <path d="M7.75716 19.3001L7 14H11L11.6772 18.7401C11.8476 19.9329 10.922 21 9.71716 21C8.73186 21 7.8965 20.2755 7.75716 19.3001Z" stroke="currentColor" stroke-width="1.5"/>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Entertainment",slug:"/entertainment",locations:["home"]},{svg:'\n                        <path d="M9 9C9 5.49997 14.5 5.5 14.5 9C14.5 11.5 12 10.9999 12 13.9999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 18.01L12.01 17.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Brain Training",slug:"/brain-training",locations:["games"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.computeScreenSize=e.computeScreenSize.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Emotional Well Being")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:Uo.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Go=Object(De.a)(Uo)(qo),Yo=function(e){return{}},Qo=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <path d="M9 9C9 5.49997 14.5 5.5 14.5 9C14.5 11.5 12 10.9999 12 13.9999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 18.01L12.01 17.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Quiz",slug:"/quizlist",locations:["games"]},{svg:'\n                        <path d="M12 3.03998L0 9.99998L5 12.9V16.3094C5 16.836 5.13861 17.3533 5.40192 17.8094C5.66522 18.2655 6.04394 18.6442 6.5 18.9075L12 22.0829L17.5 18.9075C17.9561 18.6442 18.3348 18.2655 18.5981 17.8094C18.8614 17.3533 19 16.836 19 16.3094V12.9L22 11.16V17H24V9.99998L12 3.03998ZM12 5.35208L18.29 8.99998H12V11H18.29L12 14.6479L3.9863 9.99998L12 5.35208ZM17 16.3094C16.9997 16.4849 16.9534 16.6572 16.8657 16.8092C16.7779 16.9611 16.6518 17.0874 16.5 17.1754L12 19.7735L7.5 17.1754C7.34815 17.0874 7.22206 16.9611 7.13432 16.8092C7.04657 16.6572 7.00026 16.4849 7 16.3094V14.06L12 16.96L17 14.06V16.3094Z" fill="currentColor"/>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Learning",slug:"/learninglist",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a);var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Brain Training")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:Yo.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Ko=Object(De.a)(Yo)(Qo),Zo=function(e){return{}},Xo=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <path d="M14 14V6M14 14L20.1023 17.487C20.5023 17.7156 21 17.4268 21 16.9661V3.03391C21 2.57321 20.5023 2.28439 20.1023 2.51296L14 6M14 14H7C4.79086 14 3 12.2091 3 10V10C3 7.79086 4.79086 6 7 6H14" stroke="currentColor" stroke-width="1.5"/>\n                        <path d="M7.75716 19.3001L7 14H11L11.6772 18.7401C11.8476 19.9329 10.922 21 9.71716 21C8.73186 21 7.8965 20.2755 7.75716 19.3001Z" stroke="currentColor" stroke-width="1.5"/>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Phone Call",slug:"/audio-call",locations:["home"]},{svg:'\n                        <path d="M2 16V8C2 4.68629 4.68629 2 8 2H16C19.3137 2 22 4.68629 22 8V16C22 19.3137 19.3137 22 16 22H8C4.68629 22 2 19.3137 2 16Z" stroke="currentColor" />\n                        <path d="M6 13V11C6 9.89543 6.89543 9 8 9H11C12.1046 9 13 9.89543 13 11V13C13 14.1046 12.1046 15 11 15H8C6.89543 15 6 14.1046 6 13Z" stroke="currentColor" />\n                        <path d="M17.0399 9.22L13.9733 11.52C13.6533 11.76 13.6533 12.24 13.9733 12.48L17.0399 14.78C17.4355 15.0767 17.9999 14.7944 17.9999 14.3V9.7C17.9999 9.20557 17.4355 8.92334 17.0399 9.22Z" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #da8309, #ffad39)",title:"Video Call",slug:"/call",locations:["home"]},{svg:'\n                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z">\n                        </path>\n                        </svg>\n                    ',background:"linear-gradient(0deg, #741d29, #9c4d58)",title:"Family Photos & Videos",slug:"/family",locations:["home"]},{svg:'\n                        <svg fill="#ffffff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m12 0c-6.627 0-12 4.974-12 11.111.035 3.55 1.774 6.686 4.438 8.633l.031.021v4.235l4.088-2.242c1.031.295 2.215.464 3.439.464h.004c6.627 0 12-4.975 12-11.11s-5.373-11.112-12-11.112zm1.191 14.963-3.055-3.263-5.963 3.26 6.559-6.96 3.131 3.259 5.889-3.259z"></path></g></svg>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Messenger",slug:"/messenger",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Friends and Relatives")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:Zo.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),$o=Object(De.a)(Zo)(Xo),er=function(e){return{}},tr=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <path d="M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 10V6C3 4.89543 3.89543 4 5 4H7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M7 2V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M21 10V6C21 4.89543 20.1046 4 19 4H18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>    \n                        ',background:"linear-gradient(0deg, #0f6f11, #0fa112)",title:"Calendar based Service Scheduling",slug:"/calendar",locations:["home"]},{svg:'\n                        <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-lightbulb" viewBox="0 0 16 16"> <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z"/> </svg>\n                    ',background:"linear-gradient(0deg, #1d2974, #2f41b2)",title:"Smart Home",slug:"/smart-home",locations:["home"]},{svg:'\n                        <svg fill="white" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M746.667 106.667H1173.33V1493.33H746.667V106.667ZM533.333 533.333H106.667V1493.33H533.333V533.333ZM1920 1706.67H0V1824H1920V1706.67ZM1813.33 746.667H1386.67V1493.33H1813.33V746.667Z"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #1f6776, #2d93a8)",title:"Analytics",slug:"/analytics",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Service Scheduling And Management")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:er.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),ar=Object(De.a)(er)(tr),nr=function(e){return{}},or=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg fill="#ffffff" viewBox="0 0 64 64" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Expanded"> <path d="M24.5,21l-7.191,0c-0.262,-0 -0.513,0.103 -0.7,0.286c-4.078,3.994 -6.609,9.561 -6.609,15.714c-0,12.142 9.858,22 22,22c12.142,-0 22,-9.858 22,-22c0,-6.153 -2.531,-11.72 -6.609,-15.714c-0.187,-0.183 -0.438,-0.286 -0.7,-0.286l-7.191,-0l0,-8l9.5,-0c1.657,0 3,-1.343 3,-3l0,-6c0,-0.552 -0.448,-1 -1,-1l-38,0c-0.552,0 -1,0.448 -1,1l0,6c0,1.657 1.343,3 3,3l9.5,0l0,8Zm19.514,31.986c0,-0.005 0,-0.009 0,-0.014l0,-6.972c0,-3.183 -1.264,-6.235 -3.515,-8.485c-2.25,-2.251 -5.302,-3.515 -8.485,-3.515c-0.009,-0 -0.019,-0 -0.028,-0c-3.183,-0 -6.235,1.264 -8.485,3.515c-2.251,2.25 -3.515,5.302 -3.515,8.485c-0,3.809 -0,6.972 -0,6.972c-0,0.005 -0,0.009 -0,0.014c3.346,2.52 7.507,4.014 12.014,4.014c4.507,-0 8.668,-1.494 12.014,-4.014Zm-12.014,-16.789c-4.967,0 -9,4.033 -9,9c0,4.967 4.033,9 9,9c4.967,0 9,-4.033 9,-9c0,-4.967 -4.033,-9 -9,-9Zm0,2c3.863,0 7,3.137 7,7c0,3.864 -3.137,7 -7,7c-3.863,0 -7,-3.136 -7,-7c0,-3.863 3.137,-7 7,-7Zm14.014,13.067c3.694,-3.631 5.986,-8.682 5.986,-14.264c0,-5.448 -2.184,-10.391 -5.722,-13.999l-0.001,-0.001c0,-0 -28.554,0 -28.555,0.001c-3.538,3.608 -5.722,8.551 -5.722,13.999c0,5.582 2.292,10.633 5.986,14.264l-0,-5.264c-0,-3.713 1.475,-7.274 4.1,-9.899c2.626,-2.626 6.187,-4.101 9.9,-4.101c0.009,-0 0.019,-0 0.028,-0c3.713,-0 7.274,1.475 9.9,4.101c2.625,2.625 4.1,6.186 4.1,9.899l0,5.264Zm-12.596,-3.717c0.105,-0.118 0.083,-0.303 -0.049,-0.391c-0.394,-0.265 -0.866,-0.437 -1.373,-0.437c-0.506,-0 -0.976,0.171 -1.37,0.435c-0.132,0.088 -0.155,0.274 -0.049,0.392l1.229,1.369c0.102,0.113 0.279,0.113 0.381,0l1.231,-1.368Zm-1.421,-1.967c0.828,-0 1.592,0.274 2.207,0.734c0.109,0.081 0.258,0.072 0.349,-0.028l0.44,-0.489c0.099,-0.111 0.088,-0.286 -0.028,-0.376c-0.822,-0.638 -1.85,-1.045 -2.968,-1.045c-1.117,0 -2.144,0.406 -2.964,1.041c-0.117,0.091 -0.127,0.266 -0.028,0.376l0.439,0.49c0.09,0.101 0.24,0.11 0.348,0.029c0.615,-0.459 1.378,-0.732 2.205,-0.732Zm-0,-2.376c1.438,0 2.756,0.503 3.796,1.337c0.107,0.086 0.26,0.077 0.352,-0.025l0.396,-0.44c0.098,-0.109 0.088,-0.282 -0.025,-0.375c-1.235,-1.01 -2.805,-1.701 -4.519,-1.701c-1.712,-0 -3.28,0.689 -4.512,1.696c-0.114,0.093 -0.124,0.265 -0.026,0.374l0.395,0.441c0.092,0.102 0.245,0.111 0.351,0.026c1.039,-0.832 2.355,-1.333 3.792,-1.333Zm13.003,-17.204c0.552,-0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,-0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm-4,-0c0.552,-0 1,0.448 1,1c0,0.552 -0.448,1 -1,1c-0.552,-0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1Zm-3.5,-5l-11,-0c0,-0 0,-8 0,-8l11,0l0,8Zm-7.75,-3l4.5,-0c0.552,-0 1,-0.448 1,-1c-0,-0.552 -0.448,-1 -1,-1l-4.5,-0c-0.552,-0 -1,0.448 -1,1c-0,0.552 0.448,1 1,1Zm-8.75,-13l-7,0c0,0 0,5 0,5c0,0.552 0.448,1 1,1l34,0c0.552,0 1,-0.448 1,-1l-0,-5l-7,0l0,1c0,0.796 -0.316,1.559 -0.879,2.121c-0.562,0.563 -1.325,0.879 -2.121,0.879c-3.832,-0 -12.168,-0 -16,-0c-0.796,0 -1.559,-0.316 -2.121,-0.879c-0.563,-0.562 -0.879,-1.325 -0.879,-2.121l0,-1Zm2,0l18,0l0,1c0,0.265 -0.105,0.52 -0.293,0.707c-0.187,0.188 -0.442,0.293 -0.707,0.293l-16,-0c-0.265,0 -0.52,-0.105 -0.707,-0.293c-0.188,-0.187 -0.293,-0.442 -0.293,-0.707l0,-1Z" id="Wifi"></path> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #741d29, #9c4d58)",title:"Monitoring",slug:"/monitoring",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Safety")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:nr.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),rr=Object(De.a)(nr)(or),lr=function(e){return{}},ir=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000">\n                            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>\n                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>\n                            <g id="SVGRepo_iconCarrier">\n                                <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" \n                                      fill="none" stroke="#fcfcfc" stroke-linecap="round" \n                                      stroke-linejoin="round" stroke-width="2"/>\n                            </g>\n                        </svg>\n                    ',background:"linear-gradient(0deg, #22577A, #38A3A5)",title:"Conversation Transcript",slug:"/conversation-log",location:["home"]},{svg:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="#1976d2" stroke-width="2" fill="#e3f2fd"/><path d="M8 12h8M12 8v8" stroke="#1976d2" stroke-width="2" stroke-linecap="round"/></svg>',background:"linear-gradient(0deg, #1976d2, #64b5f6)",title:"Manage Questions",slug:"/manage-questions",locations:["home"]},{svg:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 7C3 5.89543 3.89543 5 5 5H10L12 7H19C20.1046 7 21 7.89543 21 9V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V7Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12H16" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/><path d="M8 15H13" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/></svg>',background:"linear-gradient(0deg, #0f5a87, #219ebc)",title:"Code Base Management",slug:"/code-base-management",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title></title> <g id="Complete"> <g id="edit"> <g> <path d="M20,16v4a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V6A2,2,0,0,1,4,4H8" fill="none" stroke="#fcfcfc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> <polygon fill="none" points="12.5 15.8 22 6.2 17.8 2 8.3 11.5 8 16 12.5 15.8" stroke="#fcfcfc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polygon> </g> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Edit Quiz",slug:"/editquiz",location:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.3023 13.1628C21.6876 13.1628 22 13.4752 22 13.8605V13.9129C22 15.6225 22 16.9766 21.8575 18.0363C21.7109 19.1269 21.402 20.0097 20.7058 20.7058C20.0097 21.402 19.1269 21.7109 18.0363 21.8575C16.9766 22 15.6225 22 13.9129 22H13.8605C13.4752 22 13.1628 21.6876 13.1628 21.3023C13.1628 20.917 13.4752 20.6047 13.8605 20.6047C15.6343 20.6047 16.8944 20.6032 17.8504 20.4746C18.7863 20.3488 19.3255 20.1128 19.7192 19.7192C20.1128 19.3255 20.3488 18.7863 20.4746 17.8504C20.6032 16.8944 20.6047 15.6343 20.6047 13.8605C20.6047 13.4752 20.917 13.1628 21.3023 13.1628Z" fill="#ffffff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.69768 13.1628C3.08299 13.1628 3.39535 13.4752 3.39535 13.8605C3.39535 15.6343 3.39683 16.8944 3.52536 17.8504C3.65119 18.7863 3.88716 19.3255 4.28084 19.7192C4.67452 20.1128 5.21373 20.3488 6.14963 20.4746C7.10559 20.6032 8.36575 20.6047 10.1395 20.6047C10.5248 20.6047 10.8372 20.917 10.8372 21.3023C10.8372 21.6876 10.5248 22 10.1395 22H10.0871C8.37751 22 7.02344 22 5.9637 21.8575C4.87307 21.7109 3.99033 21.402 3.29418 20.7058C2.59803 20.0097 2.28908 19.1269 2.14245 18.0363C1.99997 16.9766 1.99999 15.6225 2 13.9129C2 13.8955 2 13.878 2 13.8605C2 13.4752 2.31236 13.1628 2.69768 13.1628Z" fill="#ffffff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0871 2L10.1395 2C10.5249 2 10.8372 2.31236 10.8372 2.69768C10.8372 3.08299 10.5249 3.39535 10.1395 3.39535C8.36575 3.39535 7.10559 3.39683 6.14963 3.52536C5.21373 3.65119 4.67452 3.88716 4.28084 4.28084C3.88716 4.67452 3.65119 5.21373 3.52536 6.14963C3.39683 7.10559 3.39535 8.36575 3.39535 10.1395C3.39535 10.5248 3.08299 10.8372 2.69768 10.8372C2.31236 10.8372 2 10.5248 2 10.1395L2 10.0871C1.99999 8.37751 1.99997 7.02343 2.14245 5.9637C2.28908 4.87307 2.59803 3.99033 3.29418 3.29418C3.99033 2.59803 4.87308 2.28908 5.9637 2.14245C7.02343 1.99997 8.37751 1.99999 10.0871 2Z" fill="#ffffff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8504 3.52536C16.8944 3.39683 15.6343 3.39535 13.8605 3.39535C13.4752 3.39535 13.1628 3.08299 13.1628 2.69768C13.1628 2.31236 13.4752 2 13.8605 2C13.878 2 13.8955 2 13.9129 2C15.6225 1.99999 16.9766 1.99997 18.0363 2.14245C19.1269 2.28908 20.0097 2.59803 20.7058 3.29418C21.402 3.99033 21.7109 4.87307 21.8575 5.9637C22 7.02344 22 8.37751 22 10.0871V10.1395C22 10.5249 21.6876 10.8372 21.3023 10.8372C20.917 10.8372 20.6047 10.5249 20.6047 10.1395C20.6047 8.36575 20.6032 7.10559 20.4746 6.14963C20.3488 5.21373 20.1128 4.67452 19.7192 4.28084C19.3255 3.88716 18.7863 3.65119 17.8504 3.52536Z" fill="#ffffff"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.37552 5.37552C4.55814 6.19289 4.55814 7.50844 4.55814 10.1395V13.8605C4.55814 16.4916 4.55814 17.8071 5.37552 18.6245C6.19289 19.4419 7.50844 19.4419 10.1395 19.4419H13.8605C16.4916 19.4419 17.8071 19.4419 18.6245 18.6245C19.4419 17.8071 19.4419 16.4916 19.4419 13.8605V10.1395C19.4419 7.50844 19.4419 6.19289 18.6245 5.37552C17.8071 4.55814 16.4916 4.55814 13.8605 4.55814H10.1395C7.50844 4.55814 6.19289 4.55814 5.37552 5.37552ZM9.06771 14.5435C9.26848 14.2726 9.65081 14.2158 9.92166 14.4165C10.5145 14.856 11.2301 15.1105 12 15.1105C12.7699 15.1105 13.4855 14.856 14.0783 14.4165C14.3492 14.2158 14.7315 14.2726 14.9323 14.5435C15.1331 14.8143 15.0762 15.1966 14.8054 15.3974C14.0139 15.9841 13.0459 16.3314 12 16.3314C10.9541 16.3314 9.98611 15.9841 9.19462 15.3974C8.92376 15.1966 8.86694 14.8143 9.06771 14.5435ZM15.2558 10.4302C15.2558 11.1045 14.8914 11.6512 14.4419 11.6512C13.9923 11.6512 13.6279 11.1045 13.6279 10.4302C13.6279 9.75593 13.9923 9.2093 14.4419 9.2093C14.8914 9.2093 15.2558 9.75593 15.2558 10.4302ZM9.55814 11.6512C10.0077 11.6512 10.3721 11.1045 10.3721 10.4302C10.3721 9.75593 10.0077 9.2093 9.55814 9.2093C9.10861 9.2093 8.74419 9.75593 8.74419 10.4302C8.74419 11.1045 9.10861 11.6512 9.55814 11.6512Z" fill="#ffffff"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Emotion Recognition",slug:"/emotion-recognition",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 22C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 18.7712 2 15" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <path d="M22 15C22 18.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <path d="M14 2C17.7712 2 19.6569 2 20.8284 3.17157C22 4.34315 22 5.22876 22 9" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <path d="M10 2C6.22876 2 4.34315 2 3.17157 3.17157C2 4.34315 2 5.22876 2 9" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <path d="M5.89243 14.0598C5.29748 13.3697 5 13.0246 5 12C5 10.9754 5.29747 10.6303 5.89242 9.94021C7.08037 8.56222 9.07268 7 12 7C14.9273 7 16.9196 8.56222 18.1076 9.94021C18.7025 10.6303 19 10.9754 19 12C19 13.0246 18.7025 13.3697 18.1076 14.0598C16.9196 15.4378 14.9273 17 12 17C9.07268 17 7.08038 15.4378 5.89243 14.0598Z" stroke="#ffffff" stroke-width="1.5"></path> <circle cx="12" cy="12" r="2" stroke="#ffffff" stroke-width="1.5"></circle> </g></svg>\n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Eye Gaze",slug:"/eye-gaze",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>profile_image_zoom [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-340.000000, -2119.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M302,1972.618 C301,1971.194 299.559,1970.115 297.86,1969.477 C299.226,1968.377 300.153,1966.792 300.153,1964.902 C300.153,1963.363 299.619,1962 298.667,1961 L302,1961 L302,1972.618 Z M286.42,1977 C287.246,1973 290.419,1971 294.204,1971 C297.989,1971 301.161,1973 301.987,1977 L286.42,1977 Z M286,1972.618 L286,1961 L289.741,1961 C288.788,1962 288.204,1963.363 288.204,1964.902 C288.204,1966.792 288.978,1968.426 290.344,1969.526 C288.645,1970.164 287,1971.194 286,1972.618 L286,1972.618 Z M294.204,1960.804 C296.409,1960.804 298.204,1962.598 298.204,1964.804 C298.204,1967.009 296.409,1968.804 294.204,1968.804 C291.998,1968.804 290.204,1967.009 290.204,1964.804 C290.204,1962.598 291.998,1960.804 294.204,1960.804 L294.204,1960.804 Z M284,1979 L304,1979 L304,1959 L284,1959 L284,1979 Z" id="profile_image_zoom-[#ffffff]"> </path> </g> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #741d6d, #aa299f)",title:"Face Detection",slug:"/face-detection",locations:["home"]},{svg:'\n                    <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <rect width="48" height="48" fill="white" fill-opacity="0.01"></rect> <path d="M34 3.99976H44V13.9998M44 33.9998V43.9998H34M14 43.9998H4V33.9998M4 13.9998V3.99976H14" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24 39.9998C31.732 39.9998 38 32.8363 38 23.9998C38 15.1632 31.732 7.99976 24 7.99976C16.268 7.99976 10 15.1632 10 23.9998C10 32.8363 16.268 39.9998 24 39.9998Z" stroke="#ffffff" stroke-width="4"></path> <path d="M6 24.0081L42 23.9998" stroke="#ffffff" stroke-width="4" stroke-linecap="round"></path> <path d="M20.0697 32.1057C21.3375 33.0429 22.6476 33.5115 24 33.5115C25.3523 33.5115 26.6983 33.0429 28.0381 32.1057" stroke="#ffffff" stroke-width="4" stroke-linecap="round"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #1d2974, #2f41b2)",title:"Face Recognition",slug:"/face-recognition",locations:["home"]},{svg:'\n                       <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M18 11.9999H17.1986C16.3689 11.9999 15.9541 11.9999 15.6102 12.1946C15.2664 12.3893 15.0529 12.745 14.6261 13.4564L14.5952 13.5079C14.1976 14.1706 13.9987 14.502 13.7095 14.4965C13.4202 14.4911 13.2339 14.1525 12.8615 13.4753L11.1742 10.4075C10.8269 9.77606 10.6533 9.46034 10.3759 9.44537C10.0986 9.43039 9.892 9.72558 9.47875 10.3159L9.19573 10.7203C8.75681 11.3473 8.53734 11.6608 8.21173 11.8303C7.88612 11.9999 7.50342 11.9999 6.73803 11.9999H6" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <path d="M8.96173 19.3707L9.43571 18.7895L9.43571 18.7895L8.96173 19.3707ZM12 5.49877L11.4509 6.00966C11.5928 6.16215 11.7917 6.24877 12 6.24877C12.2083 6.24877 12.4072 6.16215 12.5491 6.00966L12 5.49877ZM15.0383 19.3707L15.5123 19.952L15.0383 19.3707ZM9.43571 18.7895C7.98585 17.6072 6.29293 16.0568 4.96881 14.3598C3.63045 12.6445 2.75 10.8821 2.75 9.26044H1.25C1.25 11.3862 2.37926 13.4793 3.7862 15.2825C5.20736 17.1039 6.99532 18.7349 8.48775 19.952L9.43571 18.7895ZM2.75 9.26044C2.75 6.53057 4.0079 4.70454 5.60065 4.04191C7.17297 3.38778 9.35285 3.75479 11.4509 6.00966L12.5491 4.98787C10.1473 2.40661 7.32719 1.69899 5.02447 2.65699C2.74218 3.60649 1.25 6.07936 1.25 9.26044H2.75ZM15.5123 19.952C17.0047 18.735 18.7926 17.1039 20.2138 15.2825C21.6207 13.4794 22.75 11.3862 22.75 9.2604H21.25C21.25 10.8821 20.3695 12.6445 19.0312 14.3598C17.7071 16.0568 16.0142 17.6072 14.5643 18.7895L15.5123 19.952ZM22.75 9.2604C22.75 6.07926 21.2578 3.60639 18.9755 2.65691C16.6728 1.69894 13.8527 2.40662 11.4509 4.98787L12.5491 6.00966C14.6472 3.75479 16.827 3.38774 18.3994 4.04184C19.9921 4.70444 21.25 6.53045 21.25 9.2604H22.75ZM8.48775 19.952C9.7587 20.9884 10.641 21.75 12 21.75L12 20.25C11.2785 20.25 10.8287 19.9254 9.43571 18.7895L8.48775 19.952ZM14.5643 18.7895C13.1713 19.9254 12.7216 20.25 12 20.25L12 21.75C13.359 21.75 14.2413 20.9884 15.5123 19.952L14.5643 18.7895Z" fill="#ffffff"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Heart Rate",slug:"/heart-rate",locations:["home"]},{svg:'\n                        <svg fill="#ffffff" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60" xml:space="preserve" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <rect x="19" y="26" width="2" height="2"></rect> <rect x="19" y="30" width="2" height="2"></rect> <path d="M19,13h2c2.8,0,5-2.2,5-5V5c0-2.8-2.2-5-5-5h-2c-2.8,0-5,2.2-5,5v3C14,10.8,16.2,13,19,13z M16,5c0-1.7,1.3-3,3-3h2 c1.7,0,3,1.3,3,3v3c0,1.7-1.3,3-3,3h-2c-1.7,0-3-1.3-3-3V5z"></path> <path d="M59,34H32V21c0-3.9-3.1-7-7-7H15c-3.9,0-7,3.1-7,7v13H1c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h3v18h2V42h44v-2H5H2v-4h56v4 h-3c-0.6,0-1,0.4-1,1v19h2V42h3c0.6,0,1-0.4,1-1v-6C60,34.4,59.6,34,59,34z M21.7,16l-1.6,4.2L18.5,16H21.7z M10,21 c0-2.8,2.2-5,5-5h1.3l2.8,7.4c0.1,0.3,0.5,0.6,0.9,0.6s0.8-0.3,1.1-0.6l2.8-7.4H25c2.8,0,5,2.2,5,5v13h-3V24h-2v10H15V24h-2v10h-3 L10,21L10,21z"></path> <path d="M59,3H35c-0.6,0-1,0.4-1,1v14c0,0.6,0.4,1,1,1h5v4c0,0.4,0.2,0.8,0.6,0.9C40.7,24,40.9,24,41,24c0.3,0,0.5-0.1,0.7-0.3 l4.7-4.7H59c0.6,0,1-0.4,1-1V4C60,3.4,59.6,3,59,3z M58,17H46c-0.3,0-0.5,0.1-0.7,0.3L42,20.6V18c0-0.6-0.4-1-1-1h-5V5h22V17z"></path> <rect x="39" y="8" width="6" height="2"></rect> <rect x="47" y="8" width="6" height="2"></rect> <rect x="39" y="12" width="16" height="2"></rect> <path d="M35,47H25c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1h10c0.6,0,1-0.4,1-1v-6C36,47.4,35.6,47,35,47z M34,53h-8v-4h8V53z"></path> <rect x="40" y="48" width="2" height="2"></rect> <rect x="44" y="48" width="2" height="2"></rect> <rect x="48" y="48" width="2" height="2"></rect> <rect x="40" y="52" width="2" height="2"></rect> <rect x="44" y="52" width="2" height="2"></rect> <rect x="48" y="52" width="2" height="2"></rect> <rect x="10" y="48" width="2" height="2"></rect> <rect x="14" y="48" width="2" height="2"></rect> <rect x="18" y="48" width="2" height="2"></rect> <rect x="10" y="52" width="2" height="2"></rect> <rect x="14" y="52" width="2" height="2"></rect> <rect x="18" y="52" width="2" height="2"></rect> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Interview",slug:"/interview",location:["home"]},{svg:'\n                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M19 9.77818V16.2001C19 17.8802 19 18.7203 18.673 19.362C18.3854 19.9265 17.9265 20.3855 17.362 20.6731C16.7202 21.0001 15.8802 21.0001 14.2 21.0001H9.8C8.11984 21.0001 7.27976 21.0001 6.63803 20.6731C6.07354 20.3855 5.6146 19.9265 5.32698 19.362C5 18.7203 5 17.8802 5 16.2001V9.77753M21 12.0001L15.5668 5.96405C14.3311 4.59129 13.7133 3.9049 12.9856 3.65151C12.3466 3.42894 11.651 3.42899 11.0119 3.65165C10.2843 3.90516 9.66661 4.59163 8.43114 5.96458L3 12.0001M12 12.0001V16.0001M14 14.0001H10" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Manage Residents",slug:"/manage-resident",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M3 10V18C3 19.1046 3.89543 20 5 20H12M3 10V6C3 4.89543 3.89543 4 5 4H19C20.1046 4 21 4.89543 21 6V10M3 10H21M21 10V13" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17.5 21L17.5 15M17.5 15L20 17.5M17.5 15L15 17.5" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <circle cx="6" cy="7" r="1" fill="#ffffff"></circle> <circle cx="9" cy="7" r="1" fill="#ffffff"></circle> </g></svg>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Quiz Upload",slug:"/quizupload",location:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 20H5v-2m3 2v-4h4m-4 4h4m4 0h3v-2m-3 2v-4h-4m4 4h-4m0-4v4m0-11H9a4 4 0 0 0-4 4v0m7-4h3a4 4 0 0 1 4 4v0m-7-4V5m7 8h1a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-1m0-5v5M5 14.5v2M5 13H4a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1m0-5v5m4-5h.001M15 13h.001"></path><circle cx="12" cy="5" r="1" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle></g></svg>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Robot Blocks",slug:"/robotblocks",location:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.cls-1{fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><path class="cls-1" d="M18.68,1.5h1.91A1.9,1.9,0,0,1,22.5,3.41V16.77a1.9,1.9,0,0,1-1.91,1.91H3.41A1.9,1.9,0,0,1,1.5,16.77V3.41A1.9,1.9,0,0,1,3.41,1.5H18.68Z"></path><line class="cls-1" x1="12" y1="22.5" x2="12" y2="18.68"></line><line class="cls-1" x1="16.77" y1="22.5" x2="7.23" y2="22.5"></line><line class="cls-1" x1="1.5" y1="14.86" x2="22.5" y2="14.86"></line><circle class="cls-1" cx="12" cy="8.18" r="2.86"></circle><line class="cls-1" x1="12" y1="5.32" x2="12" y2="3.41"></line><line class="cls-1" x1="12" y1="12.95" x2="12" y2="11.05"></line><line class="cls-1" x1="9.52" y1="6.75" x2="7.87" y2="5.8"></line><line class="cls-1" x1="16.13" y1="10.57" x2="14.48" y2="9.61"></line><line class="cls-1" x1="16.13" y1="5.8" x2="14.48" y2="6.75"></line><line class="cls-1" x1="9.52" y1="9.61" x2="7.87" y2="10.57"></line></g></svg>    \n                    ',background:"linear-gradient(0deg, #da8309, #ffad39)",title:"System Settings",slug:"/system-settings",locations:["home"]},{svg:'\n                        <path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",title:"Technology Support",slug:"/technology-support",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M960 160H384V64a32 32 0 0 0-32-32H136.96A104.96 104.96 0 0 0 32 136.96v558.08A104.96 104.96 0 0 0 136.96 800h128a256 256 0 0 0 495.04 0h128A104.96 104.96 0 0 0 992 695.04V192a32 32 0 0 0-32-32zM512 928a192 192 0 1 1 192-192 192 192 0 0 1-192 192z m416-608H576a32 32 0 0 0 0 64h352v311.04A40.96 40.96 0 0 1 887.04 736H768a256 256 0 0 0-512 0H136.96A40.96 40.96 0 0 1 96 695.04V136.96A40.96 40.96 0 0 1 136.96 96H320v96a32 32 0 0 0 32 32h576z" fill="#ffffff"></path><path d="M288 352a32 32 0 0 0 32 32h128a32 32 0 0 0 0-64h-128a32 32 0 0 0-32 32zM209.6 325.44a17.6 17.6 0 0 0-5.44-2.88 19.84 19.84 0 0 0-6.08-2.56 27.84 27.84 0 0 0-12.48 0 20.8 20.8 0 0 0-5.76 1.92 23.68 23.68 0 0 0-5.76 2.88l-4.8 3.84A32 32 0 0 0 160 352a32 32 0 0 0 9.28 22.72 36.8 36.8 0 0 0 10.56 6.72 30.08 30.08 0 0 0 24.32 0 37.12 37.12 0 0 0 10.56-6.72A32 32 0 0 0 224 352a33.6 33.6 0 0 0-9.28-22.72zM608 704h-64v-96a32 32 0 0 0-64 0v128a32 32 0 0 0 32 32h96a32 32 0 0 0 0-64z" fill="#ffffff"></path></g></svg>\n                    ',background:"linear-gradient(0deg, #d00f88, #ff48bb)",title:"Training Module",slug:"/training-module-list",location:["home"]},{svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M19.06 18.6699L16.92 14.3999L14.78 18.6699" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.1699 17.9099H18.6899" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M16.9201 22.0001C14.1201 22.0001 11.8401 19.73 11.8401 16.92C11.8401 14.12 14.1101 11.8401 16.9201 11.8401C19.7201 11.8401 22.0001 14.11 22.0001 16.92C22.0001 19.73 19.7301 22.0001 16.9201 22.0001Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.02 2H8.94C11.01 2 12.01 3.00002 11.96 5.02002V8.94C12.01 11.01 11.01 12.01 8.94 11.96H5.02C3 12 2 11 2 8.92999V5.01001C2 3.00001 3 2 5.02 2Z" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.00995 5.84985H4.94995" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.96997 5.16992V5.84991" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.98994 5.83984C7.98994 7.58984 6.61994 9.00983 4.93994 9.00983" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9.0099 9.01001C8.2799 9.01001 7.61991 8.62 7.15991 8" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M2 15C2 18.87 5.13 22 9 22L7.95 20.25" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M22 9C22 5.13 18.87 2 15 2L16.05 3.75" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Translation",slug:"/translation",locations:["home"]},{svg:'\n                        <svg viewBox="0 0 48 48" id="a" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs> <style>.b{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;}</style> </defs> <g> <line class="b" x1="34.4181" y1="34.24" x2="34.4181" y2="23.24"></line> <polyline class="b" points="39.2637 28.0856 34.4181 23.24 29.5725 28.0856"></polyline> </g> <g> <path class="b" d="m41.6801,13.015h-16.91c-2-.1-5.93-4.23-8.19-4.23H6.6801c-1.204-.0003-2.1803.9754-2.1806,2.1794,0,.0169.0002.0337.0006.0506h0v7.29h39v-3.42c.0221-1.0104-.7791-1.8475-1.7895-1.8696-.0102-.0002-.0203-.0004-.0305-.0004Z"></path> <path class="b" d="m4.5001,18.295v18.72c-.0111,1.2039.956,2.1889,2.1599,2.1999.0034,0,.0067,0,.0101,0h34.65c1.204,0,2.18-.9759,2.1801-2.1799,0-.0067,0-.0134,0-.0201h0v-18.72"></path> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Upload",slug:"/learningupload",location:["home"]},{svg:'\n                        <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16 20H18C19.1046 20 20 19.1046 20 18V16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 4H6C4.89543 4 4 4.89543 4 6V8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 20H6C4.89543 20 4 19.1046 4 18V16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 4H18C19.1046 4 20 4.89543 20 6V8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 11L6 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 9L9 15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 9L15 15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 11L18 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 11L12 13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>\n                    ',background:"linear-gradient(0deg, #0f6f11, #0fa112)",title:"Voice Command",slug:"/voice-command",location:["home"]},{svg:'\n                        <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.a{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="a" d="M40.5,5.5H7.5a2,2,0,0,0-2,2v33a2,2,0,0,0,2,2h33a2,2,0,0,0,2-2V7.5A2,2,0,0,0,40.5,5.5Z"></path><path class="a" d="M32.1645,32.9456V15.1479"></path><path class="a" d="M38,22.9637l-5.8355-7.9093-5.8356,7.9093"></path><path class="a" d="M15.8355,15.0544V32.8521"></path><path class="a" d="M21.6711,25.0363l-5.8356,7.9093L10,25.0363"></path></g></svg>\n                    ',background:"linear-gradient(0deg, #1d2974, #2f41b2)",title:"WiFi Setting",slug:"/wifisetting",location:["home"]},{svg:'\n                        <svg fill="white" width="24" height="24" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <polygon points="175.425,9.748 175.425,25.477 463.788,25.477 463.788,31.768 479.517,31.768 479.517,9.748 "></polygon> </g> </g> <g> <g> <path d="M70.566,384.21v-8.504H54.837v8.504H0V512h127.79V384.21H70.566z M112.061,496.271H15.729v-96.332h96.332V496.271z"></path> </g> </g> <g> <g> <path d="M455.399,384.21v-8.504H439.67v8.504h-55.46V512H512V384.21H455.399z M496.271,496.271h-96.332v-96.332h96.332V496.271z"></path> </g> </g> <g> <g> <path d="M261.41,384.21v-8.504h-15.729v8.504h-53.576V512h127.79V384.21H261.41z M304.166,496.271h-96.332v-96.332h96.332V496.271 z"></path> </g> </g> <g> <g> <path d="M487.987,319.895V40.022H167.811L167.808,0H24.013v319.895H245.68v18.062H54.837v30.409h15.729v-14.68h175.115v14.68 h15.729v-14.68H439.67v14.68h15.729v-30.409H261.41v-18.062H487.987z M39.742,304.166V15.729h112.34l0.003,40.022h320.174v248.416 H39.742z"></path> </g> </g> <g> <g> <path d="M256.001,88.048c-48.473,0-87.909,39.435-87.909,87.909c0,48.473,39.435,87.909,87.909,87.909 c48.473,0,87.908-39.435,87.908-87.909C343.909,127.484,304.473,88.048,256.001,88.048z M256.001,248.137 c-39.8,0-72.18-32.379-72.18-72.18c0-39.8,32.379-72.18,72.18-72.18c39.799,0,72.179,32.379,72.179,72.18 C328.18,215.757,295.8,248.137,256.001,248.137z"></path> </g> </g> <g> <g> <path d="M256.001,112.061c-35.233,0-63.896,28.663-63.896,63.896s28.663,63.896,63.896,63.896 c35.232,0,63.895-28.663,63.895-63.896S291.232,112.061,256.001,112.061z M256.001,224.123c-26.559,0-48.167-21.607-48.167-48.167 c0-26.559,21.608-48.167,48.167-48.167c26.559,0,48.166,21.607,48.166,48.167C304.166,202.516,282.56,224.123,256.001,224.123z"></path> </g> </g> <g> <g> <polygon points="282.456,154.386 247.996,188.848 229.544,170.395 218.422,181.518 247.996,211.092 293.579,165.51 "></polygon> </g> </g> <g> <g> <rect x="55.89" y="32.821" width="15.729" height="15.729"></rect> </g> </g> <g> <g> <rect x="87.348" y="32.821" width="15.729" height="15.729"></rect> </g> </g> <g> <g> <rect x="118.805" y="32.821" width="16.777" height="15.729"></rect> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #741d29, #9c4d58)",title:"Workflow Designer",slug:"/workflowdesigner",location:["home"]},{svg:'\n                        <svg version="1.1" id="Uploaded to svgrepo.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" xml:space="preserve" fill="#000000" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .sharpcorners_een{fill:#f7f7f7;} .st0{fill:#0B1719;} </style> <path class="sharpcorners_een" d="M8,19h3v2H8v3H6v-3H3v-2h3v-3h2V19z M21.5,21c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 s1.5-0.672,1.5-1.5S22.328,21,21.5,21z M32,12v16H0V12h13v-1h6v1H32z M12,18H9v-3H5v3H2v4h3v3h4v-3h3V18z M24,22.5 c0-1.381-1.119-2.5-2.5-2.5S19,21.119,19,22.5c0,1.381,1.119,2.5,2.5,2.5S24,23.881,24,22.5z M30,22.5c0-1.381-1.119-2.5-2.5-2.5 S25,21.119,25,22.5c0,1.381,1.119,2.5,2.5,2.5S30,23.881,30,22.5z M27.5,21c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5 s1.5-0.672,1.5-1.5S28.328,21,27.5,21z M17,4h-2v6h2V4z"></path> </g></svg>\n                    ',background:"linear-gradient(0deg, #0f6f11, #0fa112)",title:"Matilda Service Button Control",slug:"/robot-control",location:["home"]},{svg:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" stroke="#1976d2" stroke-width="2" fill="#e3f2fd"/><path d="M8 12h8M12 8v8" stroke="#1976d2" stroke-width="2" stroke-linecap="round"/></svg>',background:"linear-gradient(0deg, #1976d2, #64b5f6)",title:"Profiling",slug:"/profiling",locations:["home"]},{title:"Story Builder",svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8V12L15 15" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>\n                    ',background:"linear-gradient(0deg, #a8090a, #d33232)",slug:"/story-builder",location:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Technology Tools")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return(e.state.allowedAcccess.includes(t.title)||"Story Builder"==t.title||"Profiling"==t.title||"Matilda Service Button Control"==t.title||"Conversation Transcript"==t.title||"Manage Questions"==t.title||"Code Base Management"==t.title&&"ADMIN"===localStorage.getItem("userRole"))&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:lr.focusVisible},t.img?o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),cr=Object(De.a)(lr)(ir),sr=a(1145),ur=a(1140),dr=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.state={selectedService:null,value:"one",events:[],selectedLanguage:"english",currentLanguage:"English",contentList:[{label:"English",value:"english"},{label:"Mandarin",value:"mandarin"},{label:"Japanese",value:"japanese"},{label:"Cantonese",value:"cantonese"}],selectedAction:"start",actionList:[{label:"Start",value:"start"},{label:"Stop",value:"stop"}],selectedBGMusic:"",selectedBGAnswer:"",isLoading:!1},e.onChangeAction=e.onChangeAction.bind(Object(u.a)(e)),e.onChangeLanguage=e.onChangeLanguage.bind(Object(u.a)(e)),e.onSubmit=e.onSubmit.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.onChangeBGMusic=e.onChangeBGMusic.bind(Object(u.a)(e)),e.onChangeBGAnswer=e.onChangeBGAnswer.bind(Object(u.a)(e)),e.onSave=e.onSave.bind(Object(u.a)(e)),e.onChangeLanguageClick=e.onChangeLanguageClick.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("remoteId"),a='{"api":"getTalkConfig", "action":"get","name": "'.concat(t,'"}'),n='{"api":"globLanGet", "name": "'.concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a),Object(q.b)(n)})),q.c.onmessage=function(t){if(t.data&&t.data.toString().includes("bg_thinking")){var a=t.data.substring(0,t.data.length);try{var n=JSON.parse(a.replace(/\0/g,"")).data;e.setState({selectedBGMusic:n.bg_thinking}),e.setState({selectedBGAnswer:n.bg_answer})}catch(l){return!1}}if(t.data&&t.data.toString().includes("current_language")){var o=t.data.substring(0,t.data.length);try{var r=JSON.parse(o.replace(/\0/g,""));e.setState({currentLanguage:(r.current_language||"English").toUpperCase()})}catch(l){return!1}}}}},{key:"onChangeAction",value:function(e){this.setState({selectedAction:e.target.value})}},{key:"onChangeLanguage",value:function(e){this.setState({selectedLanguage:e.target.value})}},{key:"onSubmit",value:function(e){var t=this;if(!this.state.isLoading){this.setState({isLoading:!0});var a=e.target.value,n='{"api":"webBtnPressed", "button":"'.concat("C",'", "selection":"').concat(a,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)})),setTimeout((function(){t.setState({isLoading:!1})}),5e3)}}},{key:"onChangeBGMusic",value:function(e){this.setState({selectedBGMusic:e.target.value})}},{key:"onChangeBGAnswer",value:function(e){this.setState({selectedBGAnswer:e.target.value})}},{key:"onSave",value:function(e){var t=localStorage.getItem("remoteId"),a='{"api":"updateTalkConfig", "bg_thinking": "'.concat(this.state.selectedBGMusic,'", "bg_answer": "').concat(this.state.selectedBGAnswer,'", "name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}},{key:"onChangeLanguageClick",value:function(){var e=this;if(!this.state.isLoading){this.setState({isLoading:!0});var t='{"api":"webBtnPressed", "button":"'.concat("H",'", "selection":"').concat("change_language",'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}));var a=localStorage.getItem("remoteId"),n='{"api":"globLanGet", "name": "'.concat(a,'"}');setTimeout((function(){Object(q.f)(q.c,(function(){Object(q.b)(n)}))}),2e3),setTimeout((function(){Object(q.f)(q.c,(function(){Object(q.b)(n)}))}),4e3),setTimeout((function(){Object(q.f)(q.c,(function(){Object(q.b)(n)}))}),6e3),setTimeout((function(){e.setState({isLoading:!1})}),5e3)}}},{key:"render",value:function(){var e=this;return o.a.createElement(o.a.Fragment,null,o.a.createElement("style",null,"\n                        @keyframes spin {\n                            0% { transform: rotate(0deg); }\n                            100% { transform: rotate(360deg); }\n                        }\n                    "),o.a.createElement("div",{style:{minHeight:"100vh",padding:"0",fontFamily:"'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"}},o.a.createElement(pe.a,{title:this.computeTitle("Talk With Matilda"),parentNode:"/entertainment"}),o.a.createElement("div",{style:{maxWidth:"800px",margin:"0 auto",padding:"20px"}},o.a.createElement("div",{style:{backgroundColor:"#ffffff",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.1)",padding:"32px",marginBottom:"24px",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.2)"}},o.a.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:"24px"}},o.a.createElement("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"16px",fontSize:"24px"}},"\ud83c\udfaf"),o.a.createElement("div",null,o.a.createElement("h2",{style:{margin:"0",fontSize:"24px",fontWeight:"600",color:"#2d3748",lineHeight:"1.2"}},this.computeTitle("Configuration")),o.a.createElement("p",{style:{margin:"4px 0 0 0",color:"#718096",fontSize:"14px"}},"Configure your conversation settings"))),o.a.createElement("div",{style:{marginBottom:"24px"}},o.a.createElement("label",{style:{display:"block",fontSize:"16px",fontWeight:"500",color:"#4a5568",marginBottom:"12px"}},"\ud83c\udf10 ",this.computeTitle("Current Language")),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"16px",padding:"12px 16px",backgroundColor:"#f7fafc",borderRadius:"8px",border:"2px solid #e2e8f0"}},o.a.createElement("div",{style:{flex:1,fontSize:"18px",fontWeight:"600",color:"#2d3748"}},this.state.currentLanguage),o.a.createElement("button",{onClick:this.onChangeLanguageClick,disabled:this.state.isLoading,style:{background:this.state.isLoading?"linear-gradient(135deg, #a0aec0 0%, #718096 100%)":"linear-gradient(135deg, #4299e1 0%, #3182ce 100%)",color:"white",border:"none",padding:"8px 16px",borderRadius:"6px",fontSize:"14px",fontWeight:"500",cursor:this.state.isLoading?"not-allowed":"pointer",boxShadow:"0 2px 8px rgba(66, 153, 225, 0.3)",transition:"all 0.2s ease",display:"flex",alignItems:"center",gap:"6px",opacity:this.state.isLoading?.7:1},onMouseEnter:function(t){e.state.isLoading||(t.target.style.transform="translateY(-1px)",t.target.style.boxShadow="0 4px 12px rgba(66, 153, 225, 0.4)")},onMouseLeave:function(t){e.state.isLoading||(t.target.style.transform="translateY(0px)",t.target.style.boxShadow="0 2px 8px rgba(66, 153, 225, 0.3)")}},this.state.isLoading?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{style:{width:"12px",height:"12px",border:"2px solid #ffffff",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),"Loading..."):o.a.createElement(o.a.Fragment,null,"\ud83d\udd04 ",this.computeTitle("Change"))))),o.a.createElement("div",{style:{display:"flex",gap:"16px",justifyContent:"center"}},o.a.createElement("button",{onClick:this.onSubmit,value:"start",disabled:this.state.isLoading,style:{background:this.state.isLoading?"linear-gradient(135deg, #a0aec0 0%, #718096 100%)":"linear-gradient(135deg, #48bb78 0%, #38a169 100%)",color:"white",border:"none",padding:"12px 32px",borderRadius:"8px",fontSize:"16px",fontWeight:"500",cursor:this.state.isLoading?"not-allowed":"pointer",boxShadow:"0 4px 12px rgba(72, 187, 120, 0.3)",transition:"all 0.2s ease",display:"flex",alignItems:"center",gap:"8px",opacity:this.state.isLoading?.7:1},onMouseEnter:function(t){e.state.isLoading||(t.target.style.transform="translateY(-2px)",t.target.style.boxShadow="0 6px 16px rgba(72, 187, 120, 0.4)")},onMouseLeave:function(t){e.state.isLoading||(t.target.style.transform="translateY(0px)",t.target.style.boxShadow="0 4px 12px rgba(72, 187, 120, 0.3)")}},this.state.isLoading?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{style:{width:"16px",height:"16px",border:"2px solid #ffffff",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),"Loading..."):o.a.createElement(o.a.Fragment,null,"\u25b6\ufe0f ",this.computeTitle("Start"))),o.a.createElement("button",{onClick:this.onSubmit,value:"stop",disabled:this.state.isLoading,style:{background:this.state.isLoading?"linear-gradient(135deg, #a0aec0 0%, #718096 100%)":"linear-gradient(135deg, #f56565 0%, #e53e3e 100%)",color:"white",border:"none",padding:"12px 32px",borderRadius:"8px",fontSize:"16px",fontWeight:"500",cursor:this.state.isLoading?"not-allowed":"pointer",boxShadow:"0 4px 12px rgba(245, 101, 101, 0.3)",transition:"all 0.2s ease",display:"flex",alignItems:"center",gap:"8px",opacity:this.state.isLoading?.7:1},onMouseEnter:function(t){e.state.isLoading||(t.target.style.transform="translateY(-2px)",t.target.style.boxShadow="0 6px 16px rgba(245, 101, 101, 0.4)")},onMouseLeave:function(t){e.state.isLoading||(t.target.style.transform="translateY(0px)",t.target.style.boxShadow="0 4px 12px rgba(245, 101, 101, 0.3)")}},this.state.isLoading?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{style:{width:"16px",height:"16px",border:"2px solid #ffffff",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),"Loading..."):o.a.createElement(o.a.Fragment,null,"\u23f9\ufe0f ",this.computeTitle("Stop"))))),o.a.createElement("div",{style:{backgroundColor:"#ffffff",borderRadius:"16px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.1)",padding:"32px",backdropFilter:"blur(10px)",border:"1px solid rgba(255, 255, 255, 0.2)"}},o.a.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:"24px"}},o.a.createElement("div",{style:{width:"48px",height:"48px",borderRadius:"12px",background:"linear-gradient(135deg, #ed8936 0%, #dd6b20 100%)",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"16px",fontSize:"24px"}},"\ud83c\udfb5"),o.a.createElement("div",null,o.a.createElement("h2",{style:{margin:"0",fontSize:"24px",fontWeight:"600",color:"#2d3748",lineHeight:"1.2"}},this.computeTitle("Additional Settings")),o.a.createElement("p",{style:{margin:"4px 0 0 0",color:"#718096",fontSize:"14px"}},"Customize your audio experience"))),o.a.createElement("div",{style:{display:"grid",gap:"24px",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))"}},o.a.createElement("div",{style:{padding:"20px",backgroundColor:"#f7fafc",borderRadius:"12px",border:"2px solid #e2e8f0"}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",color:"#4a5568",fontSize:"16px",fontWeight:"500"}},"\ud83c\udfa7 ",this.computeTitle("Background music while thinking")),o.a.createElement(Me.a,{component:"fieldset",style:{width:"100%"}},o.a.createElement(sr.a,{name:"bg-thinking",value:this.state.selectedBGMusic,onChange:this.onChangeBGMusic,row:!0,style:{justifyContent:"center",gap:"16px"}},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,{color:"primary",style:{color:"#667eea"}}),label:o.a.createElement("span",{style:{fontSize:"14px",fontWeight:"500"}},"On"),style:{margin:"0",backgroundColor:"on"===this.state.selectedBGMusic?"#e6fffa":"transparent",padding:"8px 16px",borderRadius:"8px",border:"on"===this.state.selectedBGMusic?"2px solid #38b2ac":"2px solid transparent"}}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,{color:"primary",style:{color:"#667eea"}}),label:o.a.createElement("span",{style:{fontSize:"14px",fontWeight:"500"}},"Off"),style:{margin:"0",backgroundColor:"off"===this.state.selectedBGMusic?"#fed7d7":"transparent",padding:"8px 16px",borderRadius:"8px",border:"off"===this.state.selectedBGMusic?"2px solid #f56565":"2px solid transparent"}})))),o.a.createElement("div",{style:{padding:"20px",backgroundColor:"#f7fafc",borderRadius:"12px",border:"2px solid #e2e8f0"}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",color:"#4a5568",fontSize:"16px",fontWeight:"500"}},"\ud83c\udfa4 ",this.computeTitle("Background music when got answer")),o.a.createElement(Me.a,{component:"fieldset",style:{width:"100%"}},o.a.createElement(sr.a,{name:"bg-answer",value:this.state.selectedBGAnswer,onChange:this.onChangeBGAnswer,row:!0,style:{justifyContent:"center",gap:"16px"}},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,{color:"primary",style:{color:"#667eea"}}),label:o.a.createElement("span",{style:{fontSize:"14px",fontWeight:"500"}},"On"),style:{margin:"0",backgroundColor:"on"===this.state.selectedBGAnswer?"#e6fffa":"transparent",padding:"8px 16px",borderRadius:"8px",border:"on"===this.state.selectedBGAnswer?"2px solid #38b2ac":"2px solid transparent"}}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,{color:"primary",style:{color:"#667eea"}}),label:o.a.createElement("span",{style:{fontSize:"14px",fontWeight:"500"}},"Off"),style:{margin:"0",backgroundColor:"off"===this.state.selectedBGAnswer?"#fed7d7":"transparent",padding:"8px 16px",borderRadius:"8px",border:"off"===this.state.selectedBGAnswer?"2px solid #f56565":"2px solid transparent"}}))))),o.a.createElement("div",{style:{display:"flex",justifyContent:"center",marginTop:"32px"}},o.a.createElement("button",{onClick:this.onSave,style:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white",border:"none",padding:"14px 40px",borderRadius:"8px",fontSize:"16px",fontWeight:"500",cursor:"pointer",boxShadow:"0 4px 12px rgba(102, 126, 234, 0.3)",transition:"all 0.2s ease",display:"flex",alignItems:"center",gap:"8px"},onMouseEnter:function(e){e.target.style.transform="translateY(-2px)",e.target.style.boxShadow="0 6px 16px rgba(102, 126, 234, 0.4)"},onMouseLeave:function(e){e.target.style.transform="translateY(0px)",e.target.style.boxShadow="0 4px 12px rgba(102, 126, 234, 0.3)"}},"\ud83d\udcbe ",this.computeTitle("Save Settings")))))))}}]),a}(n.Component),mr=Object(De.a)((function(e){return{formControl:{margin:e.spacing(0),minWidth:250}}}))(dr),pr=function(){return{}},gr=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.handleCastLearn=function(){e.setState({deviceCast:!0})},e.handleStopCast=function(){var e='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){q.c.send(e)}))},e.handleCloseCast=function(){e.setState({deviceCast:!1})},e.handleSaveCast=function(t){var a=t.currentTarget.value,n=localStorage.getItem("remoteId"),o={api:"vocalise",text:"Casting bingo now please wait",language:"en",emotion:"neutral",sound:"none",name:n};a.includes("panoptic")?o={api:"vocalise",text:"Casting chess now please wait",language:"en",emotion:"neutral",sound:"none",name:n}:a.includes("mczak")?o={api:"vocalise",text:"Casting sudoku now please wait",language:"en",emotion:"neutral",sound:"none",name:n}:a.includes("scrabble")&&(o={api:"vocalise",text:"Casting scrabble now please wait",language:"en",emotion:"neutral",sound:"none",name:n}),Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(o))})),e.setState({deviceCast:!1,selectedDevice:""});var r='{"api":"handleStartCastSite", "action":"start", "url": "'.concat(a,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){q.c.send(r)}))},e.handleContentChangeCast=function(t){e.setState({selectedDevice:t.target.value})},e.state={appMeta:[{svg:'\n                        <path d="M21 3V21H3V3H21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 16.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 7.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M16.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M7.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #d00f88, #ff48bb)",title:"Bingo",slug:"/bingolist",locations:["games"]},{svg:'\n                        <path d="M7 16L17 16" stroke="currentColor" stroke-linecap="round"/>\n                        <path d="M9 11L15 11" stroke="currentColor" stroke-linecap="round"/>\n                        <path d="M10 4V6" stroke="currentColor" stroke-linecap="round"/>\n                        <path d="M14 4V6" stroke="currentColor" stroke-linecap="round"/>\n                        <path d="M17.4 9L6.6 9C6.26863 9 6 8.73137 6 8.4L6 4.6C6 4.26863 6.26863 4 6.6 4L17.4 4C17.7314 4 18 4.26863 18 4.6V8.4C18 8.73137 17.7314 9 17.4 9Z" stroke="currentColor" stroke-linecap="round"/>\n                        <path d="M17.901 21L6.099 21C5.6243 21 5.3318 20.4737 5.57763 20.0676C6.7923 18.061 9.5 13.3271 9.5 11V9.59965C9.5 9.26828 9.76863 9 10.1 9H13.9C14.2314 9 14.5 9.26828 14.5 9.59965V11C14.5 13.3271 17.2077 18.061 18.4224 20.0676C18.6682 20.4737 18.3757 21 17.901 21Z" stroke="currentColor" stroke-linecap="round"/>\n                    ',background:"linear-gradient(0deg, #560d0d, #8b1515)",title:"Chess",slug:"/chess",locations:["games"]},{svg:'\n                        <path d="M14 15H17M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M8.5 9C8.22386 9 8 8.77614 8 8.5C8 8.22386 8.22386 8 8.5 8C8.77614 8 9 8.22386 9 8.5C9 8.77614 8.77614 9 8.5 9Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M15.5 9C15.2239 9 15 8.77614 15 8.5C15 8.22386 15.2239 8 15.5 8C15.7761 8 16 8.22386 16 8.5C16 8.77614 15.7761 9 15.5 9Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #1f6776, #2d93a8)",title:"Sudoku",slug:"/sudoku",locations:["games"]},{svg:'\n                        <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #1f6776, #2d93a8)",title:"Scrabble",slug:"/scrabble",locations:["games"]}],selected:!1,quizId:null,deviceCast:!1,selectedDevice:""},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.handleCastLearn=e.handleCastLearn.bind(Object(u.a)(e)),e.handleStopCast=e.handleStopCast.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Games"),parentNode:"/entertainment"}),o.a.createElement(me.a,{size:"large",variant:"outlined",onClick:this.handleCastLearn},this.computeTitle("Cast")),o.a.createElement(me.a,{size:"large",variant:"outlined",onClick:this.handleStopCast},this.computeTitle("Stop Cast")),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:"1fr 1fr 1fr"},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:pr.focusVisible},o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))),o.a.createElement(ge.a,{open:this.state.deviceCast,onClose:this.handleCloseCast,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:this.handleCloseCast},"Choose Item to Cast"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:this.state.selectedDevice,value:this.state.selectedDevice,id:"select-content",onChange:this.handleContentChangeCast,fullWidth:!0},[{title:"Number Bingo",url:"https://app.mymatilda.com.au/number-card-1to20?remoteId=".concat(localStorage.getItem("remoteId"))},{title:"Card Bingo",url:"https://app.mymatilda.com.au/bingo-card?remoteId=".concat(localStorage.getItem("remoteId"))},{title:"Chess",url:"https://panopticai.ue.r.appspot.com/"},{title:"Sudoku",url:"https://mczak.com/code/sudoku/suframe/"},{title:"Scrabble",url:"https://scrabble-387707.ue.r.appspot.com/"}].map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.url},e.title)}))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.handleCloseCast,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:this.handleSaveCast,value:this.state.selectedDevice,color:"primary"},"Continue"))))}}]),a}(n.Component),fr=Object(De.a)(pr)(gr),br=re.a.div(Fo||(Fo=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function hr(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}function vr(e){var t=e.robots;return o.a.createElement(o.a.Fragment,null,t&&t.map((function(e,t){return o.a.createElement("small",null,e," ",o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:e,onClick:Er},"Remove"),o.a.createElement("br",null))})))}function Er(e){var t={method:"delete",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com//user-robot?email="+localStorage.getItem("selected")+"&robot_id="+e.currentTarget.value,headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)}))}var yr,Or=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)("https://cloud-api-389807.ue.r.appspot.com/"),u=Object(v.a)(s,2),d=u[0],m=(u[1],Object(n.useState)("")),g=Object(v.a)(m,2),b=g[0],h=g[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(!1),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(""),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(""),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(""),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(""),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)([]),H=Object(v.a)(F,2),U=H[0],q=H[1],G=Object(n.useState)([]),Y=Object(v.a)(G,2),Q=Y[0],K=Y[1],Z=Object(n.useState)(""),X=Object(v.a)(Z,2),$=X[0],te=X[1],ae=Object(n.useState)(""),ne=Object(v.a)(ae,2),oe=ne[0],re=ne[1],le=Object(n.useState)("ADMIN"),ie=Object(v.a)(le,2),ce=ie[0],se=ie[1],ue=Object(n.useState)([{label:"Admin",value:"ADMIN"},{label:"User",value:"USER"}]),de=Object(v.a)(ue,2),Ee=de[0],Oe=(de[1],Object(p.f)()),Se=Object(n.useState)(!1),Ce=Object(v.a)(Se,2),je=Ce[0],xe=Ce[1],we=Object(n.useState)(),ke=Object(v.a)(we,2),Te=ke[0],Ie=ke[1],Ae=Object(n.useState)(!1),Le=Object(v.a)(Ae,2),De=Le[0],_e=Le[1],Be=Object(n.useState)([]),Ve=Object(v.a)(Be,2),Pe=Ve[0],Je=Ve[1],We=Object(n.useState)(""),Fe=Object(v.a)(We,2),He=Fe[0],Ue=Fe[1];Object(n.useEffect)((function(){"ADMIN"!==localStorage.getItem("userRole")&&Oe.push("/home"),f.a.get(d+"user").then((function(e){r(qe(e.data.data)),c(!0)}))}),[]);var qe=function(e){for(var t=[],a=0;a<e.length;a++)e[a].name=tt(e[a].name),e[a].role=tt(e[a].role),t.push(e[a]);return e},Ge=o.a.useMemo((function(){return[{Header:"Name",accessor:"name"},{Header:"Email",accessor:"email"},{Header:"Role",accessor:"role"},{Header:"Username",accessor:"username"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.username,onClick:Ze},"Assign Robot"),o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.username,onClick:Xe},"Assign Service"),o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.email,onClick:Qe},"Delete"),o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.email,onClick:Ke},"Reset Password"))}}]}),[]),Ye=function(){S(!1)},Qe=function(e){var t={method:"delete",url:d+"user?email="+e.currentTarget.value,headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){f.a.get(d+"user").then((function(e){r(e.data.data),c(!0)}))}))},Ke=function(e){console.log("Handle Reset Password",e.currentTarget.value),xe(!0),z(e.currentTarget.value)},Ze=function(e){var t=e.currentTarget.value;localStorage.setItem("selected",t),re(t),f.a.get(d+"user-robot?email="+t).then((function(e){null!==e.data.data?q(e.data.data.robots):q([])})).then((function(){f.a.get(d+"robot").then((function(e){K(e.data.data)})).then((function(){w(!0)}))}))},Xe=function(e){z(e.currentTarget.value);var t=e.currentTarget.value;localStorage.setItem("selected",t),f.a.get(d+"user-robot?email="+t).then((function(e){var t=e.data.data&&e.data.data.robots?e.data.data.robots:[];Je(t),t.length>0?(Ue(t[0]),lt(t[0])):(Ue(""),rt([])),_e(!0)}))},$e=function(e){for(var t="0123456789!@#$%^&*()-<>?",a="",n=0;n<=8;n++){var o=Math.floor(Math.random()*t.length);a+=t.substring(o,o+1)}W(a)},et=function(e){w(!1)},tt=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},at=Object(n.useState)([]),nt=Object(v.a)(at,2),ot=nt[0],rt=nt[1],lt=function(e){if(e){var t={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+e+"&username="+localStorage.getItem("selected"),headers:{}};f.a.request(t).then((function(e){e.data&&e.data.data&&e.data.data.access?rt(e.data.data.access):rt([])})).catch((function(e){rt([]),console.log(e)}))}else rt([])};return o.a.createElement(br,null,o.a.createElement(pe.a,{title:tt("Manage User")}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){"add"==e.currentTarget.value?(h("Add User"),$e()):h("Update User"),S(!0)}},tt("Add User")),o.a.createElement(hr,{columns:Ge,data:a}),o.a.createElement(ge.a,{open:De,onClose:function(){return _e(!1)},fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,"Assign Service"),o.a.createElement(be.a,null,"Assign service for ",o.a.createElement("strong",null,R)," ",o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"robot-select-label"},"Robot"),o.a.createElement(Ne.a,{value:He,onChange:function(e){Ue(e.target.value),lt(e.target.value)},fullWidth:!0},Pe.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e},e)})))),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("small",null,"Check those services you want to assign")," ",o.a.createElement("br",null),["Analytics","Books","Calendar based Service Scheduling","Cognitive and Emotion Assessment","Edit Quiz","Emotion Recognition","Exercise","Eye Gaze","Face Detection","Family Photos & Videos","Fitbit","Games","Heart Rate","Interview","Learning","Matilda","Messenger","Monitoring","Music","News","Phone Call","Quiz","Quiz Upload","Robot Blocks","Smart Home","System Settings","Talk With Matilda","Technology Support","Translation","Upload","Video Call","Videos & Movies","Voice Command","WiFi Setting","Workflow Designer","Manage Residents","Training Module"].map((function(e){return o.a.createElement("span",{key:e},o.a.createElement(Wn.a,{control:o.a.createElement(Fn.a,{checked:ot.includes(e),onChange:function(){return function(e){var t=Object(ee.a)(ot);if(ot.includes(e)){var a=t.indexOf(e);-1!==a&&t.splice(a,1)}else t.push(e);rt(t)}(e)},color:"primary"}),label:e}),o.a.createElement("br",null))})),o.a.createElement("br",null),o.a.createElement("b",null),o.a.createElement(me.a,{onClick:function(){if(He){var e={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access",headers:{"Content-Type":"application/json"},data:JSON.stringify({robot:He,username:localStorage.getItem("selected"),access:ot})};f.a.request(e).then((function(e){_e(!1)})).catch((function(e){console.log(e)}))}},disabled:!He},"Save"),o.a.createElement(me.a,{onClick:function(){return _e(!1)}},"Cancel"))),o.a.createElement(ge.a,{open:je,onClose:function(){return xe(!1)},fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,"Reset User Password"),o.a.createElement(be.a,null,"Reset password for ",o.a.createElement("strong",null,R)," ",o.a.createElement("br",null),o.a.createElement(he.a,{label:"New Password",defaultValue:Te,inputProps:{maxLength:200},onChange:function(e){Ie(e.target.value)},value:Te,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){return xe(!1)}},"Cancel"),o.a.createElement(me.a,{onClick:function(e){var t={method:"put",url:"https://cloud-api-389807.ue.r.appspot.com/user",headers:{"Content-Type":"application/json"},data:JSON.stringify({email:R,password:Te})};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),xe(!1)})).catch((function(e){console.log(e)}))}},"Save"))),o.a.createElement(ge.a,{open:O,onClose:Ye,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ye},b),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Name",defaultValue:I,inputProps:{maxLength:200},onChange:function(e){A(e.target.value)},value:I,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Email",defaultValue:R,inputProps:{maxLength:200},onChange:function(e){z(e.target.value)},value:R,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Username",defaultValue:_,inputProps:{maxLength:200},onChange:function(e){B(e.target.value)},value:_,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Role"),o.a.createElement(Ne.a,{value:ce,onClick:function(e){se(e.target.value)},fullWidth:!0},Ee.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)})))),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("small",null,"Password will be ",J," (copy this to send to client)")),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Ye,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){var e=JSON.stringify({email:R,password:J,name:I,role:ce,username:_}),t={method:"post",url:d+"user",headers:{"Content-Type":"application/json"},data:e};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){A(""),z(""),W(""),f.a.get(d+"user").then((function(e){r(e.data.data),c(!0),S(!1)}))}))},color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:x,onClose:et,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:et},"Assign Robot to User"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{value:$,onClick:function(e){te(e.target.value),localStorage.setItem("robot",e.target.value)},fullWidth:!0},Q.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.robot_id},e.name)})))),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:$,onClick:function(e){var t=localStorage.getItem("robot"),a=JSON.stringify({robot_id:t,email:oe}),n={method:"post",url:d+"user-robot",headers:{"Content-Type":"application/json"},data:a};f.a.request(n).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)}))}},"Add Robot"),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("b",null,"Robots"),o.a.createElement("br",null),o.a.createElement(vr,{robots:U})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:et,color:"primary"},"Close"))))},Sr=a(1108),Cr=a(1109),jr=a(1110),xr=a(1111),wr=a(1112),kr=a(1113),Tr=a(1114),Ir=a(1115),Ar=a(1116),Mr=re.a.div(yr||(yr=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Nr(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Rr,zr=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)("https://cloud-api-389807.ue.r.appspot.com/"),u=Object(v.a)(s,2),d=u[0],m=(u[1],Object(n.useState)("")),g=Object(v.a)(m,2),b=g[0],h=g[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(""),j=Object(v.a)(C,2),x=j[0],w=j[1],T=Object(n.useState)(""),I=Object(v.a)(T,2),A=I[0],N=I[1],R=Object(n.useState)(""),z=Object(v.a)(R,2),L=z[0],D=z[1],_=Object(n.useState)(""),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!1),G=Object(v.a)(U,2),Y=G[0],Q=G[1],K=Object(n.useState)(!1),Z=Object(v.a)(K,2),X=Z[0],$=Z[1],ee=Object(n.useState)(!1),te=Object(v.a)(ee,2),ae=te[0],ne=te[1],oe=Object(n.useState)(""),re=Object(v.a)(oe,2),le=re[0],ie=re[1],ce=Object(n.useState)(""),se=Object(v.a)(ce,2),ue=se[0],de=se[1],Ee=Object(n.useState)("unknown"),Oe=Object(v.a)(Ee,2),Se=Oe[0],Ce=Oe[1],je=Object(n.useState)("offline"),xe=Object(v.a)(je,2),we=xe[0],ke=xe[1],Te=Object(n.useState)("unknown"),Ie=Object(v.a)(Te,2),Ae=Ie[0],Me=Ie[1],Ne=Object(n.useState)(!1),Re=Object(v.a)(Ne,2),ze=Re[0],Le=Re[1],De=Object(n.useState)(!1),_e=Object(v.a)(De,2),Be=_e[0],Ve=_e[1],Pe=Object(n.useState)(!1),Je=Object(v.a)(Pe,2),We=Je[0],Fe=Je[1],He=Object(n.useState)(null),Ue=Object(v.a)(He,2),qe=Ue[0],Ge=Ue[1],Ye=Object(p.f)();Object(n.useEffect)((function(){"ADMIN"!==localStorage.getItem("userRole")&&Ye.push("/home"),f.a.get(d+"robot").then((function(e){r(e.data.data),c(!0)}))}),[]),Object(n.useEffect)((function(){if(q.c){return q.c.onmessage=function(e){if(console.log("Socket message received: ",e.data),e.data&&e.data.toLowerCase().includes("songlist")&&(console.log("Robot is online - songlist found"),ke("online")),e.data&&e.data.includes("IS_ROBOT_ACTIVATED"))try{var t=JSON.parse(e.data);t&&"undefined"!==typeof t.IS_ROBOT_ACTIVATED?"True"===t.IS_ROBOT_ACTIVATED?(Me("activated"),Le(!0),Ce("activated")):"False"===t.IS_ROBOT_ACTIVATED?(Me("deactivated"),Le(!0),Ce("deactivated")):(Me("unknown"),Le(!1),Ce("unknown")):(Me("unknown"),Le(!1),Ce("unknown"))}catch(o){e.data.includes("IS_ROBOT_ACTIVATED True")?(Me("activated"),Le(!0),Ce("activated")):e.data.includes("IS_ROBOT_ACTIVATED False")?(Me("deactivated"),Le(!0),Ce("deactivated")):(Me("unknown"),Le(!1),Ce("unknown"))}if(e.data&&e.data.includes("IS_ROBOT_VNC_MFA"))try{var a=JSON.parse(e.data);a&&"undefined"!==typeof a.IS_ROBOT_VNC_MFA&&Q("True"===a.IS_ROBOT_VNC_MFA)}catch(o){e.data.includes("IS_ROBOT_VNC_MFA True")?Q(!0):e.data.includes("IS_ROBOT_VNC_MFA False")&&Q(!1)}if(e.data&&e.data.includes("IS_ROBOT_SSH_MFA"))try{var n=JSON.parse(e.data);n&&"undefined"!==typeof n.IS_ROBOT_SSH_MFA&&$("True"===n.IS_ROBOT_SSH_MFA)}catch(o){e.data.includes("IS_ROBOT_SSH_MFA True")?$(!0):e.data.includes("IS_ROBOT_SSH_MFA False")&&$(!1)}},function(){q.c&&(q.c.onmessage=null)}}}),[q.c]);var Qe=o.a.useMemo((function(){return[{Header:"Name",accessor:"name"},{Header:"Robot ID",accessor:"robot_id"},{Header:"Robot Location",accessor:"robot_location"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell,a=t.row.values.robot_id,n=qe===a;return o.a.createElement("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},o.a.createElement(me.a,{size:"small",variant:"contained",value:t.row.index,onClick:Xe,startIcon:o.a.createElement(M.a,null),style:{background:"#1976d2",color:"white",textTransform:"none",fontWeight:600,borderRadius:"10px"},disabled:null!==qe},"View"),o.a.createElement(me.a,{size:"small",variant:"contained",value:t.row.index,onClick:Ze,startIcon:o.a.createElement(Sr.a,null),style:{background:"#7b1fa2",color:"white",textTransform:"none",fontWeight:600,borderRadius:"10px"},disabled:null!==qe},"Edit"),o.a.createElement(me.a,{size:"small",variant:"contained",value:a,onClick:$e,startIcon:n?o.a.createElement(k.a,{size:16,style:{color:"white"}}):o.a.createElement(Cr.a,null),style:{background:"#d32f2f",color:"white",textTransform:"none",fontWeight:600,borderRadius:"10px",minWidth:"96px"},disabled:null!==qe},n?"Deleting...":"Delete"))}}]}),[qe]),Ke=function(){S(!1),H(!1),ne(!1)},Ze=function(e){var t=e.currentTarget.value;f.a.get(d+"robot").then((function(e){var a=e.data.data[t];N(a.robot_id),P(a.robot_id),D(a.robot_location),w(a.name),Me("unknown"),Le(!1),ke("offline"),Q(!!a.vnc_mfa_enabled),$(!!a.ssh_mfa_enabled);var n='{"api":"music", "action":"get","name": "'.concat(a.name,'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)}));var o=JSON.stringify({event:"check_is_robot_activated",robot_id:a.robot_id});Object(q.f)(q.c,(function(){Object(q.b)(o)}));var r=JSON.stringify({event:"check_is_robot_vnc_mfa",robot_id:a.robot_id});Object(q.f)(q.c,(function(){Object(q.b)(r)}));var l=JSON.stringify({event:"check_is_robot_ssh_mfa",robot_id:a.robot_id});Object(q.f)(q.c,(function(){Object(q.b)(l)})),H(!0),h("Update Robot")}))},Xe=function(e){var t=e.currentTarget.value;f.a.get(d+"robot").then((function(e){var a=e.data.data[t];ie(a.name),de(a.robot_id),D(a.robot_location),Ce("unknown"),ke("offline"),ne(!0);var n='{"api":"music", "action":"get","name": "'.concat(a.name,'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)}));var o=JSON.stringify({event:"check_is_robot_activated",robot_id:a.robot_id});Object(q.f)(q.c,(function(){Object(q.b)(o)}))}))},$e=function(e){var t=e.currentTarget.value;Ge(t);var a={method:"delete",url:d+"robot?robot_id="+t,headers:{}};f.a.request(a).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){Ge(null),f.a.get(d+"robot").then((function(e){r(e.data.data),c(!0)}))}))},et=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(Mr,null,o.a.createElement(pe.a,{title:et("Manage Robot")}),o.a.createElement(me.a,{size:"medium",type:"primary",variant:"contained",value:"add",onClick:function(e){"add"==e.currentTarget.value?h("Add Robot"):h("Update Robot"),S(!0)},startIcon:o.a.createElement(jr.a,null),style:{background:"#2e7d32",color:"white",textTransform:"none",fontWeight:700,borderRadius:"10px",marginBottom:"10px"}},et("Add Robot")),o.a.createElement(Nr,{columns:Qe,data:a}),o.a.createElement(ge.a,{open:O,onClose:Ke,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ke,style:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white",fontWeight:"bold",fontSize:"20px"}},o.a.createElement(xr.a,{style:{verticalAlign:"middle",marginRight:"10px"}}),b),o.a.createElement(be.a,{dividers:!0,style:{background:"#f5f7fa",padding:"30px"}},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"25px"}},o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(wr.a,{style:{color:"#667eea",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Name",defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0})),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(kr.a,{style:{color:"#ff9800",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Robot ID",defaultValue:A,inputProps:{maxLength:200},onChange:function(e){N(e.target.value)},value:A,fullWidth:!0})),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(Tr.a,{style:{color:"#ff00d9",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Robot Location",defaultValue:L,inputProps:{maxLength:200},onChange:function(e){D(e.target.value)},value:L,fullWidth:!0})),o.a.createElement("div",{style:{background:"activated"===Ae?"#e3f2fd":"deactivated"===Ae?"#fff3e0":"#ececec",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat("activated"===Ae?"#1976d2":"deactivated"===Ae?"#ff9800":"#bdbdbd")}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},"activated"===Ae?"\u2705":"deactivated"===Ae?"\u26d4":"\u2753"),o.a.createElement("div",{style:{flex:1}},o.a.createElement("div",{style:{fontSize:"12px",color:"activated"===Ae?"#1976d2":"deactivated"===Ae?"#ff9800":"#757575",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Activation Status"),o.a.createElement("select",{value:Ae,onChange:function(e){return Me(e.target.value)},style:{padding:"8px 12px",borderRadius:8,border:"1px solid #d2d6dc"}},o.a.createElement("option",{value:"activated"},"Activated"),o.a.createElement("option",{value:"deactivated"},"Deactivated")))))),o.a.createElement(ve.a,{style:{padding:"20px",gap:"10px"}},o.a.createElement(me.a,{onClick:Ke,color:"primary",disabled:Be},"Cancel"),o.a.createElement(me.a,{onClick:function(){Ve(!0);var e=JSON.stringify({robot_id:A,name:x,robot_location:L}),t={method:"post",url:d+"robot",headers:{"Content-Type":"application/json"},data:e};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){Ve(!1),w(""),N(""),D(""),f.a.get(d+"robot").then((function(e){r(e.data.data),c(!0),S(!1)}))}))},color:"primary",variant:"contained",style:{background:"#667eea",color:"white"},disabled:Be},Be?o.a.createElement(k.a,{size:20,style:{color:"white"}}):"Submit"))),o.a.createElement(ge.a,{open:F,onClose:Ke,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ke,style:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white",fontWeight:"bold",fontSize:"20px"}},o.a.createElement(xr.a,{style:{verticalAlign:"middle",marginRight:"10px"}}),b),o.a.createElement(be.a,{dividers:!0,style:{background:"#f5f7fa",padding:"30px"}},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"25px"}},o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(wr.a,{style:{color:"#667eea",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Name",inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0})),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(kr.a,{style:{color:"#ff9800",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Robot ID",inputProps:{maxLength:200},onChange:function(e){N(e.target.value)},value:A,fullWidth:!0})),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid transparent",marginBottom:"10px"}},o.a.createElement(Tr.a,{style:{color:"#ff00d9",marginRight:"15px",fontSize:"28px"}}),o.a.createElement(he.a,{label:"Robot Location",inputProps:{maxLength:200},onChange:function(e){D(e.target.value)},value:L,fullWidth:!0})),o.a.createElement("div",{style:{background:Y?"#e3f2fd":"#fff3e0",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat(Y?"#1976d2":"#ff9800"),marginBottom:"10px"}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},Y?"\ud83d\udd12":"\ud83d\udd13"),o.a.createElement("div",{style:{flex:1}},o.a.createElement("div",{style:{fontSize:"12px",color:Y?"#1976d2":"#ff9800",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"VNC MFA"),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},o.a.createElement("span",{style:{fontWeight:"bold",fontSize:"16px",color:Y?"#1976d2":"#ff9800"}},Y?"Enabled":"Disabled"),o.a.createElement(me.a,{variant:"outlined",size:"small",onClick:function(){var e=JSON.stringify({event:"make_robot_vnc_mfa_toggle",robot_id:A});Object(q.f)(q.c,(function(){Object(q.b)(e)}))},style:{marginLeft:10}},"Toggle")))),o.a.createElement("div",{style:{background:X?"#e3f2fd":"#fff3e0",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat(X?"#1976d2":"#ff9800"),marginBottom:"10px"}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},X?"\ud83d\udd12":"\ud83d\udd13"),o.a.createElement("div",{style:{flex:1}},o.a.createElement("div",{style:{fontSize:"12px",color:X?"#1976d2":"#ff9800",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"SSH MFA"),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},o.a.createElement("span",{style:{fontWeight:"bold",fontSize:"16px",color:X?"#1976d2":"#ff9800"}},X?"Enabled":"Disabled"),o.a.createElement(me.a,{variant:"outlined",size:"small",onClick:function(){var e=JSON.stringify({event:"make_robot_ssh_mfa_toggle",robot_id:A});Object(q.f)(q.c,(function(){Object(q.b)(e)}))},style:{marginLeft:10}},"Toggle")))),o.a.createElement("div",{style:{background:"activated"===Ae?"#e3f2fd":"deactivated"===Ae?"#fff3e0":"#ececec",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat("activated"===Ae?"#1976d2":"deactivated"===Ae?"#ff9800":"#bdbdbd")}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},"activated"===Ae?"\u2705":"deactivated"===Ae?"\u26d4":"\u2753"),o.a.createElement("div",{style:{flex:1}},o.a.createElement("div",{style:{fontSize:"12px",color:"activated"===Ae?"#1976d2":"deactivated"===Ae?"#ff9800":"#757575",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Activation Status"),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:"10px"}},o.a.createElement("span",{style:{fontWeight:"bold",fontSize:"16px",color:"activated"===Ae?"#1976d2":"deactivated"===Ae?"#ff9800":"#757575"}},"activated"===Ae?"Activated":"deactivated"===Ae?"Deactivated":"Unknown"),o.a.createElement(me.a,{variant:"outlined",size:"small",onClick:function(){var e=JSON.stringify({event:"make_robot_toggle",robot_id:A});Object(q.f)(q.c,(function(){Object(q.b)(e)}))},style:{marginLeft:10},disabled:!ze},"Toggle")))),o.a.createElement("div",{style:{background:"online"===we?"#e8f5e9":"#ffebee",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat("online"===we?"#4caf50":"#f44336")}},"online"===we?o.a.createElement(Ir.a,{style:{color:"#4caf50",marginRight:"15px",fontSize:"36px"}}):o.a.createElement(Ar.a,{style:{color:"#f44336",marginRight:"15px",fontSize:"36px"}}),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"online"===we?"#2e7d32":"#c62828",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Connection Status"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"online"===we?"#2e7d32":"#c62828"}},"online"===we?"\ud83d\udfe2 Online":"\ud83d\udd34 Offline"))))),o.a.createElement(ve.a,{style:{padding:"20px",gap:"10px"}},o.a.createElement(me.a,{onClick:Ke,color:"primary",disabled:We},"Cancel"),o.a.createElement(me.a,{onClick:function(){Fe(!0);var e={method:"put",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/robot",headers:{"Content-Type":"application/json"},data:JSON.stringify({orig_robot:V,new_robot:A,name:x,status:Ae,vnc_mfa_enabled:Y,ssh_mfa_enabled:X,robot_location:L})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){Fe(!1),w(""),N(""),D(""),f.a.get(d+"robot").then((function(e){r(e.data.data),c(!0),H(!1)}))}))},color:"primary",variant:"contained",style:{background:"#667eea",color:"white"},disabled:We},We?o.a.createElement(k.a,{size:20,style:{color:"white"}}):"Save Changes"))),o.a.createElement(ge.a,{open:ae,onClose:Ke,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ke,style:{background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white",fontWeight:"bold",fontSize:"20px"}},o.a.createElement(xr.a,{style:{verticalAlign:"middle",marginRight:"10px"}}),"View Robot"),o.a.createElement(be.a,{dividers:!0,style:{background:"#f5f7fa",padding:"30px"}},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"25px"}},o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",transition:"all 0.3s ease",border:"2px solid transparent",":hover":{borderColor:"#667eea"}}},o.a.createElement(wr.a,{style:{color:"#667eea",marginRight:"15px",fontSize:"28px"}}),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"#999",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Robot Name"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"#333"}},le||"-"))),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",transition:"all 0.3s ease"}},o.a.createElement(kr.a,{style:{color:"#ff9800",marginRight:"15px",fontSize:"28px"}}),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"#999",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Robot ID"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"#333",fontFamily:"monospace"}},ue||"-"))),o.a.createElement("div",{style:{background:"white",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",transition:"all 0.3s ease"}},o.a.createElement(Tr.a,{style:{color:"#ff00d9",marginRight:"15px",fontSize:"28px"}}),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"#999",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Robot Location"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"#333"}},L||"-"))),o.a.createElement("div",{style:{background:"activated"===Se?"#e3f2fd":"#fff3e0",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat("activated"===Se?"#1976d2":"#ff9800")}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},"activated"===Se?"\u2705":"\u26d4"),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"activated"===Se?"#1976d2":"#ff9800",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Activation Status"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"activated"===Se?"#1976d2":"#ff9800"}},"activated"===Se?"Activated":"Deactivated"))),o.a.createElement("div",{style:{background:Y?"#e3f2fd":"#fff3e0",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat(Y?"#1976d2":"#ff9800"),marginBottom:"10px"}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},Y?"\ud83d\udd12":"\ud83d\udd13"),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:Y?"#1976d2":"#ff9800",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"VNC MFA"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:Y?"#1976d2":"#ff9800"}},Y?"Enabled":"Disabled"))),o.a.createElement("div",{style:{background:X?"#e3f2fd":"#fff3e0",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat(X?"#1976d2":"#ff9800"),marginBottom:"10px"}},o.a.createElement("div",{style:{marginRight:"15px",fontSize:"28px"}},X?"\ud83d\udd12":"\ud83d\udd13"),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:X?"#1976d2":"#ff9800",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"SSH MFA"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:X?"#1976d2":"#ff9800"}},X?"Enabled":"Disabled"))),o.a.createElement("div",{style:{background:"online"===we?"#e8f5e9":"#ffebee",padding:"20px",borderRadius:"12px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",display:"flex",alignItems:"center",border:"2px solid ".concat("online"===we?"#4caf50":"#f44336")}},"online"===we?o.a.createElement(Ir.a,{style:{color:"#4caf50",marginRight:"15px",fontSize:"36px"}}):o.a.createElement(Ar.a,{style:{color:"#f44336",marginRight:"15px",fontSize:"36px"}}),o.a.createElement("div",null,o.a.createElement("div",{style:{fontSize:"12px",color:"online"===we?"#2e7d32":"#c62828",fontWeight:"500",marginBottom:"5px",textTransform:"uppercase",letterSpacing:"1px"}},"Connection Status"),o.a.createElement("div",{style:{fontSize:"18px",fontWeight:"bold",color:"online"===we?"#2e7d32":"#c62828"}},"online"===we?"\ud83d\udfe2 Online":"\ud83d\udd34 Offline"))))),o.a.createElement(ve.a,{style:{padding:"20px",gap:"10px"}},o.a.createElement(me.a,{onClick:function(){ke("offline");var e='{"api":"music", "action":"get","name": "'.concat(le,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},color:"primary",variant:"contained",style:{background:"#667eea",color:"white"}},"\ud83d\udd04 Refresh Status"),o.a.createElement(me.a,{onClick:Ke,color:"primary"},"Close"))))},Lr=re.a.div(Rr||(Rr=Object(oe.a)(["\n  padding: 0rem;\n\n  .tableWrap {\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    padding-bottom: 8px;\n  }\n\n  table {\n    width:100%;\n    min-width: 1100px;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n      white-space: nowrap;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      white-space: normal;\n      overflow-wrap: anywhere;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    table {\n      min-width: 900px;\n    }\n\n    th {\n      font-size: 13px;\n      padding: 8px;\n    }\n\n    td {\n      font-size: 13px;\n      padding: 6px 8px;\n    }\n  }\n"]))),Dr=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function _r(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),Dr(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Br,Vr,Pr,Jr,Wr=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("http://127.0.0.1:8080/"),d=Object(v.a)(u,2),m=(d[0],d[1],Object(n.useState)("2021-05-04")),p=Object(v.a)(m,2);p[0],p[1];Object(n.useEffect)((function(){if(!c){var e='{"api":"AnaLogList","name": "'.concat(q.a,'", "date":"2021-05-04"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),s(!0)}q.c.onmessage=function(e){if(console.log("Message ",e),e.data&&e.data.toString().includes("Activity")&&e.data.toString().includes("oid")){e.data.substring(0,e.data.length-1);try{var t=JSON.parse(e.data);return s(!0),r(g(t)),!0}catch(a){return console.log(a),!1}}}}),[a]);var g=function(e){for(var t=[],a=0;a<e.length;a++)e[a].UserID=Dr(e[a].UserID),e[a].Activity=Dr(e[a].Activity),e[a].CommunicationMode=Dr(e[a].CommunicationMode),e[a].Description=Dr(e[a].Description),e[a].RobotId=localStorage.getItem("remoteId"),t.push(e[a]);return t},f=o.a.useMemo((function(){return[{Header:"Log ID",accessor:"_id.$oid"},{Header:"User ID",accessor:"UserID"},{Header:"Robot ID",accessor:"RobotId"},{Header:"Activity",accessor:"Activity"},{Header:"Date",accessor:"Date"},{Header:"Time",accessor:"Time"},{Header:"VideoFile",accessor:"VideoFile"},{Header:"CommunicationMode",accessor:"CommunicationMode"},{Header:"Description",accessor:"Description"}]}),[]);return o.a.createElement(Lr,null,o.a.createElement(pe.a,{title:Dr("Analytics: Interactions"),parentNode:"/analytics"}),o.a.createElement("div",{className:"tableWrap"},o.a.createElement(_r,{columns:f,data:a})))},Fr=a(173),Hr=re.a.div(Br||(Br=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),Ur=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)(!1)),r=Object(v.a)(a,2),l=r[0],i=r[1],c=Object(n.useState)("http://127.0.0.1:8080/"),s=Object(v.a)(c,2),u=(s[0],s[1],Object(n.useState)("2021-05-04")),d=Object(v.a)(u,2),m=(d[0],d[1],Object(n.useState)([])),p=Object(v.a)(m,2),g=p[0],f=p[1],b=Object(n.useState)(""),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)([[1,1],[2,2]]),S=Object(v.a)(O,2),C=S[0],j=S[1];Object(n.useEffect)((function(){if(!l){var e='{"api":"AnaUserList","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),i(!0)}q.c.onmessage=function(e){if(console.log("Message ",e),e.data&&e.data.toString().includes("userlist")){var t=e.data.substring(0,e.data.length-1);console.log(t);try{return"userlist"==(a=JSON.parse(e.data)).data_type&&(i(!0),f(x(a.data))),!0}catch(n){return console.log(n),!1}}if(e.data&&e.data.toString().includes("servicepattern")){t=e.data.substring(0,e.data.length-1);console.log(t);try{var a;return"servicepattern"==(a=JSON.parse(e.data)).data_type&&(i(!0),j(a.data)),!0}catch(n){return console.log(n),!1}}}}),[g]);var x=function(e){for(var t=[],a=0;a<e.length;a++)e[a]=I(e[a]),t.push(e[a]);return e},w=o.a.useMemo((function(){return[{label:"Series 1",data:C}]}),[C]),k=o.a.useMemo((function(){return{showPoints:!0}}),[]),T=o.a.useMemo((function(){return[{primary:!0,type:"ordinal",position:"bottom",format:function(e){var t=new Date(e);return isNaN(t)?"":t.toLocaleDateString()},label:"Date"},{type:"linear",position:"left",label:"Total Access"}]}),[]),I=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(Hr,null,o.a.createElement(pe.a,{title:I("Analytics: Service Pattern"),parentNode:"/analytics"}),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},I("Select User")),o.a.createElement(Ne.a,{defaultValue:E,value:E,id:"select-content",onChange:function(e){y(e.target.value);var t='{"api":"AnaServicePattern","name": "'.concat(q.a,'","user": "').concat(e.target.value,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},fullWidth:!0},g.map((function(e,t){return o.a.createElement(ze.a,{key:1,value:e},I(e))})))),o.a.createElement("div",{style:{width:"100%",height:"400px"}},o.a.createElement(Fr.Chart,{data:w,series:k,axes:T,tooltip:!0}),o.a.createElement("div",{style:{position:"absolute",bottom:10,left:"50%",transform:"translateX(-50%)",fontSize:"16px",fontWeight:"bold"}},"Date"),o.a.createElement("div",{style:{position:"absolute",top:"50%",left:10,transform:"translateY(-50%) rotate(-90deg)",fontSize:"16px",fontWeight:"bold"}},"Total Access")))},qr=function(e){return{}},Gr=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="User / User_Square"> <path id="Vector" d="M17 21C17 18.2386 14.7614 16 12 16C9.23858 16 7 18.2386 7 21M17 21H17.8031C18.921 21 19.48 21 19.9074 20.7822C20.2837 20.5905 20.5905 20.2837 20.7822 19.9074C21 19.48 21 18.921 21 17.8031V6.19691C21 5.07899 21 4.5192 20.7822 4.0918C20.5905 3.71547 20.2837 3.40973 19.9074 3.21799C19.4796 3 18.9203 3 17.8002 3H6.2002C5.08009 3 4.51962 3 4.0918 3.21799C3.71547 3.40973 3.40973 3.71547 3.21799 4.0918C3 4.51962 3 5.08009 3 6.2002V17.8002C3 18.9203 3 19.4796 3.21799 19.9074C3.40973 20.2837 3.71547 20.5905 4.0918 20.7822C4.5192 21 5.07899 21 6.19691 21H7M17 21H7M12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10C15 11.6569 13.6569 13 12 13Z" stroke="#fcfcfc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #1f6776, #2d93a8)",title:"Manage User",slug:"/manage-user",locations:["home"]},{img:'\n                        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#ffffff" fill-rule="evenodd" d="M12 3a2 2 0 0 0-1 3.732V8H8c-3.2 0-4 2.667-4 4v7c0 .667.4 2 2 2h1v-4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4h1c1.6 0 2-1.333 2-2v-7c0-3.2-2.667-4-4-4h-3V6.732A2 2 0 0 0 12 3zm3 18v-3h-2v3h2zm-4 0v-3H9v3h2zm10-3v-5c.667 0 2 .4 2 2v1c0 .667-.4 2-2 2zM3 13v5c-1.6 0-2-1.333-2-2v-1c0-1.6 1.333-2 2-2zm6-1a1 1 0 1 0 0 2h.001a1 1 0 1 0 0-2H9zm5 1a1 1 0 0 1 1-1h.001a1 1 0 1 1 0 2H15a1 1 0 0 1-1-1z" clip-rule="evenodd"></path></g></svg>\n                    ',background:"linear-gradient(0deg, #da8309, #ffad39)",title:"Manage MyMatilda",slug:"/manage-robot",locations:["home"]}],selected:!1,quizId:null},e.appClick=e.appClick.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){G()}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Admin")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:t.title,style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:qr.focusVisible},t.img?o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Yr=Object(De.a)(qr)(Gr),Qr=a(1025),Kr=a(1117),Zr=a(1118),Xr=(re.a.div(Vr||(Vr=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)(!1)),r=Object(v.a)(a,2),l=(r[0],r[1],Object(n.useState)("http://127.0.0.1:8080/")),i=Object(v.a)(l,2),c=(i[0],i[1],Object(n.useState)("2023-01-01")),s=Object(v.a)(c,2),u=s[0],d=s[1],m=Object(n.useState)("2023-01-31"),p=Object(v.a)(m,2),g=p[0],b=p[1],h=Object(n.useState)([]),E=Object(v.a)(h,2),y=(E[0],E[1],Object(n.useState)("")),O=Object(v.a)(y,2),S=(O[0],O[1],Object(n.useState)([])),C=Object(v.a)(S,2),j=C[0],x=C[1],k=Object(n.useState)([]),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(""),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)("https://www.fitbit.com/oauth2/authorize?response_type=code&client_id=23QYTC&scope=activity+cardio_fitness+electrocardiogram+heartrate+location+nutrition+oxygen_saturation+profile+respiratory_rate+settings+sleep+social+temperature+weight&redirect_uri=https%3A%2F%2Fapp.mymatilda.com.au%2Ffitbit"),D=Object(v.a)(L,2),_=D[0],B=(D[1],Object(n.useState)(!1)),V=Object(v.a)(B,2),P=V[0],J=V[1],W=Object(n.useState)(!1),F=Object(v.a)(W,2),H=F[0],U=F[1];Object(n.useEffect)((function(){if(q.c.onmessage=function(e){if(console.log("data ",e.data),e.data&&e.data.toString().includes("access_token")&&!P){var t=JSON.parse(e.data);console.log("Fitbit Socket ",t.access_token,t.user_id),localStorage.setItem("fitbit_access_token",t.access_token),localStorage.setItem("fitbit_user_id",t.user_id),$(),X(),z(""),J(!0)}else if(e.data&&e.data.toString().includes("is_heart")){t=JSON.parse(e.data);console.log("Configuration ",e.data),ne(t.is_heart),ie(t.is_step),de(t.interval)}},console.log("Outside fitbit","undefined"===q.a),null===localStorage.getItem("remoteId")||"undefined"===localStorage.getItem("remoteId")){console.log("Inside fitbit",window.location.href.split("?")[1]),localStorage.setItem("remoteId",window.location.href.split("?")[1]),name=window.location.href.split("?")[1];var e='{"api":"getToken", "action":"get","name": "'.concat(window.location.href.split("?")[1],'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}e='{"api":"getToken", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}));e='{"api":"getFitbitConfig", "action":"get","name": "'.concat(q.a,'"}');if(Object(q.f)(q.c,(function(){Object(q.b)(e)})),console.log(localStorage.getItem("fitbit_access_token"),"TOKENACCESS"),console.log("fitbit ",localStorage.getItem("Fitbit")),null===localStorage.getItem("Fitbit")){z(Z("Not authenticated. Reconnect and re-sync now"));var t=window.location.href.split("?");t.length>1&&window.location.href.includes("code")&&(t=t[1].split("=")[1].split("#")[0],localStorage.setItem("Fitbit",t),z(""),G(t))}else{$(),X(),z("");var a=window.location.href.split("?");a.length>1&&(a=a[1].split("=")[1].split("#")[0],localStorage.setItem("Fitbit",a),z(""),G(a))}}),[]);var G=function(e){var t={client_id:"23QYTC",code:e,grant_type:"authorization_code",redirect_uri:"https://app.mymatilda.com.au/fitbit"},a={method:"post",url:"https://api.fitbit.com/oauth2/token",data:Object.keys(t).map((function(e){return"".concat(e,"=").concat(encodeURIComponent(t[e]))})).join("&"),headers:{"Content-Type":"application/x-www-form-urlencoded",Authorization:"Basic MjNRWVRDOjAxMjQxZTc1MjEyMmVlNDIxYjk0ZGFiNTM3NTc1NTQ3"}};f.a.request(a).then((function(e){console.log(e.data.access_token,"access token"),localStorage.setItem("fitbit_access_token",e.data.access_token),localStorage.setItem("fitbit_user_id",e.data.user_id);var t='{"api":"setToken", "action":"get","name": "'.concat(q.a,'", "access_token": "').concat(e.data.access_token,'", "user_id": "').concat(e.data.user_id,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))})).catch((function(e){console.log(e)}))},Y=o.a.useMemo((function(){return[{label:"Series 1",data:j}]}),[j]),Q=o.a.useMemo((function(){return[{primary:!0,type:"linear",position:"bottom"},{type:"linear",position:"left"}]}),[]),K=o.a.useMemo((function(){return[{label:"Series 1",data:I}]}),[I]),Z=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},X=function(){var e={method:"get",maxBodyLength:1/0,url:"https://api.fitbit.com/1/user/"+localStorage.getItem("fitbit_user_id")+"/activities/steps/date/"+u+"/"+g+".json",headers:{Authorization:"Bearer "+localStorage.getItem("fitbit_access_token")}};f.a.request(e).then((function(e){e=e.data["activities-steps"],console.log(e);for(var t=[],a=0;a<e.length;a++)t.push([a,e[a].value]);x(t)})).catch((function(e){console.log(e),z(Z("Not authenticated. Please reconnect and resync"))}))},$=function(){var e={method:"get",maxBodyLength:1/0,url:"https://api.fitbit.com/1/user/"+localStorage.getItem("fitbit_user_id")+"/activities/heart/date/"+u+"/"+g+".json",headers:{Authorization:"Bearer "+localStorage.getItem("fitbit_access_token")}};f.a.request(e).then((function(e){e=e.data["activities-heart"];for(var t=[],a=0;a<e.length;a++)void 0===e[a].value.restingHeartRate?t.push([a,0]):t.push([a,e[a].value.restingHeartRate]);A(t)})).catch((function(e){console.log(e),z(Z("Not authenticated. Please reconnect and resync"))}))},ee=Object(n.useState)("off"),te=Object(v.a)(ee,2),ae=te[0],ne=te[1],oe=Object(n.useState)("off"),re=Object(v.a)(oe,2),le=re[0],ie=re[1],ce=Object(n.useState)("0"),se=Object(v.a)(ce,2),ue=se[0],de=se[1],Ee=function(e){console.log("Closing it"),U(!1)};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Z("Fitbit"),parentNode:"/health-and-wellbeing"}),o.a.createElement(me.a,{href:_},Z("Refresh connection")),o.a.createElement(me.a,{onClick:function(){X(),$()}},Z("Refresh data")),o.a.createElement(me.a,{onClick:function(e){console.log("Opening it"),U(!0)}},Z("Remider Configuration")),o.a.createElement(ge.a,{open:H,onClose:Ee,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Ee},Z("Update Reminder Configuration")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,null,o.a.createElement(Qr.a,{id:"demo-row-radio-buttons-group-label"},Z("Reminder Interval"),o.a.createElement("small",null,"\xa0\xa0(",Z("in seconds"),")"))),o.a.createElement(he.a,{defaultValue:ue,inputProps:{maxLength:200},onChange:function(e){de(e.target.value)},value:ue,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(Me.a,null,o.a.createElement(Qr.a,{id:"demo-row-radio-buttons-group-label"},Z("Heart Rate Reminder")),o.a.createElement(sr.a,{row:!0,"aria-labelledby":"demo-row-radio-buttons-group-label",name:"row-radio-buttons-group",defaultValue:ae,onChange:function(e){ne(e.target.value)},value:ae},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,null),label:"On"}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,null),label:"Off"}))),o.a.createElement("br",null),o.a.createElement(Me.a,null,o.a.createElement(Qr.a,{id:"demo-row-radio-buttons-group-label"},Z("Steps Reminder")),o.a.createElement(sr.a,{row:!0,"aria-labelledby":"demo-row-radio-buttons-group-label",name:"row-radio-buttons-group",defaultValue:le,onChange:function(e){ie(e.target.value)},value:le},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,null),label:"On"}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,null),label:"Off"})))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(e){console.log("Saving it"),U(!1),console.log("Submitted data ",ue,ae,le);var t='{"api":"posttFitbitConfig", "action":"get","name": "'.concat(q.a,'","interval": "').concat(ue,'","is_heart": "').concat(ae,'","is_step": "').concat(le,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},color:"primary"},Z("Submit")),o.a.createElement(me.a,{onClick:Ee,color:"primary"},Z("Cancel")))),o.a.createElement("br",null),o.a.createElement(Kt.a,{utils:Qt.a},o.a.createElement(Kr.a,{label:Z("Start Date"),value:u,onChange:function(e){return function(e){var t=String(e.getDate()),a=String(e.getMonth()+1),n=String(e.getFullYear());1==t.length&&(t="0"+t),1==a.length&&(a="0"+a),d(n+"-"+a+"-"+t)}(e)}})),o.a.createElement(Kt.a,{utils:Qt.a},o.a.createElement(Kr.a,{label:Z("End Date"),value:g,minDate:u,onChange:function(e){return function(e){var t=String(e.getDate()),a=String(e.getMonth()+1),n=String(e.getFullYear());1==t.length&&(t="0"+t),1==a.length&&(a="0"+a),b(n+"-"+a+"-"+t)}(e)}})),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("i",{style:{color:"red"}},R),o.a.createElement(ia.a,{container:!0,spacing:2},o.a.createElement(ia.a,{item:!0,xs:12,md:12},o.a.createElement(w.a,null,o.a.createElement(Zr.a,null,o.a.createElement("h5",null,Z("Montly Steps Trend"))),o.a.createElement("div",{style:{width:"100%",height:"400px"}},o.a.createElement(Fr.Chart,{data:Y,axes:Q})))),o.a.createElement(ia.a,{item:!0,xs:12,md:12},o.a.createElement(w.a,null,o.a.createElement(Zr.a,null,o.a.createElement("h5",null,Z("Montly Resting Heart Rate Trend"))),o.a.createElement("div",{style:{width:"100%",height:"400px"}},o.a.createElement(Fr.Chart,{data:K,axes:Q}))))))}),$r=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},el=function(){console.log("Inside monitoring");var e=q.a;void 0!==q.a&&null!==q.a&&"undefined"!==q.a||(e=window.location.href.split("?")[1]),console.log("id ",window.location.href.split("?"));var t=function(e){var t=e.width,a=e.height,n=Object.assign(document.createElement("canvas"),{width:t,height:a});n.getContext("2d").fillRect(0,0,t,a);var o=n.captureStream().getVideoTracks()[0];return Object.assign(o,{enabled:!1})},a=new MediaStream([function(){var e=new AudioContext,t=e.createOscillator(),a=t.connect(e.createMediaStreamDestination());t.start(),t.mute=!0;var n=a.stream.getAudioTracks()[0];return Object.assign(n,{enabled:!1})}(),t({width:320,height:240})]),r=Ba(),l=Object(v.a)(r,3),i=l[0],c=l[1],s=l[2],u=Ya(c,s),d=Object(v.a)(u,3),m=d[0],p=(d[1],d[2]),g=Object(n.useState)(!1),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(e),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)({horizontal:0,vertical:15}),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(null),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(!0),P=Object(v.a)(V,2),J=(P[0],P[1],Object(n.useState)(!0)),W=Object(v.a)(J,2),F=W[0],H=(W[1],Object(n.useState)(!0)),U=Object(v.a)(H,2),G=U[0],Y=U[1];Object(n.useEffect)((function(){console.log("LOCATION ",e),null!=m&&1==G&&(Y(!1),Z())}),[p]);var Q=function(){var e=Object(te.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log("Sending message: ",t),null!==_){e.next=3;break}return e.abrupt("return");case 3:_.send(JSON.stringify(t));case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),K=function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=m.connect(x),B(t),t.on("open",(function(){console.log("Connection Opened");for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",a="",n=0;n<8;n++){var o=Math.floor(Math.random()*e.length);a+=e.charAt(o)}console.log("RANDOM STRING ",a);var r=qa.a.AES.encrypt(JSON.stringify({api:"head",horizontal:0,vertical:15}),a).toString();console.log("encryptedData ",r.concat("+++").concat(a)),t.send(r.concat("+++").concat(a))})),t.on("error",(function(e){console.log("Connection error",e)})),t.on("data",(function(e){var t=JSON.parse(e);t&&("photo"===t.type?ee(t.data,"image.jpg"):t.includes("error")&&(console.log(t),console.log(t.error)))}));case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();var Z=function(){var e=Object(te.a)($.a.mark((function e(){var t,n,o;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t='{"api":"echoCancel", "action":"get","name": "'.concat(q.a,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(t)})),S(!0),K(),n={constraints:{mandatory:{OfferToReceiveAudio:!1,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}},o=m.call(x,a,n),z(o),o.on("connect",(function(){console.log("NEW CONNECTED DEVICE")})),o.on("stream",(function(e){c(e),S(!1),h(!0)})),o.on("close",(function(){console.log("call closed"),s(),S(!1),h(!1),null!==o&&o.close()})),o.on("error",(function(e){console.log("call error",e),s(),S(!1),h(!1),null!==o&&o.close()}));case 11:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();var X=function(e){for(var t=Object.assign(e,{api:"head"}),a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n="",o=0;o<8;o++){var r=Math.floor(Math.random()*a.length);n+=a.charAt(r)}console.log("RANDOM STRING ",n);var l=qa.a.AES.encrypt(JSON.stringify(t),n).toString();_.send(l.concat("+++").concat(n)),A(e)};var ee=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:$r("Monitoring"),parentNode:"/safety"}),o.a.createElement("div",{id:"call-controls",className:b?"":"hidden"},o.a.createElement("button",{className:"btn btn-large",onClick:function(){null!==R&&(s(R.peer),R.close(),Q("Close Call"),z(null))}},$r("Stop Monitoring"))),o.a.createElement("div",{id:"call-box",className:b?"hidden":""},o.a.createElement("div",null,o.a.createElement(_a,null)),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",{id:"connection-status",className:O?"":"hidden"},O?$r("Connecting ..."):""),o.a.createElement("div",{className:b?"hidden":"call-form, content-area"},o.a.createElement("h4",null,$r("Matilda ID to View")),o.a.createElement("input",{type:"text",className:"form-control form-rounded",value:x,onChange:function(e){w(e.target.value)}}),o.a.createElement("span",{onClick:Z,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),$r(O?"Connecting":"Connect")))))),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:b?"":"hidden",id:"video-container"},o.a.createElement("div",{id:"controls-container"},o.a.createElement("div",{id:"menu"},o.a.createElement("div",{className:"keys"},o.a.createElement("button",{className:"centre arr",onClick:function(){Q({api:"take_photo",send_to:"192.168.163.30:8000/photo"})}},o.a.createElement("i",{className:"fa fa-camera"})),o.a.createElement("br",null),o.a.createElement("button",{className:"up arr",onClick:function(){if(console.log(I),I.vertical<50){var e={horizontal:I.horizontal,vertical:I.vertical+10};X(e)}}},o.a.createElement("i",{className:"fa fa-arrow-up"})),o.a.createElement("br",null),o.a.createElement("button",{className:"left arr",onClick:function(){if(I.horizontal<80){var e={horizontal:I.horizontal+10,vertical:I.vertical};X(e)}}},o.a.createElement("i",{className:"fa fa-arrow-left "})),o.a.createElement("button",{className:"centre arr",onClick:function(){X({horizontal:0,vertical:15})}},o.a.createElement("i",{className:"fa fa-dot-circle-o"})),o.a.createElement("button",{className:"right arr",onClick:function(){if(I.horizontal>-80){var e={horizontal:I.horizontal-10,vertical:I.vertical};X(e)}}},o.a.createElement("i",{className:"fa fa-arrow-right"})),o.a.createElement("br",null),o.a.createElement("button",{className:"down arr",onClick:function(){if(I.vertical>-50){var e={horizontal:I.horizontal,vertical:I.vertical-10};X(e)}}},o.a.createElement("i",{className:"fa fa-arrow-down"}))))),o.a.createElement("div",{id:"remote-video"},o.a.createElement(Ha,{remoteStream:i,muteOrNot:F})))))),o.a.createElement("link",{href:"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}))},tl=a(1142),al=a(497),nl=a(227),ol=a(221),rl=re.a.div(Pr||(Pr=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),ll=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)(!1)),r=Object(v.a)(a,2),l=r[0],i=r[1],c=Object(n.useState)("http://127.0.0.1:8080/"),s=Object(v.a)(c,2),u=(s[0],s[1],Object(n.useState)("2021-05-04")),d=Object(v.a)(u,2),m=(d[0],d[1],Object(n.useState)([])),p=Object(v.a)(m,2),g=p[0],f=p[1],b=Object(n.useState)(""),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)([[1,1],[2,2]]),S=Object(v.a)(O,2),C=S[0],j=S[1];Object(n.useEffect)((function(){if(!l){var e='{"api":"AnaUserList","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),i(!0)}q.c.onmessage=function(e){if(console.log("Message ",e),e.data&&e.data.toString().includes("userlist")){var t=e.data.substring(0,e.data.length-1);console.log(t);try{return"userlist"==(a=JSON.parse(e.data)).data_type&&(i(!0),f(x(a.data))),!0}catch(n){return console.log(n),!1}}if(e.data&&e.data.toString().includes("servicepreference")){t=e.data.substring(0,e.data.length-1);console.log(t);try{var a;return"servicepreference"==(a=JSON.parse(e.data)).data_type&&(i(!0),j(a.data)),!0}catch(n){return console.log(n),!1}}}}),[g]);var x=function(e){for(var t=[],a=0;a<e.length;a++)e[a]=w(e[a]),t.push(e[a]);return e},w=(o.a.useMemo((function(){return[{label:"Series 1",data:C}]}),[C]),o.a.useMemo((function(){return[{primary:!0,type:"linear",position:"bottom"},{type:"linear",position:"left"}]}),[]),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e});return o.a.createElement(rl,null,o.a.createElement(pe.a,{title:w("Analytics: Service Preference"),parentNode:"/analytics"}),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Select User"),o.a.createElement(Ne.a,{defaultValue:E,value:E,id:"select-content",onChange:function(e){y(e.target.value);var t='{"api":"AnaServicePreference","name": "'.concat(q.a,'","user": "').concat(e.target.value,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},fullWidth:!0},g.map((function(e,t){return o.a.createElement(ze.a,{key:1,value:e},e)})))),o.a.createElement("div",{style:{width:"100%",height:"400px"}},o.a.createElement(tl.a,{width:1e3,height:500},o.a.createElement(al.a,{data:C,dataKey:"value",nameKey:"name",innerRadius:150,outerRadius:200,label:!0}),o.a.createElement(nl.a,null),o.a.createElement(ol.a,{verticalAlign:"top",height:36}))))},il=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},cl=re.a.div(Jr||(Jr=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),sl=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!0),i=Object(v.a)(l,2),c=i[0],s=i[1];Object(n.useEffect)((function(){var e='{"api":"getStatus","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),q.c.onmessage=function(e){console.log("Translation ",e.data),e.data&&e.data.toString().includes("Stop")&&(e.data.toString().includes("Cast")||r(e.data))}}),[]);var u=Object(n.useState)("mandarin"),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)([{label:"Mandarin",value:"mandarin"},{label:"Japanese",value:"japanese"},{label:"Greek",value:"greek"},{label:"Cantonese",value:"cantonese"}]),f=Object(v.a)(g,2),b=f[0];f[1];return o.a.createElement(cl,null,o.a.createElement(pe.a,{title:il("Translation"),parentNode:"/technology-tools"}),o.a.createElement("h4",null,il("Translation Controls")),o.a.createElement("h5",null,il("Status"),": \xa0\xa0",o.a.createElement("i",null,il(a))),o.a.createElement(Ne.a,{value:m,id:"select-content",fullWidth:!0,onChange:function(e){p(e.target.value)}},b.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)}))),o.a.createElement("br",null),o.a.createElement("br",null),c?"":o.a.createElement("div",null,o.a.createElement("b",null,il("Toggle Translation")),o.a.createElement("br",null),o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"secondary",onClick:function(e){localStorage.setItem("TRANSLATION_LANGUAGE","EnToCh");var t='{"api":"enToChTranslation","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}}," ",il("English to "+m)," "),"\xa0",o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"secondary",onClick:function(e){localStorage.setItem("TRANSLATION_LANGUAGE","ChToEn");var t='{"api":"chToEnTranslation","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}}," ",il(m+" to English")," "),o.a.createElement("br",null),o.a.createElement("br",null)),o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t='{"api":"startTranslation","name": "'.concat(q.a,'", "language": "').concat(m,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),r("RUNNING"),s(!1)}},il(c?"Start":"Restart")),"\xa0",!c&&o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t='{"api":"getPauseTrans","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),r("PAUSED"),s(!1)}},il("Pause")),"PAUSED"===a&&o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t=localStorage.getItem("TRANSLATION_LANGUAGE"),a='{"api":"getResumeTrans","name": "'.concat(q.a,'", "currLang": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),r("RUNNING"),s(!1)}},il("Resume")),"RUNNING"===a&&o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t='{"api":"stopTranslation","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),r("STOPPED"),s(!0)}},il("Stop")),o.a.createElement(xo.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){var t='{"api":"getLastAudioTrans","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},il("Last Audio")))},ul=a(502),dl=a.n(ul),ml=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function pl(e){var t=e.faceData,a=e.setFaceData,n=Array.isArray(t)?t:[];return n.length?(console.log("face data ",n.length),o.a.createElement(o.a.Fragment,null,o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(ia.a,{container:!0,spacing:2},n.map((function(e,t){return o.a.createElement(o.a.Fragment,{key:"".concat((null===e||void 0===e?void 0:e.date)||"face","-").concat(t)},o.a.createElement(ia.a,null,o.a.createElement(w.a,null,o.a.createElement(ca.a,{style:{display:"flex",alignItems:"center",gap:8}},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},o.a.createElement("small",null,ml("Image")," ",t),o.a.createElement("img",{src:"data:image/jpg;base64,".concat((null===e||void 0===e?void 0:e.base64)||""),className:"author-image",height:100,width:100,alt:ml("Face image")})),o.a.createElement("div",{style:{display:"flex",flexDirection:"column",marginLeft:8}},o.a.createElement("div",null,o.a.createElement($a.a,{size:"small","aria-label":"download",onClick:function(){var a=document.createElement("a");a.href="data:image/jpg;base64,".concat((null===e||void 0===e?void 0:e.base64)||"");var n=(null===e||void 0===e?void 0:e.date)?e.date.split(" ")[0]:t;a.download="face-".concat(n,".jpg"),document.body.appendChild(a),a.click(),a.remove()}},o.a.createElement(dl.a,{fontSize:"small"})),o.a.createElement($a.a,{size:"small","aria-label":"delete",onClick:Object(te.a)($.a.mark((function n(){var o,r;return $.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(window.confirm(ml("Delete this image?"))){n.next=3;break}return n.abrupt("return");case 3:if(o=(null===e||void 0===e?void 0:e.id)||(null===e||void 0===e?void 0:e._id)&&("string"===typeof e._id?e._id:e._id.$oid||e._id.$id||null),console.log("Attempting delete for id:",o),o){n.next=8;break}return a((function(e){return Array.isArray(e)?e.filter((function(e,a){return a!==t})):[]})),n.abrupt("return");case 8:return n.prev=8,n.next=11,f.a.delete("https://cloud-api-389807.ue.r.appspot.com/detect?id="+o);case 11:r=n.sent,console.log("Delete response",r&&r.data),!r||"OK"!==r.data&&200!==r.status?alert(ml("Delete failed")):a((function(e){return Array.isArray(e)?e.filter((function(e,a){return a!==t})):[]})),n.next=20;break;case 16:n.prev=16,n.t0=n.catch(8),console.log("Error deleting image",n.t0),alert(ml("Delete failed"));case 20:case"end":return n.stop()}}),n,null,[[8,16]])})))},o.a.createElement(No.a,{fontSize:"small"}))),o.a.createElement("div",{style:{marginTop:8}},o.a.createElement("small",null,(null===e||void 0===e?void 0:e.date)?e.date.split(" ")[0]:ml("Unknown date"))))))),"\xa0 \xa0")}))))):o.a.createElement(o.a.Fragment,null,o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("small",null,ml("No face detection data available.")))}var gl=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(!1),b=Object(v.a)(g,2),h=b[0],E=b[1],y=Object(n.useState)(""),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useRef)(null),x=Object(n.useRef)(null),w=function(e){var t="".concat((new Date).toLocaleTimeString()," - ").concat(e);console.log(t),C(t)},k=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"resync";w("Resync (".concat(e,")")),s(!0),p("");var t={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/detect-faces?robot_id="+q.a,headers:{}};f.a.request(t).then((function(e){var t,a=null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.data;r(Array.isArray(a)?a:[])})).catch((function(e){r([]),p(ml("Unable to load face detection data.")),console.log(e)})).finally((function(){s(!1)}))};Object(n.useEffect)((function(){return k("initial"),function(){j.current&&(clearInterval(j.current),j.current=null),x.current&&(clearInterval(x.current),x.current=null)}}),[]);return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:ml("Face Detection"),parentNode:"/technology-tools"}),!h&&o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(){k("start"),w("Processing started"),j.current||(j.current=setInterval((function(){w("Processing"),function(){var e='{"api":"triggerFaceDetect", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),w("Emit triggerFaceDetect")}()}),3e4)),x.current||(x.current=setInterval((function(){k("auto")}),15e3)),E(!0)},disabled:c},ml(c?"Loading...":"Start")),h&&o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(){j.current&&(clearInterval(j.current),j.current=null),x.current&&(clearInterval(x.current),x.current=null),E(!1)}},ml("Stop")),"\xa0",o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(){return k("manual")},disabled:c},ml(c?"Loading...":"Resync data")),"\xa0",m&&o.a.createElement("small",null,m),S&&o.a.createElement("small",null,ml("Last event"),": ",S),o.a.createElement(pl,{faceData:a,setFaceData:r}))},fl=function(e){return{}},bl=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.handleClose=function(){e.setState({open:!1})},e.handleCheckboxChange=function(t){e.setState({humanFall:t.target.checked})},e.handleUpdate=function(){console.log("Data ..",e.state.humanFall);var t='{"api":"bgServicesRun", "humanFall":"'.concat(e.state.humanFall,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),e.handleClose()},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>accessibility-cognitive-disability</title> <g id="Layer_2" data-name="Layer 2"> <g id="invisible_box" data-name="invisible box"> <rect width="48" height="48" fill="none"></rect> </g> <g id="Q3_icons" data-name="Q3 icons"> <g> <path d="M44.6,25.1A64.9,64.9,0,0,1,40,17.9C38.5,7.2,32.4,1.8,21.8,2c-6,.1-11,2.1-14.3,5.8s-4.8,8.5-4.4,14,1.6,7.5,4.2,10.8,2.9,3.9,1.8,8A1.9,1.9,0,0,0,10.5,43,2,2,0,0,0,13,41.6c1.4-5.6.6-7.3-2.6-11.4a13.8,13.8,0,0,1-3.3-8.7,14,14,0,0,1,3.3-11C13,7.7,17,6.1,21.9,6S34.5,7.2,36.1,18.5c.1,1.2,1.9,4,3.7,6.8l-2.2.7a2,2,0,0,0-1.3,1.9v2.9c0,2.8.1,5-.6,5.7s-1.8.8-4,.8a3.8,3.8,0,0,0-3.9,3.9V44a2,2,0,0,0,4,0V41.3c2.4,0,5.1-.3,6.8-2s1.8-4.5,1.7-8.6V29.3l3.3-1.1a2.1,2.1,0,0,0,1.3-1.3A2,2,0,0,0,44.6,25.1Z"></path> <path d="M24.7,15.2l-.4-1,1.2-1.9a7.7,7.7,0,0,0-1.8-1.8l-1.9,1.2-1-.4-.5-2.2H17.7l-.5,2.2-1,.4-1.9-1.2a7.7,7.7,0,0,0-1.8,1.8l1.2,1.9-.4,1-2.2.5A5.7,5.7,0,0,0,11,17a5.7,5.7,0,0,0,.1,1.3l2.2.5.4,1-1.2,1.9a7.7,7.7,0,0,0,1.8,1.8l1.9-1.2,1,.4.5,2.2h2.6l.5-2.2,1-.4,1.9,1.2a7.7,7.7,0,0,0,1.8-1.8l-1.2-1.9.4-1,2.2-.5A5.7,5.7,0,0,0,27,17a5.7,5.7,0,0,0-.1-1.3ZM19,19a2,2,0,1,1,2-2A2,2,0,0,1,19,19Z"></path> </g> </g> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Cognitive and Emotion Assessment Settings",slug:"/cognitive-settings",locations:["home"]},{svg:'\n                        <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#000000;} </style> <g> <path class="st0" d="M47.294,422.846c-10.908-10.924-17.615-25.87-17.633-42.462v-61.795H0v61.795 c0.017,49.545,40.23,89.739,89.765,89.774h40.532v-29.67H89.765C73.164,440.48,58.236,433.771,47.294,422.846z"></path> <path class="st0" d="M85.931,235.914c21.636,0,39.144-17.508,39.144-39.154c0-21.609-17.507-39.153-39.144-39.153 c-21.619,0-39.154,17.544-39.154,39.153C46.777,218.406,64.312,235.914,85.931,235.914z"></path> <path class="st0" d="M179.165,369.308h-54.927v-81.758c0-21.165-17.134-38.318-38.308-38.318 c-21.147,0-38.299,17.152-38.299,38.318v93.146c0,21.155,17.143,38.308,38.299,38.308c2.873,0,70.024-0.195,70.024-0.195 l3.674,56.688c0.258,11.61,9.884,20.818,21.494,20.568c11.628-0.258,20.826-9.884,20.56-21.494l2.233-80.512 C203.915,380.375,192.839,369.308,179.165,369.308z"></path> <path class="st0" d="M482.339,318.589v61.795c-0.017,16.592-6.725,31.538-17.632,42.462 c-10.943,10.925-25.871,17.634-42.462,17.642h-40.541v29.67h40.541c49.526-0.036,89.73-40.23,89.756-89.774v-61.795H482.339z"></path> <path class="st0" d="M426.069,235.914c21.618,0,39.153-17.508,39.153-39.154c0-21.609-17.535-39.153-39.153-39.153 c-21.636,0-39.145,17.544-39.145,39.153C386.924,218.406,404.433,235.914,426.069,235.914z"></path> <path class="st0" d="M464.378,380.695v-93.146c0-21.165-17.17-38.318-38.308-38.318c-21.173,0-38.308,17.152-38.308,38.318v81.758 h-54.927c-13.674,0-24.75,11.067-24.75,24.75l2.233,80.512c-0.267,11.61,8.932,21.236,20.56,21.494 c11.61,0.25,21.235-8.959,21.493-20.568l3.675-56.688c0,0,67.151,0.195,70.024,0.195 C447.224,419.003,464.378,401.851,464.378,380.695z"></path> <rect x="153.651" y="318.963" class="st0" width="212.384" height="36.146"></rect> <rect x="244.047" y="374.511" class="st0" width="24.714" height="87.497"></rect> <path class="st0" d="M359.59,159.404c0,7.286-2.353,14.137-6.677,20.294c-4.319,6.165-10.671,11.556-18.464,15.56l-5.686,2.918 l7.376,16.486c-22.37-3.87-43.13-11.148-53.615-15.222l-0.208-0.089l-0.222-0.062c-14.061-4.422-25.048-13.086-30.626-23.335 l-11.85,6.486c7.575,13.753,21.32,24.198,38.028,29.554v0.018c12.976,5.026,40.252,14.581,68.908,17.802l11.712,1.29 l-12.108-27.081c7.109-4.475,13.211-10.026,17.793-16.557c5.743-8.149,9.146-17.792,9.133-28.06 c0.013-12.775-5.266-24.554-13.772-33.77c-8.514-9.252-20.249-16.138-33.713-19.822l-3.555,13.015 c11.254,3.052,20.782,8.781,27.33,15.934C355.956,141.949,359.59,150.339,359.59,159.404z"></path> <path class="st0" d="M161.724,156.362l-16.228,36.28l11.722-1.299c40.461-4.52,79.209-18.078,97.602-25.204 c17.478-5.596,32.561-15.142,43.419-27.552c10.952-12.49,17.579-28.015,17.571-44.803c0.008-10.978-2.834-21.458-7.865-30.862 c-7.548-14.118-19.968-25.844-35.337-34.046c-15.356-8.211-33.713-12.944-53.428-12.944c-26.258,0.018-50.153,8.389-67.742,22.286 c-8.786,6.948-15.987,15.293-21.031,24.705c-5.022,9.404-7.851,19.884-7.851,30.862c-0.014,14.003,4.626,27.162,12.499,38.38 C141.813,141.753,150.96,149.956,161.724,156.362z M142.316,69.283c6.081-11.406,16.464-21.396,29.799-28.522 c13.318-7.117,29.536-11.352,47.067-11.334c23.372-0.018,44.411,7.508,59.384,19.358c7.477,5.925,13.429,12.891,17.486,20.498 c4.066,7.615,6.268,15.844,6.268,24.5c-0.014,13.194-5.115,25.497-14.225,35.924c-9.097,10.409-22.206,18.825-37.748,23.709 l-0.196,0.063l-0.208,0.088c-15.929,6.175-48.139,17.437-82.368,22.758l11.605-25.934l-5.698-2.918 c-11.498-5.89-20.911-13.87-27.379-23.087c-6.476-9.226-10.053-19.572-10.066-30.604C136.048,85.127,138.238,76.899,142.316,69.283 z"></path> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #9d8f12, #dfcc22)",title:"Conversation Question",slug:"/conversation-question",location:["home"]}],selected:!1,quizId:null,open:!1,humanFall:!1},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.handleClose=e.handleClose.bind(Object(u.a)(e)),e.handleCheckboxChange=e.handleCheckboxChange.bind(Object(u.a)(e)),e.handleUpdate=e.handleUpdate.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("System Settings")}),o.a.createElement(Q.a,{onClick:function(){return e.setState({open:!0})},style:{backgroundColor:"#74b9ff",padding:"6px 16px",borderRadius:"8px",color:"white",fontSize:"14px",fontWeight:"bold",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)",transition:"all 0.3s ease",marginBottom:"12px"}},"Background Service"),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:fl.focusVisible},t.img?o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))),o.a.createElement(ge.a,{open:this.state.open,onClose:this.state.handleClose,PaperProps:{style:{width:"800px"}}},o.a.createElement(fe.a,null,"Detection Settings"),o.a.createElement(be.a,null,o.a.createElement(Wn.a,{control:o.a.createElement(Fn.a,{checked:this.state.humanFall,onChange:this.handleCheckboxChange}),label:"Human Fall"})),o.a.createElement(ve.a,null,o.a.createElement(Q.a,{onClick:function(){return e.handleUpdate()},style:{backgroundColor:"#74b9ff",padding:"6px 16px",borderRadius:"8px",color:"white",fontSize:"14px",fontWeight:"bold",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.1)",transition:"all 0.3s ease",marginBottom:"12px"}},"Update"))))}}]),a}(n.Component),hl=Object(De.a)(fl)(bl),vl=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},El=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.isShowControls,a=void 0!==t&&t,r=q.a;void 0!==q.a&&null!==q.a&&"undefined"!==q.a||(r=window.location.href.split("?")[1]),console.log("id ",window.location.href.split("?"));var l=function(){return new MediaStream([i(),c({width:320,height:240})])},i=function(){var e=new AudioContext,t=e.createOscillator(),a=t.connect(e.createMediaStreamDestination());t.start(),t.mute=!0;var n=a.stream.getAudioTracks()[0];return Object.assign(n,{enabled:!1})},c=function(e){var t=e.width,a=e.height,n=Object.assign(document.createElement("canvas"),{width:t,height:a});n.getContext("2d").fillRect(0,0,t,a);var o=n.captureStream().getVideoTracks()[0];return Object.assign(o,{enabled:!1})},s=l(),u=Ba(),d=Object(v.a)(u,3),m=d[0],p=d[1],g=d[2],f=Ya(p,g),b=Object(v.a)(f,3),h=b[0],E=(b[1],b[2]),y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(!1),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(r),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useState)({horizontal:0,vertical:15}),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(null),_=Object(v.a)(D,2),B=(_[0],_[1]),V=Object(n.useState)(null),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(!0),H=Object(v.a)(F,2),U=(H[0],H[1],Object(n.useState)(!0)),G=Object(v.a)(U,2),Y=G[0],Q=(G[1],Object(n.useState)(!0)),K=Object(v.a)(Q,2),Z=K[0],X=K[1],ee=Object(n.useState)(),ae=Object(v.a)(ee,2),ne=ae[0],oe=ae[1];Object(n.useEffect)((function(){var e=window.location.href,t="Matilda_229a-g";console.log("Mounting ...",e),e.includes("remoteId")&&(t=e.split("?")[1].split("=")[1].trim(),console.log("Mounted ",t),localStorage.setItem("remoteId",t),oe(t),M(t))}),[]),Object(n.useEffect)((function(){console.log("LOCATION ",r),null!=h&&1==Z&&(X(!1),ce())}),[E]);var re=function(e){M(e.target.value)},le=function(){var e=Object(te.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log("Sending message: ",t),null!==J){e.next=3;break}return e.abrupt("return");case 3:J.send(JSON.stringify(t));case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ie=function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=h.connect(A),W(t),t.on("open",(function(){console.log("Connection Opened");for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",a="",n=0;n<8;n++){var o=Math.floor(Math.random()*e.length);a+=e.charAt(o)}console.log("RANDOM STRING ",a);var r=qa.a.AES.encrypt(JSON.stringify({api:"head",horizontal:0,vertical:15}),a).toString();console.log("encryptedData ",r.concat("+++").concat(a)),t.send(r.concat("+++").concat(a))})),t.on("error",(function(e){console.log("Connection error",e)})),t.on("data",(function(e){var t=JSON.parse(e);t&&("photo"===t.type?be(t.data,"image.jpg"):t.includes("error")&&(console.log(t),console.log(t.error)))}));case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();var ce=function(){var e=Object(te.a)($.a.mark((function e(){var t,a,n;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t='{"api":"echoCancel", "action":"get","name": "'.concat(q.a,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(t)})),k(!0),ie(),a={constraints:{mandatory:{OfferToReceiveAudio:!1,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}},n=h.call(A,s,a),B(n),n.on("connect",(function(){console.log("NEW CONNECTED DEVICE")})),n.on("stream",(function(e){p(e),k(!1),C(!0)})),n.on("close",(function(){console.log("call closed"),g(),k(!1),C(!1),null!==n&&n.close()})),n.on("error",(function(e){console.log("call error",e),g(),k(!1),C(!1),null!==n&&n.close()}));case 11:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();var se=function(e){for(var t=Object.assign(e,{api:"head"}),a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n="",o=0;o<8;o++){var r=Math.floor(Math.random()*a.length);n+=a.charAt(r)}console.log("RANDOM STRING ",n);var l=qa.a.AES.encrypt(JSON.stringify(t),n).toString();J.send(l.concat("+++").concat(n)),L(e)},ue=function(){if(z.horizontal<80){var e={horizontal:z.horizontal+10,vertical:z.vertical};se(e)}},de=function(){if(z.horizontal>-80){var e={horizontal:z.horizontal-10,vertical:z.vertical};se(e)}},me=function(){if(console.log(z),z.vertical<50){var e={horizontal:z.horizontal,vertical:z.vertical+10};se(e)}},pe=function(){if(z.vertical>-50){var e={horizontal:z.horizontal,vertical:z.vertical-10};se(e)}},ge=function(){se({horizontal:0,vertical:15})};function fe(){le({api:"take_photo",send_to:"192.168.163.30:8000/photo"})}var be=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()},he=function(){var e={api:"VCGRT",language:"en",name:ne};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(e))}))},ve=function(){var e={api:"vocalise",text:"The staff member is unavailable to meet you today. Please come another day to meet the staff member.",language:"en",emotion:"neutral",sound:"none",name:ne};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(e))}))},Ee=function(){window.location.href="/call"};return console.log("JOANNA show controls ",a),o.a.createElement(o.a.Fragment,null,a&&o.a.createElement(zn.a,null,o.a.createElement(xo.a,{onClick:he},vl("Accept"))," \xa0",o.a.createElement(xo.a,{onClick:ve},vl("Don't Accept"))," \xa0",o.a.createElement(xo.a,{onClick:Ee},vl("Start Video Call"))),o.a.createElement("br",null),o.a.createElement("div",{className:""},o.a.createElement("div",{id:"call-box",className:S?"hidden":""},o.a.createElement("div",null,o.a.createElement(_a,null)),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",{id:"connection-status",className:w?"":"hidden"},w?"Connecting ...":""),o.a.createElement("div",{className:S?"hidden":"call-form, content-area"},o.a.createElement("h4",null,"Matilda ID to View"),o.a.createElement("input",{type:"text",className:"form-control form-rounded",value:A,onChange:re}),o.a.createElement("span",{onClick:ce,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:w?"loading":"hidden"}),w?"Connecting":"Connect"))))),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:S?"":"hidden",id:"video-container"},o.a.createElement("div",{id:"controls-container"},o.a.createElement("div",{id:"menu"},o.a.createElement("div",{className:"keys"},o.a.createElement("button",{className:"centre arr",onClick:fe},o.a.createElement("i",{className:"fa fa-camera"})),o.a.createElement("br",null),o.a.createElement("button",{className:"up arr",onClick:me},o.a.createElement("i",{className:"fa fa-arrow-up"})),o.a.createElement("br",null),o.a.createElement("button",{className:"left arr",onClick:ue},o.a.createElement("i",{className:"fa fa-arrow-left "})),o.a.createElement("button",{className:"centre arr",onClick:ge},o.a.createElement("i",{className:"fa fa-dot-circle-o"})),o.a.createElement("button",{className:"right arr",onClick:de},o.a.createElement("i",{className:"fa fa-arrow-right"})),o.a.createElement("br",null),o.a.createElement("button",{className:"down arr",onClick:pe},o.a.createElement("i",{className:"fa fa-arrow-down"}))))),o.a.createElement("div",{id:"remote-video"},o.a.createElement(Ha,{remoteStream:m,muteOrNot:Y})))))),o.a.createElement("link",{href:"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}))},yl=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function Ol(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),yl(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Sl,Cl=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)("main"),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([{label:"Main",value:"main"},{label:"Music",value:"music"},{label:"Book",value:"book"}]),d=Object(v.a)(u,2),m=d[0],p=(d[1],Object(n.useState)(!1)),g=Object(v.a)(p,2),b=g[0],h=g[1],E=Object(n.useState)("off"),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)("off"),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=T[0],A=T[1],M=o.a.useRef(null),N=o.a.useRef(null),R=function(){var e=localStorage.getItem("emotionRecog");void 0!==e&&null!==e&&"undefined"!==e||(e="main");var t={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/detect-faces?robot_id="+q.a+"&service="+e,headers:{}};f.a.request(t).then((function(e){var t=e.data.data||[];r((function(e){try{var a=new Set(e.map((function(e){return"".concat(e.date,"|").concat(e.service||"")}))),n=t.filter((function(e){var t="".concat(e.date,"|").concat(e.service||"");return!a.has(t)}));return 0===n.length?e:[].concat(Object(ee.a)(n),Object(ee.a)(e))}catch(o){return t}})),console.log("joanna ",t)})).catch((function(e){console.log(e)}))};Object(n.useEffect)((function(){return I&&(R(),M.current=setInterval(R,2e3),N.current=setInterval((function(){console.log("Call api");var e='{"api":"emotionRecog", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}),15e3)),function(){M.current&&(clearInterval(M.current),M.current=null),N.current&&(clearInterval(N.current),N.current=null)}}),[I,c]),Object(n.useEffect)((function(){q.c.onmessage=function(e){try{var t="string"===typeof e.data?e.data:JSON.stringify(e.data),a=JSON.parse(t);if(a&&(void 0!==a.emotionRecogResponse||JSON.stringify(a).includes("emotionRecogResponse")||"emotionRecogResponse"===a.api)){var n=void 0!==a.emotionRecogResponse?a.emotionRecogResponse:a;console.log("Call api response",n);var o=a.service||localStorage.getItem("emotionRecog")||c,l={date:(new Date).toLocaleString(),emotion:n,service:o};r((function(e){return[l].concat(Object(ee.a)(e))}))}}catch(u){if(String(e.data).includes("emotionRecogResponse")){console.log("Call api response",e.data);var i=localStorage.getItem("emotionRecog")||c,s={date:(new Date).toLocaleString(),emotion:e.data,service:i};r((function(e){return[s].concat(Object(ee.a)(e))}))}}}}),[]);var z=function(){h(!1)},L=o.a.useMemo((function(){return[{Header:"Date and Time",accessor:"date"},{Header:"Emotion",accessor:"emotion"},{Header:"Service",accessor:"service"}]}),[]);return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:yl("Emotion Recognition"),parentNode:"/technology-tools"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(){!function(e){var t={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/emotion-config?robot_id="+q.a,headers:{}};f.a.request(t).then((function(e){w(e.data.data.emotion_book),S(e.data.data.emotion_music)})).catch((function(e){console.log(e)})).finally((function(){e&&h(!0)}))}(!0)}},yl("Service Configuration")),"\xa0\xa0",I?o.a.createElement(o.a.Fragment,null,o.a.createElement(me.a,{size:"small",variant:"contained",color:"secondary",onClick:function(){console.log("Stop api calls"),A(!1)}},yl("Stop")),"\xa0\xa0"):o.a.createElement(o.a.Fragment,null,o.a.createElement(me.a,{size:"small",variant:"contained",color:"primary",onClick:function(){console.log("Call api");var e='{"api":"emotionRecog", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),A(!0)}},yl("Start")),"\xa0\xa0",o.a.createElement(me.a,{size:"small",variant:"outlined",color:"default",onClick:function(){try{var e=a||[],t=[["Date and Time","Emotion","Service"].join(",")].concat(e.map((function(e){return[(e.date||"").toString().replace(/\r?\n|,/g," "),(e.emotion||"").toString().replace(/\r?\n|,/g," "),(e.service||"").toString().replace(/\r?\n|,/g," ")].join(",")}))).join("\n"),n=new Blob([t],{type:"text/csv;charset=utf-8;"}),o=URL.createObjectURL(n),r=document.createElement("a");r.href=o;var l=(new Date).toISOString().replace(/[:.]/g,"-");r.download="emotion-recog-data-".concat(l,".csv"),document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(o)}catch(i){console.error("Export failed",i)}}},yl("Export Data")),"\xa0\xa0"),o.a.createElement(Me.a,{style:{width:"150px"}},o.a.createElement(Ne.a,{defaultValue:c,value:c,id:"select-content",onChange:function(e){localStorage.setItem("emotionRecog",e.target.value),s(e.target.value),I&&R()},fullWidth:!0},m.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)})))),o.a.createElement("br",null),o.a.createElement(ge.a,{open:b,onClose:z,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:z},yl("Emotion Recognition Configuration per Service")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,null,o.a.createElement(sr.a,{row:!0,"aria-labelledby":"demo-row-radio-buttons-group-label",name:"row-radio-buttons-group",defaultValue:O,onChange:function(e){S(e.target.value)},value:O},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(o.a.Fragment,null,"\xa0\xa0\xa0\xa0\xa0\xa0"),label:"Music"}),o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,null),label:"On"}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,null),label:"Off"}))),o.a.createElement(Me.a,null,o.a.createElement(sr.a,{row:!0,"aria-labelledby":"demo-row-radio-buttons-group-label",name:"row-radio-buttons-group",defaultValue:x,onChange:function(e){w(e.target.value)},value:x},o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(o.a.Fragment,null,"\xa0\xa0\xa0\xa0\xa0\xa0"),label:"Book"}),o.a.createElement(Wn.a,{value:"on",control:o.a.createElement(ur.a,null),label:"On"}),o.a.createElement(Wn.a,{value:"off",control:o.a.createElement(ur.a,null),label:"Off"})))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:z,color:"primary"},yl("Cancel")),o.a.createElement(me.a,{onClick:function(){var e={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/emotion-config",headers:{"Content-Type":"application/json"},data:JSON.stringify({emotion_music:O,emotion_book:x,robot_id:q.a})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){h(!1)}))},color:"primary"},yl("Submit")))),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:window.innerWidth>700?"1fr 1fr":"1fr"},id:"blocks"},o.a.createElement("div",null,o.a.createElement(El,null)),o.a.createElement(Ol,{columns:L,data:a})),o.a.createElement("small",null,o.a.createElement("i",null,o.a.createElement("b",null,yl("Info:"),"\xa0\xa0"),yl("Unrecognized images are resulted from too blurred images that can't be read by the system."))))},jl=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},xl=re.a.div(Sl||(Sl=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function wl(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),jl(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var kl=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)(""),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(""),S=Object(v.a)(O,2),C=S[0],j=S[1],x=Object(n.useState)([{value:"main",label:"Main"},{value:"music",label:"Music and Video"},{value:"book",label:"Book and Learning"},{value:"news",label:"News and Calendar"},{value:"game",label:"Game and Exercise"}]),w=Object(v.a)(x,2),k=w[0],T=(w[1],Object(n.useState)(!1)),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useState)(jl("Scanning devices...")),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(),_=Object(v.a)(D,2),B=_[0],V=_[1],P=Object(n.useState)([]),J=Object(v.a)(P,2),W=J[0],F=J[1],H=Object(n.useState)(!1),U=Object(v.a)(H,2),G=U[0],Y=U[1],Q=Object(n.useState)(""),K=Object(v.a)(Q,2),Z=K[0],X=K[1],$=Object(n.useState)(""),ee=Object(v.a)($,2),te=ee[0],ae=ee[1],ne=Object(n.useState)(!1),oe=Object(v.a)(ne,2),re=oe[0],le=oe[1],ie=Object(n.useState)(),ce=Object(v.a)(ie,2),se=ce[0],ue=ce[1],de=Object(n.useState)(!1),Ee=Object(v.a)(de,2),ye=Ee[0],Oe=Ee[1],Se=Object(n.useState)(!1),Ce=Object(v.a)(Se,2),je=Ce[0],xe=Ce[1],we=Object(n.useState)(!1),ke=Object(v.a)(we,2),Te=ke[0],Ie=ke[1],Ae=Object(n.useState)(!1),Le=Object(v.a)(Ae,2),De=Le[0],_e=Le[1],Be=Object(n.useState)(!1),Ve=Object(v.a)(Be,2),Pe=Ve[0],Je=Ve[1],We=Object(n.useState)(!1),Fe=Object(v.a)(We,2),He=Fe[0],Ue=Fe[1],qe=Object(n.useState)(!1),Ge=Object(v.a)(qe,2),Ye=Ge[0],Qe=Ge[1],Ke=Object(p.f)(),Ze=Object(n.useState)(!1),Xe=Object(v.a)(Ze,2),$e=Xe[0],et=Xe[1],tt=Object(n.useState)(1),at=Object(v.a)(tt,2),nt=at[0],ot=at[1],rt=Object(n.useState)(10),lt=Object(v.a)(rt,2),it=lt[0],ct=lt[1],st=Object(n.useState)("English"),ut=Object(v.a)(st,2),dt=ut[0],mt=ut[1],pt=Object(n.useState)(120),gt=Object(v.a)(pt,2),ft=gt[0],bt=gt[1],ht=function(e){console.log("View ",m,e.currentTarget.value);var t=(localStorage.getItem("commandService")?localStorage.getItem("commandService"):"main").replace('"',"").trim(),a='{"api":"getVoiceCommandList", "action":"get","name": "'.concat(q.a,'", "service": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),le(!0),ue(e.currentTarget.value)},vt=function(e){var t=(localStorage.getItem("commandService")?localStorage.getItem("commandService"):"main").replace('"',"").trim(),a='{"api":"getVoiceCommandList", "action":"get","name": "'.concat(q.a,'", "service": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Ie(!0),ue(e.currentTarget.value)},Et=function(e){var t=(localStorage.getItem("commandService")?localStorage.getItem("commandService"):"main").replace('"',"").trim(),a='{"api":"getVoiceCommandList", "action":"get","name": "'.concat(q.a,'", "service": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Je(!0),ue(e.currentTarget.value)},yt=function(){Y(!1),Oe(!1),xe(!1),_e(!1),X(""),ae("")};Object(n.useEffect)((function(){localStorage.setItem("isOK","false")}),[]);var Ot=function(){},St=function(){M(!1)};Object(n.useEffect)((function(){if(!c){var e=(localStorage.getItem("commandService")?localStorage.getItem("commandService"):"main").replace('"',"").trim(),t='{"api":"getVoiceCommandList", "action":"get","name": "'.concat(q.a,'", "service": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("conversations")){console.log("IS COMMAND VIEW ",re);var t=JSON.parse(e.data),a=[];if(t.conversations.forEach((function(e){a.push({command:e[0],response:e[1]})})),g(a),s(!0),re){var n=t.conversations.at(se);X(n[0]),ae(n[1]),Oe(!0),le(!1)}if(Te){var o=t.conversations.at(se);X(o[0]),ae(o[1]),xe(!0),Ie(!1)}if(Pe){var l=t.conversations.at(se);X(l[0]),ae(l[1]),_e(!0),Je(!1)}}else if(e.data&&e.data.toString().includes("label")){Qe(!0),localStorage.setItem("isOK","true");var i=JSON.parse(e.data);F(i),L("Done scanning devices")}else e.data&&e.data.toString().includes("ok")?He&&(r("Done Training!"),Ue(!1)):!e.data||1!==e.data.toString().trim().split(" ").length||e.data.toString().includes("handleStartRecognition")||e.data.toString().includes("handleStopRecognition")||e.data.toString().includes("handleStartSleepDetection")||e.data.toString().includes("handleStopSleepDetection")||mt(e.data.replaceAll('"',""))}}),[m,c]);var Ct=o.a.useMemo((function(){return[{Header:"Command",accessor:"command"},{Header:"Response",accessor:"response"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",type:"primary",variant:"outlined",value:t.row.index,onClick:ht},jl("View")),o.a.createElement(me.a,{size:"large",type:"primary",variant:"outlined",value:t.row.index,onClick:vt},jl("Edit")),o.a.createElement(me.a,{size:"large",type:"primary",variant:"outlined",value:t.row.index,onClick:Et},jl("Delete")))}}]}),[]);return o.a.createElement(xl,null,o.a.createElement(pe.a,{title:jl("Voice Command"),parentNode:"/technology-tools"}),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(){L("Scanning devices..."),M(!0);var e='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){console.log("Joanna after delay",0==W.length),0!=W.length||Ye||(console.log("Joanna ",localStorage.getItem("isOK")),localStorage.getItem("isOK")&&"false"==localStorage.getItem("isOK")&&L("Scan is unsuccessful, please try again"))}),1e4)}},jl("Set Default Cast Device")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(){Y(!0)}},jl("Add New Command")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(){var e=(localStorage.getItem("commandService")?localStorage.getItem("commandService"):"main").replace('"',"").trim(),t='{"api":"trainVoiceCommand", "action":"get","name": "'.concat(q.a,'", "service": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),r("Training..."),Ue(!0)}},jl("Train")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(e){var t='{"api":"reSyncData", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),r("Re-sync success!")}},jl("Re-sync datda")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(){return Ke.push("/command-control")}},jl("Command Control")),o.a.createElement(me.a,{size:"large",variant:"outlined",color:"primary",value:"add",onClick:function(){var e='{"api":"globLanGet", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}));var t={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/conversation-config?robot_id=".concat(q.a),headers:{}};f.a.request(t).then((function(e){var t=e.data.data;t.length>0&&(ot(t[0].listen_time||1),ct(t[0].monitoring_time||10),bt(t[0].sleep_threshold||120)),et(!0)})).catch((function(e){console.log(e)}))}},jl("Configuration")),o.a.createElement("i",null,jl(a)),o.a.createElement("br",null),o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},jl("Content")),o.a.createElement(Ne.a,{value:E,id:"select-content",onChange:function(e){localStorage.setItem("commandService",k[e.target.value].value),y(e.target.value),j(k[e.target.value].value);var t='{"api":"getVoiceCommandList", "action":"get","name": "'.concat(q.a,'", "service": "').concat(k[e.target.value].value,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},k.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:t,onClick:Ot},e.label)})))),o.a.createElement(wl,{columns:Ct,data:m}),o.a.createElement(ge.a,{open:A,onClose:St,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:St},jl("Scan Devices")),o.a.createElement(be.a,{dividers:!0},z,o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},jl("Content")),o.a.createElement(Ne.a,{defaultValue:B,value:B,id:"select-content",onChange:function(e){localStorage.setItem("castDevice",e.target.value)}},W.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.value},e.label)}))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:St,color:"primary"},jl("Cancel")),o.a.createElement(me.a,{onClick:function(){var e='{"api":"setCastDefault", "action":"get", "name": "'.concat(q.a,'", "ip": "').concat(localStorage.getItem("castDevice"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),L("Scanning devices..."),M(!1),V(),F([]),localStorage.setItem("isOK","false")},color:"primary"},jl("Submit")))),o.a.createElement(ge.a,{open:$e,onClose:function(){return et(!1)},fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:function(){return et(!1)}},jl("Configuration")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0,margin:"dense"},o.a.createElement(Jt.a,null),jl("Conversation"),o.a.createElement(Jt.a,null),o.a.createElement(he.a,{label:jl("Listening Time (in seconds)"),value:nt,onChange:function(e){return ot(e.target.value)},fullWidth:!0,margin:"dense",type:"text",inputProps:{inputMode:"numeric",pattern:"[0-9]*"}}),o.a.createElement(he.a,{label:jl("Monitoring timeout (in seconds)"),value:it,onChange:function(e){return ct(e.target.value)},fullWidth:!0,margin:"dense",type:"text",inputProps:{inputMode:"numeric",pattern:"[0-9]*"}}),o.a.createElement(he.a,{label:jl("Current language"),value:dt,onChange:function(e){return mt(e.target.value)},fullWidth:!0,margin:"dense",type:"text"}),o.a.createElement(Jt.a,null),jl("Face Recognition"),o.a.createElement(Jt.a,null),o.a.createElement(zn.a,{display:"flex",justifyContent:"flex-start",gap:1,mt:2},o.a.createElement(me.a,{variant:"contained",color:"primary",size:"small",onClick:function(){var e='{"action":"handleStartRecognition", "name":"'.concat(q.a,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},jl("Start Recognition")),o.a.createElement(me.a,{variant:"contained",color:"secondary",size:"small",onClick:function(){var e='{"action":"handleStopRecognition", "name":"'.concat(q.a,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},jl("Stop Recognition"))),o.a.createElement(Jt.a,null),o.a.createElement("br",null),jl("Sleep Detection"),o.a.createElement(Jt.a,null),o.a.createElement(he.a,{label:jl("Sleep Threshold (in seconds)"),value:ft,onChange:function(e){return bt(e.target.value)},fullWidth:!0,margin:"dense",type:"text"}),o.a.createElement(zn.a,{display:"flex",justifyContent:"flex-start",gap:1,mt:2},o.a.createElement(me.a,{variant:"contained",color:"primary",size:"small",onClick:function(){var e='{"action":"handleStartSleepDetection", "name":"'.concat(q.a,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},jl("Start Sleep Detection")),o.a.createElement(me.a,{variant:"contained",color:"secondary",size:"small",onClick:function(){var e='{"action":"handleStopSleepDetection", "name":"'.concat(q.a,'" }');Object(q.f)(q.c,(function(){return Object(q.b)(e)}))}},jl("Stop Sleep Detection"))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){return et(!1)},color:"primary"},jl("Cancel")),o.a.createElement(me.a,{onClick:function(){var e={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/conversation-config",headers:{"Content-Type":"application/json"},data:JSON.stringify({listen_time:nt,monitoring_time:it,robot_id:q.a,sleep_threshold:ft})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),et(!1)})).catch((function(e){console.log(e)}))},color:"primary"},jl("Submit")))),o.a.createElement(ge.a,{open:G,onClose:yt,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:yt},jl("Create New Voice Command")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:jl("Command"),onChange:function(e){X(e.target.value)},value:Z,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:jl("Response"),onChange:function(e){ae(e.target.value)},value:te,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:yt,color:"primary"},jl("Cancel")),o.a.createElement(me.a,{onClick:function(){console.log("Param ",Z,te,C);var e='{"api":"createVoiceCommand", "action":"get", "name": "'.concat(q.a,'", "command": "').concat(Z,'", "response": "').concat(te,'", "service": "').concat(C,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),Y(!1)},color:"primary"},jl("Submit")))),o.a.createElement(ge.a,{open:ye,onClose:yt,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:yt},jl("View Command Details")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:jl("Command"),onChange:function(e){X(e.target.value)},value:Z,disabled:!0,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:jl("Response"),onChange:function(e){ae(e.target.value)},value:te,disabled:!0,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:yt,color:"primary"},jl("Close")))),o.a.createElement(ge.a,{open:je,onClose:yt,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:yt},jl("Edit Command Details")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:jl("Command"),onChange:function(e){X(e.target.value)},value:Z,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:jl("Response"),onChange:function(e){ae(e.target.value)},value:te,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:yt,color:"primary"},jl("Close")),o.a.createElement(me.a,{onClick:function(e){console.log("Save Edit ",Z,te,C,se);var t='{"api":"updateVoiceCommand", "action":"get", "name": "'.concat(q.a,'", "command": "').concat(Z,'", "response": "').concat(te,'", "service": "').concat(C,'", "objectId": "').concat(se,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),xe(!1)},color:"primary"},jl("Submit")))),o.a.createElement(ge.a,{open:De,onClose:yt,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:yt},jl("Delete Confirmation")),o.a.createElement(be.a,{dividers:!0},jl("Ooooops! You are about to delete the following voice command details."),o.a.createElement("br",null),o.a.createElement("br",null),jl("Command:")," ",o.a.createElement("b",null,Z),o.a.createElement("br",null),jl("Response:")," ",o.a.createElement("b",null,te),o.a.createElement("br",null),o.a.createElement("br",null),jl("Above voice command details will be removed permanently."),o.a.createElement("br",null),o.a.createElement("br",null),jl("Are you sure you want to continue?"),o.a.createElement("br",null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:yt,color:"primary"},jl("Cancel")),o.a.createElement(me.a,{onClick:function(e){var t='{"api":"deleteteVoiceCommand", "action":"get", "name": "'.concat(q.a,'", "command": "').concat(Z,'", "response": "').concat(te,'", "service": "').concat(C,'", "objectId": "').concat(se,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),_e(!1)},color:"primary"},jl("Confirm")))))},Tl=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Il={container:{textAlign:"center",margin:"20px"},buttonContainer:{display:"flex",justifyContent:"center",gap:"10px",marginBottom:"20px"},button:{padding:"10px 20px",fontSize:"16px",border:"none",borderRadius:"5px",backgroundColor:"#4CAF50",color:"white",cursor:"pointer",transition:"background-color 0.3s"},controlsContainer:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},videoContainer:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",width:"70%",height:"400px",maxWidth:"800px",borderRadius:"10px",overflow:"hidden"},remoteStream:{height:"400px",maxWidth:"800px",objectFit:"cover"},overlayRectangle:{position:"absolute",top:"50%",left:"50%",width:"30%",height:"80%",backgroundColor:"rgba(255, 0, 0, 0.3)",transform:"translate(-50%, -50%)",border:"2px solid #ff0000",zIndex:10}},Al=function(e){var t=e.startDetection,a=e.stopDetection,r=e.isCountingDown,l=e.isDone,i=e.onComputeHeartRate,c=localStorage.getItem("remoteId")||window.location.href.split("?")[1],s=Ba(),u=Object(v.a)(s,3),d=u[0],m=u[1],p=u[2],g=Ya(m,p),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)({horizontal:0,vertical:15}),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(!1),j=Object(v.a)(C,2),x=(j[0],j[1]),w=Object(n.useState)(!1),k=Object(v.a)(w,2),T=(k[0],k[1]),I=Object(n.useState)(c),A=Object(v.a)(I,2),M=A[0],N=(A[1],Object(n.useState)(null)),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(null),_=Object(v.a)(D,2),B=_[0],V=_[1],P=function(e){var t=e.width,a=e.height,n=Object.assign(document.createElement("canvas"),{width:t,height:a});return n.getContext("2d").fillRect(0,0,t,a),Object.assign(n.captureStream().getVideoTracks()[0],{enabled:!1})},J=new MediaStream([function(){var e=new AudioContext,t=e.createOscillator(),a=t.connect(e.createMediaStreamDestination());return t.start(),t.mute=!0,Object.assign(a.stream.getAudioTracks()[0],{enabled:!1})}(),P({width:320,height:240})]);Object(n.useEffect)((function(){null!=b&&F()}),[h]);var W=function(e){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return Array.from({length:e},(function(){return t.charAt(Math.floor(Math.random()*t.length))})).join("")},F=function(){var e='{"api":"echoCancel", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){return Object(q.b)(e)})),T(!0),function(){var e=b.connect(M);V(e),e.on("open",(function(){var t=W(8),a=qa.a.AES.encrypt(JSON.stringify({api:"head",horizontal:0,vertical:15}),t).toString();e.send("".concat(a,"+++").concat(t))})),e.on("data",(function(e){var t=JSON.parse(e);"photo"===(null===t||void 0===t?void 0:t.type)&&U(t.data,"image.jpg")}))}(),console.log("JOANNA remoteid ",M);var t=b.call(M,J,{constraints:{mandatory:{OfferToReceiveAudio:!1,OfferToReceiveVideo:!0}}});L(t),t.on("stream",(function(e){m(e),T(!1),x(!0)})),t.on("close",H)},H=function(){z&&(z.close(),L(null))},U=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()},G=function(e){for(var t=Object.assign(e,{api:"head"}),a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n="",o=0;o<8;o++){var r=Math.floor(Math.random()*a.length);n+=a.charAt(r)}console.log("RANDOM STRING ",n);var l=qa.a.AES.encrypt(JSON.stringify(t),n).toString();B.send(l.concat("+++").concat(n)),S(e)};return Object(n.useEffect)((function(){r||H()}),[r]),o.a.createElement("div",{style:Il.container},o.a.createElement("div",{style:Il.buttonContainer},o.a.createElement("button",{style:Il.button,onClick:function(){t(),F()}},Tl("Start Detection")),o.a.createElement("button",{style:Il.button,onClick:function(){a(),H()}},Tl("Stop")),!r&&l&&o.a.createElement("button",{style:Il.button,onClick:i},Tl("Get Heart Rate")),r&&l&&o.a.createElement("button",{style:Il.button,onClick:i},Tl("Retry"))),r&&o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{id:"video-container"},o.a.createElement("div",{id:"controls-container",style:Il.controlsContainer},o.a.createElement("div",{id:"menu"},o.a.createElement("div",{className:"keys"},o.a.createElement("button",{className:"up arr",onClick:function(){if(console.log(O),O.vertical<50){var e={horizontal:O.horizontal,vertical:O.vertical+10};G(e)}}},o.a.createElement("i",{className:"fa fa-arrow-up"}),"^"),o.a.createElement("br",null),o.a.createElement("button",{className:"left arr",onClick:function(){if(O.horizontal<80){var e={horizontal:O.horizontal+10,vertical:O.vertical};G(e)}}},o.a.createElement("i",{className:"fa fa-arrow-left "}),"<"),o.a.createElement("button",{className:"centre arr",onClick:function(){G({horizontal:0,vertical:15})}},o.a.createElement("i",{className:"fa fa-dot-circle-o"})),o.a.createElement("button",{className:"right arr",onClick:function(){if(O.horizontal>-80){var e={horizontal:O.horizontal-10,vertical:O.vertical};G(e)}}},o.a.createElement("i",{className:"fa fa-arrow-right"}),">"),o.a.createElement("br",null),o.a.createElement("button",{className:"down arr",onClick:function(){if(O.vertical>-50){var e={horizontal:O.horizontal,vertical:O.vertical-10};G(e)}}},o.a.createElement("i",{className:"fa fa-arrow-down"}),"v"))),o.a.createElement("div",{id:"remote-video",style:Il.videoContainer},o.a.createElement(Ha,{remoteStream:d,muteOrNot:!0,style:Il.remoteStream}),o.a.createElement("div",{style:Il.overlayRectangle})," "))))))},Ml=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};function Nl(e){var t=e.data;return o.a.createElement("div",{className:"custom-legend"},o.a.createElement("small",null,o.a.createElement("strong",null,Ml("Legend"))),t.map((function(e,t){return o.a.createElement("div",{key:t,className:"legend-item"},o.a.createElement("div",{className:"legend-color",style:{backgroundColor:e.color}}),o.a.createElement("small",null,o.a.createElement("span",{className:"legend-label"},Ml(e.label))))})))}var Rl,zl={container:{textAlign:"center",margin:"20px"},buttonContainer:{display:"flex",justifyContent:"center",gap:"10px",marginBottom:"20px"},button:{padding:"10px 20px",fontSize:"16px",border:"none",borderRadius:"5px",backgroundColor:"#4CAF50",color:"white",cursor:"pointer",transition:"background-color 0.3s"},countdown:{fontSize:"18px",color:"#333",margin:"10px 0"},instructions:{fontSize:"16px",color:"#777",marginTop:"10px"},progressBarContainer:{width:"80%",backgroundColor:"#e0e0e0",borderRadius:"5px",overflow:"hidden",margin:"10px auto",height:"20px"},progressBar:{height:"100%",backgroundColor:"#4CAF50",transition:"width 1s linear"}},Ll=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(60),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(!1),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)([]),y=Object(v.a)(E,2),O=(y[0],y[1]),S=Object(n.useState)([]),C=Object(v.a)(S,2),j=C[0],x=C[1],w=Object(n.useState)([]),k=Object(v.a)(w,2),T=k[0],I=k[1],A=Object(n.useState)([]),M=Object(v.a)(A,2),N=M[0],R=M[1],z=Object(n.useState)([]),L=Object(v.a)(z,2),D=L[0],_=L[1],B=Object(n.useState)([]),V=Object(v.a)(B,2),P=V[0],J=V[1],W=Object(n.useState)(!1),F=Object(v.a)(W,2),H=F[0],U=F[1],G=Object(n.useState)("Stopped"),Y=Object(v.a)(G,2);Y[0],Y[1];q.c.onmessage=function(e){if(console.log("Received ...",e.data),e.data.toString().includes("HEARTRATEVIDEODONE"))r(!1),s(0),p(!0);else if(e.data.toString().includes("HEARTRATEPROCESSDONE")){var t=JSON.parse(e.data);O(t.heartRate.map((function(e,t){return{x:t+1,y:e}}))),x(t.happy),R(t.sad),I(t.angry),_(t.surprised),J(t.rate),r(!1),s(0),h(!0),console.log("Done processing! you may check the logs now.")}},Object(n.useEffect)((function(){var e;return a&&1==c?(r(!1),s(0),p(!0)):a&&c>0?e=setTimeout((function(){s(c-1)}),1e3):a&&0===c&&(console.log("Done"),r(!1)),function(){return clearTimeout(e)}}),[a,c]);var Q=a?"".concat((60-c)/60*100,"%"):"0%",K=[{label:"Happy",data:j,color:"red"},{label:"Sad",data:N,color:"blue"},{label:"Angry",data:T,color:"green"},{label:"Surprised",data:D,color:"yellow"},{label:"Heart Rate",data:P,color:"pink"}],Z=Object(n.useState)(!1),X=Object(v.a)(Z,2),$=(X[0],X[1]);return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Ml("Heart Rate"),parentNode:"/technology-tools"}),o.a.createElement("div",{style:zl.container},a&&o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{style:zl.progressBarContainer},o.a.createElement("div",{style:Object(de.a)(Object(de.a)({},zl.progressBar),{},{width:Q})})),o.a.createElement("p",{style:zl.countdown},Ml("Countdown:")," ",c,"s")),!b&&o.a.createElement("p",{style:zl.instructions},Ml("Please make sure your face is in the center"),".")),!b&&!H&&o.a.createElement(Al,{startDetection:function(){return function(){r(!0),s(60),p(!1),h(!1),$(!1),U(!1);var e='{"api":"hrViCapStart", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}()},stopDetection:function(){r(!1),s(60),h(!1),$(!0),U(!1)},isCountingDown:a,isDone:m,onComputeHeartRate:function(){r(!0),s(60),U(!0);var e='{"api":"hrViCapProcess", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}}),b&&o.a.createElement("div",{style:{height:"300px"}},"                             ",o.a.createElement(Fr.Chart,{data:K,axes:[{primary:!0,type:"linear",position:"bottom"},{type:"linear",position:"left"}],tooltip:!0}),o.a.createElement(Nl,{data:K})))},Dl=re.a.div(Rl||(Rl=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),_l=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1];Object(n.useEffect)((function(){G()}),[]);return o.a.createElement(Dl,null,o.a.createElement(pe.a,{title:"Profile"}),o.a.createElement("h5",null,"Hi ",localStorage.getItem("userEmail"),","),o.a.createElement("br",null),"Review your details below",o.a.createElement("br",null),o.a.createElement("br",null),"Your username ",o.a.createElement("br",null),o.a.createElement(he.a,{value:localStorage.getItem("userEmail"),disabled:!0})," ",o.a.createElement("br",null),"Your email ",o.a.createElement("br",null),o.a.createElement(he.a,{value:localStorage.getItem("emailAccess"),disabled:!0})," ",o.a.createElement("br",null),"Update your password ",o.a.createElement("br",null),o.a.createElement(he.a,{value:a,onChange:function(e){return r(e.currentTarget.value)},type:"password"})," ",o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("i",null,c),o.a.createElement("br",null),o.a.createElement(xo.a,{color:"primary",onClick:function(){var e=localStorage.getItem("emailAccess"),t={method:"put",url:"https://cloud-api-389807.ue.r.appspot.com/user",headers:{"Content-Type":"application/json"},data:JSON.stringify({email:e,password:a})};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),s("You profile has been updated!")})).catch((function(e){console.log(e)}))}},"Save Changes"))},Bl=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).computeTitle=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},e.drawCard=function(){var t=["hearts","diamonds","clubs","spades"],a=["2","3","4","5","6","7","8","9","10","J","Q","K","A"];if(e.state.drawnCards.length>=20){var n=window.location.href,o=localStorage.getItem("remoteId")||"Matilda_229a-g",r=localStorage.getItem("remoteId");n.includes("remoteId")?(o=n.split("?")[1].split("=")[1].trim(),localStorage.setItem("remoteId",o),e.setState({remoteId:o})):r&&e.setState({remoteId:r}),e.setState({gameFinished:!0});var l={api:"vocalise",text:"Thank you for playing!",language:"en",emotion:"neutral",sound:"none",name:o};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(l))}))}else{var i,c,s;do{i=t[Math.floor(Math.random()*t.length)],c=a[Math.floor(Math.random()*a.length)],s={suit:i,rank:c}}while(e.state.drawnCards.some((function(e){return e.suit===i&&e.rank===c})));e.setState((function(e){return{drawnCards:[s].concat(Object(ee.a)(e.drawnCards))}}));var u=c;"A"==u?u="Ace":"J"==u?u="Jack":"Q"==u?u="Queen":"K"==u&&(u="King");var d=window.location.href,m=localStorage.getItem("remoteId")||"Matilda_229a-g",p=localStorage.getItem("remoteId");console.log("Mounting ...",d),d.includes("remoteId")?(m=d.split("?")[1].split("=")[1].trim(),console.log("Mounted ",m),localStorage.setItem("remoteId",m),e.setState({remoteId:m})):p&&e.setState({remoteId:p}),console.log(u,i);l={api:"vocalise",text:u+" of "+i,language:"en",emotion:"neutral",sound:"none",name:m};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(l))}))}},e.resetDeck=function(){Object(q.f)(q.c,(function(){Object(q.d)("Re-starting bingo card game. Please clear up your cards now")})),e.setState({drawnCards:[]})},e.finishGame=function(){Object(q.f)(q.c,(function(){Object(q.d)("Thank you for playing bingo with me")})),e.setState({drawnCards:[]})},e.stopGame=function(){window.location.href="/"},e.state={drawnCards:[],cardsPerRow:4,remoteId:"Matilda_229a-g",gameFinished:!1},e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.drawCard=e.drawCard.bind(Object(u.a)(e)),e.resetDeck=e.resetDeck.bind(Object(u.a)(e)),e.finishGame=e.finishGame.bind(Object(u.a)(e)),e.stopGame=e.stopGame.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=window.location.href,a=localStorage.getItem("remoteId"),n="Matilda_229a-g";console.log("Mounting ...",t),t.includes("remoteId")?(n=t.split("?")[1].split("=")[1].trim(),console.log("Mounted ",n),localStorage.setItem("remoteId",n),this.setState({remoteId:n})):a&&(this.setState({remoteId:a}),n=a),console.log("Using remoteId for welcome:",n),q.c.onmessage=function(t){t.data&&t.data.toString().includes("vocalise_done")&&(console.log("\u2705 Vocalise completed"),e.state.drawnCards.length>=20?(console.log("Game finished, showing thank you message"),e.setState({gameFinished:!0})):(console.log("Drawing next card"),setTimeout(e.drawCard,2e3)))};var o={api:"vocalise",text:"Welcome to bingo service. Let us start playing bingo now.",language:"en",emotion:"neutral",sound:"none",name:n};console.log("Sending welcome message:",o),Object(q.f)(q.c,(function(){console.log("Socket connected, sending welcome message"),q.c.send(JSON.stringify(o))}))}},{key:"componentWillUnmount",value:function(){q.c.onmessage=null}},{key:"render",value:function(){var e=this.state,t=e.drawnCards,a=(e.cardsPerRow,e.gameFinished);return o.a.createElement("div",{id:"main-menu-panel"},a&&o.a.createElement("div",{style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",backgroundColor:"#4CAF50",color:"white",padding:"50px",fontSize:"32px",fontWeight:"bold",borderRadius:"15px",textAlign:"center",zIndex:1e3,boxShadow:"0 4px 8px rgba(0,0,0,0.3)"}},"Done drawing!",o.a.createElement("br",null),"Thank you for playing!"),t.length>0&&o.a.createElement("div",null,o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0===t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""}))),o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0!==t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:0===t?"2px solid red":"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""})))))}}]),a}(n.Component),Vl=Object(De.a)((function(e){return{}}))(Bl),Pl=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).computeTitle=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},e.drawCard=function(){var t=window.location.href,a="Matilda_229a-g",n=localStorage.getItem("remoteId");if(n&&(a=n),console.log("Mounting ...",t),t.includes("remoteId")&&(a=t.split("?")[1].split("=")[1].trim(),console.log("Mounted ",a),localStorage.setItem("remoteId",a),e.setState({remoteId:a})),20==e.state.drawnCards.length){var o={api:"vocalise",text:"All cards has been drawn. Please re-start the game",language:"en",emotion:"neutral",sound:"none",name:a};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(o))}))}else{!function(){var t;console.log("Remote ",a);do{t=Math.floor(20*Math.random())+1}while(e.state.drawnCards.some((function(e){return e.number===t})));var n=t.toString().split("").map(Number),r=n.join(" ");n.length>1?(o={api:"vocalise",text:t.toString()+". "+r,language:"en",emotion:"neutral",sound:"none",name:a},Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(o))}))):(o={api:"vocalise",text:r+". "+r+" on its own",language:"en",emotion:"neutral",sound:"none",name:a},Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(o))})));var l={number:t};e.setState((function(e){return{drawnCards:[l].concat(Object(ee.a)(e.drawnCards))}}))}()}},e.resetDeck=function(){Object(q.f)(q.c,(function(){Object(q.d)("Re-starting bingo card game. Please clear up your cards now")})),e.setState({drawnCards:[]})},e.finishGame=function(){Object(q.f)(q.c,(function(){Object(q.d)("Thank you for playing bingo with me")})),e.setState({drawnCards:[]})},e.state={drawnCards:[],cardsPerRow:4,maxNumber:20},e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.drawCard=e.drawCard.bind(Object(u.a)(e)),e.resetDeck=e.resetDeck.bind(Object(u.a)(e)),e.finishGame=e.finishGame.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=window.location.href,a="Matilda_229a-g";console.log("Mounting ...",t);var n=localStorage.getItem("remoteId");t.includes("remoteId")?(a=t.split("?")[1].split("=")[1].trim(),console.log("Mounted ",a),localStorage.setItem("remoteId",a),this.setState({remoteId:a})):n&&(this.setState({remoteId:n}),a=n),console.log("Using remoteId for welcome:",a),q.c.onmessage=function(t){t.data&&t.data.toString().includes("vocalise_done")&&(console.log("\u2705 Vocalise completed, drawing next card"),setTimeout(e.drawCard,2e3))};var o={api:"vocalise",text:"Welcome to bingo service. Let us start playing bingo now.",language:"en",emotion:"neutral",sound:"none",name:a};console.log("Sending welcome message:",o),Object(q.f)(q.c,(function(){console.log("Socket connected, sending welcome message"),q.c.send(JSON.stringify(o))}))}},{key:"componentWillUnmount",value:function(){q.c.onmessage=null}},{key:"render",value:function(){var e=this.state.drawnCards,t=this.props.classes;return o.a.createElement("div",{id:"main-menu-panel"},e.length>0&&o.a.createElement("div",null,o.a.createElement("div",{className:t.cardContainer},e.map((function(e,a){return 0==a&&o.a.createElement("div",{key:a,className:0===a?t.firstCard:t.otherCard},o.a.createElement("div",{className:t.fixedBorder},e.number))}))),o.a.createElement("div",{className:t.cardContainer},e.map((function(e,a){return 0!=a&&o.a.createElement("div",{key:a,className:0===a?t.firstCard:t.otherCard},o.a.createElement("div",{className:t.fixedBorderSmaller},e.number))})))))}}]),a}(n.Component),Jl=Object(De.a)((function(e){return{cardContainer:{display:"flex",flexWrap:"wrap",justifyContent:"center"},card:{marginRight:"10px",marginBottom:"10px",border:"2px solid red",borderRadius:"8px",padding:"10px",textAlign:"center"},firstCard:{fontSize:"200px",color:"orange"},otherCard:{fontSize:"72px",color:"orange"},fixedBorder:{border:"2px solid gray",borderRadius:"8px",padding:"10px",textAlign:"center",width:"350px",margin:"10px",backgroundColor:"orange",color:"white"},fixedBorderSmaller:{border:"2px solid gray",borderRadius:"8px",padding:"10px",textAlign:"center",width:"150px",margin:"10px"}}}))(Pl);var Wl=function(e){var t=e.resultList.filter((function(e){return!0===e})).length,a=Math.floor(e.timerLimit/e.oneQuesAttemptTime),n=Math.floor(t/e.resultList.length*100);return o.a.createElement("div",{className:"col-10 offset-1 main-content display-result","data-item":e.resultList},o.a.createElement("p",null,"Your score : ",t," / ",e.resultList.length),o.a.createElement("ul",null,o.a.createElement("li",{className:"win-lose"},n>=80&&e.resultList.length>a?o.a.createElement("span",{className:"winner-label"},"Congrats, You Won!"):o.a.createElement("span",{className:"loser-label"},"Score (",n>=80?" "+a+" - Questions should be attempted":" As Accuracy is below 80%",")")),o.a.createElement("li",null,"Total time-frame - ",o.a.createElement("b",null,e.timerLimit," seconds.")),o.a.createElement("li",null,"Total Questions Attempted - ",o.a.createElement("b",null,e.resultList.length)),o.a.createElement("li",null,"Correct Answer - ",o.a.createElement("b",null,t)),o.a.createElement("li",null,"Accuracy - ",o.a.createElement("b",null,isNaN(n)?0:n," %"))))},Fl=function(e){var t=e.state.qIndex;if(t==e.state.questions.length)e.state.endOfQuiz=!0;else{var a=e.state.questions[e.state.qIndex];Ul(e,a.image),e.setState({question:a.text,correctAnswer:a.answer,setOfAnswer:a.options,showContinueBtn:!1,qIndex:t+1,imageUrl:"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAHwAugMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDB//EABgQAQEBAQEAAAAAAAAAAAAAAAABETFB/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oADAMBAAIRAxEAPwD2qKkVtkipFBQ0QAAAAWKgiiooCKgBQoiAKAAAAMERYosVFgLAEAAAAFVBFFQAAABBABQAAABziosUVYk4sBQEAAAAAAFAQA0ARUUAAAAANgOcVFaFWMqgoSiCgAAAAAAAAAAAAAAAGAK5LEitIoEQaDSARUWIAAAAAAAAAAAAAACaqA5rGdaaFEVBVjKgqsxQUBAAAAAAAAAAABAVDUByjUZi60mNCKKoioLFQBVTQFEVAAABAX0AAEAKlFAQByixFnWoiqzGohVAFVUEBUUFGdUFNZ1QURNBpNADTRAA1FFQAf/Z",hasPhoto:!0}),Object(q.d)(a.text)}},Hl=function(e,t){var a='{"action":"getQuizSpecific", "name":"'.concat(q.a,'", "title": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},Ul=function(e,t){if(""==t)e.setState({hasPhoto:!1});else{var a='{"action":"getITQzPhoto","name":"'.concat(q.a,'", "photo":"').concat(t,'"}');Object(q.f)(q.c,(function(){q.c.send(a)})),h.getPhoto(t).then((function(t){e.setState({imageUrl:t.data,hasPhoto:!0})}),(function(e){e.response&&e.response.data||e.message||e.toString()}))}},ql=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).state=a.initialState(),n.showResult=function(){n.setState({isTimerReached:!0,showContinueBtn:!1})},n.resetQuiz=function(){Object(u.a)(n);n.setState(a.initialState()),Hl(0,n.props.quizid)},n.newPuzzle=function(){var e,t=Object(u.a)(n),a=document.querySelectorAll(".item-options .option"),o=Object(Ue.a)(a);try{for(o.s();!(e=o.n()).done;){var r=e.value;r.classList.remove("red","green"),r.disabled=!1}}catch(l){o.e(l)}finally{o.f()}n.setState({imageUrl:""}),Fl(t)},n.enableContinueBtn=function(e){n.setState((function(t){return{showContinueBtn:!0,savedResult:t.savedResult.concat(e)}}))},n.enableContinueBtn=n.enableContinueBtn.bind(Object(u.a)(n)),n.newPuzzle=n.newPuzzle.bind(Object(u.a)(n)),n.showResult=n.showResult.bind(Object(u.a)(n)),n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=this.props.quizid;Hl(0,t),q.c.onmessage=function(t){var a=t.data.substring(0,t.data.length-1);if(a.includes("options")&&a.includes("text")&&a.includes("image")){console.log("Quiz ",t.data);var n=JSON.parse(t.data);n=n.quiz,e.setState({questions:n}),Fl(e)}else console.log("DATA ",t.data)}}},{key:"render",value:function(){var e=this.state,t=e.imageUrl,a=e.question,n=e.correctAnswer,r=e.setOfAnswer,l=e.showContinueBtn,i=e.timerLimit,c=e.savedResult,s=e.oneQuesAttemptTime,u=e.hasPhoto;return o.a.createElement("div",{className:"container-fluid"},this.state.isTimerReached||this.state.endOfQuiz?o.a.createElement("div",null,o.a.createElement(Wl,{resultList:c,timerLimit:i,oneQuesAttemptTime:s}),o.a.createElement(wt,{resetQuiz:this.resetQuiz})):o.a.createElement(o.a.Fragment,null,o.a.createElement(Et,{question:a}),o.a.createElement(vt,{imageUrl:t,correctAnswer:n,setOfAnswer:r,showContinueBtn:l,enableContinueBtn:this.enableContinueBtn,timerLimit:i,showResult:this.showResult,hasPhoto:u})),l&&!this.state.endOfQuiz&&o.a.createElement(Lt,{newPuzzle:this.newPuzzle}),o.a.createElement(xt,null))}}]),a}(n.Component);ql.initialState=function(){return{imageUrl:"",question:"",correctAnswer:"",setOfAnswer:[],savedResult:[],showContinueBtn:!1,timerLimit:60,isTimerReached:!1,oneQuesAttemptTime:60,questions:[],qIndex:0,endOfQuiz:!1,hasPhoto:!1}};var Gl=ql,Yl=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).computeTitle=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},e.drawCard=function(){var t=["hearts","diamonds","clubs","spades"],a=["2","3","4","5","6","7","8","9","10","J","Q","K","A"],n=t[Math.floor(Math.random()*t.length)],o=a[Math.floor(Math.random()*a.length)],r={suit:n,rank:o};e.setState((function(e){return{drawnCards:[r].concat(Object(ee.a)(e.drawnCards))}}));var l=o;"A"==l?l="One":"J"==l?l="Jack":"Q"==l?l="Queen":"K"==l&&(l="King");var i=window.location.href,c="Matilda_229a-g";console.log("Mounting ...",i),i.includes("remoteId")&&(c=i.split("?")[1].split("=")[1].trim(),console.log("Mounted ",c),localStorage.setItem("remoteId",c),e.setState({remoteId:c})),console.log(l,n);var s={api:"vocEnRuSe",phrase:l+" of "+n,language:"en",emotion:"neutral",sound:"none",name:c};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(s))})),setTimeout(e.drawCard,3e4)},e.resetDeck=function(){Object(q.f)(q.c,(function(){Object(q.d)("Re-starting bingo card game. Please clear up your cards now")})),e.setState({drawnCards:[]})},e.finishGame=function(){Object(q.f)(q.c,(function(){Object(q.d)("Thank you for playing bingo with me")})),e.setState({drawnCards:[]})},e.state={drawnCards:[],cardsPerRow:4,remoteId:"Matilda_229a-g"},e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.drawCard=e.drawCard.bind(Object(u.a)(e)),e.resetDeck=e.resetDeck.bind(Object(u.a)(e)),e.finishGame=e.finishGame.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=window.location.href,t="Matilda_229a-g";console.log("Mounting ...",e),e.includes("remoteId")&&(t=e.split("?")[1].split("=")[1].trim(),console.log("Mounted ",t),localStorage.setItem("remoteId",t),this.setState({remoteId:t}));var a={api:"vocalise",text:"Welcome to bingo service. Let us start playing bingo now.",language:"en",emotion:"neutral",sound:"none",name:t};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(a))})),setTimeout(this.drawCard,8e3)}},{key:"render",value:function(){var e=this.state,t=e.drawnCards;e.cardsPerRow;return o.a.createElement("div",{id:"main-menu-panel"},t.length>0&&o.a.createElement("div",null,o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0===t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""}))),o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0!==t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:0===t?"2px solid red":"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""})))))}}]),a}(n.Component),Ql=Object(De.a)((function(e){return{}}))(Yl),Kl=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Zl=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1];q.c.onmessage=function(e){if(console.log("MESSAGE ",e.data),e.data){var t=JSON.parse(e.data);if(e.data.toString().includes("conve-questions")&&t["conve-questions"]){var a=t["conve-questions"].conversationData;r(a)}}};return Object(n.useEffect)((function(){var e='{"api":"conve-questions", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}),[]),o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Kl("Conversation Question"),parentNode:"/technology-tools"}),o.a.createElement("div",{style:{padding:"20px"}}," ",o.a.createElement(me.a,{onClick:function(){var e=prompt("Enter the new question:");if(e){r([].concat(Object(ee.a)(a),[e])),console.log("NEW QUESTION ",[].concat(Object(ee.a)(a),[e]));var t=JSON.stringify([].concat(Object(ee.a)(a),[e])),n='{"api":"conve-createques", "action":"get", "name": "'.concat(q.a,'", "questions": ').concat(t,"}");console.log("Joanna ...",n),Object(q.f)(q.c,(function(){Object(q.b)(n)}))}},variant:"outlined"},Kl("Add New Entry")),o.a.createElement(me.a,{onClick:function(){window.location=window.location.origin+"/manage-conversation"},variant:"outlined"},Kl("Conversation Context")),o.a.createElement("table",{style:{width:"100%",marginTop:"10px"}},o.a.createElement("thead",null,o.a.createElement("tr",null,o.a.createElement("th",{style:{textAlign:"left"}},Kl("Question")),o.a.createElement("th",{style:{textAlign:"left"}},Kl("Action")))),o.a.createElement("tbody",null,a.map((function(e,t){return o.a.createElement("tr",{key:t},o.a.createElement("td",null,Kl(e)),o.a.createElement("td",null,o.a.createElement(me.a,{onClick:function(){return function(e){var t=a.filter((function(t,a){return a!==e}));r(t);var n=JSON.stringify(t),o='{"api":"conve-createques", "action":"get", "name": "'.concat(q.a,'", "questions": ').concat(n,"}");console.log("Joanna ...",o),Object(q.f)(q.c,(function(){Object(q.b)(o)}))}(t)},variant:"outlined"},Kl("Delete"))))}))))))};var Xl,$l=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(null),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],p=d[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:"Command Control"}),o.a.createElement("div",{className:"phone-container"},o.a.createElement("div",{className:"transcription-app"},o.a.createElement("h3",{className:"title"},"Voice Command"),o.a.createElement("br",null),o.a.createElement("div",{className:"buttons"},m?o.a.createElement("button",{onClick:function(){c&&(c.stop(),r(""),p(!1))}},"Stop Transcription"):o.a.createElement("button",{onClick:function(){var e=new window.webkitSpeechRecognition;e.lang="en-US",e.continuous=!0,e.interimResults=!0,e.onresult=function(e){for(var t=e.resultIndex;t<e.results.length;t++)e.results[t].isFinal?r(a+" "+e.results[t][0].transcript):e.results[t][0].transcript},e.start(),s(e),p(!0)}},"Start Transcription"),o.a.createElement("button",{onClick:function(){if(c){c.stop(),console.log("Final transcription ...",a);var e='{"api":"cmdContrl", "phrase":"'.concat(a,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),r(""),p(!1)}}},"Send Transcription")),o.a.createElement("div",{className:"transcription"},a),m&&o.a.createElement("div",{className:"recording-indicator"},o.a.createElement("div",{className:"wave"}),o.a.createElement("div",{className:"wave"}),o.a.createElement("div",{className:"wave"}))),o.a.createElement("style",{jsx:!0},"\n        .phone-container {\n          display: flex;\n          justify-content: center;\n          align-items: flex-start; /* Adjusted to align items at the top */\n          height: 100vh;\n          background-color: transparent; /* Removed background color */\n          padding-top: 20px; /* Reduced top padding */\n        }\n\n        .transcription-app {\n          width: 280px; /* Reduced width */\n          height: 350px; /* Further reduced height */\n          background-color: white;\n          border: 2px solid #ccc;\n          border-radius: 20px;\n          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          padding: 10px; /* Reduced padding */\n          box-sizing: border-box;\n        }\n\n        .title {\n          margin-bottom: 10px; /* Reduced margin */\n          font-size: 1.5em;\n          color: #333;\n        }\n\n        .buttons {\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n          width: 100%;\n        }\n\n        .transcription {\n          margin-top: 10px; /* Reduced margin */\n          width: 100%;\n          height: 100px; /* Adjusted height */\n          overflow-y: auto;\n          padding: 10px;\n          border: 1px solid #ccc;\n          border-radius: 10px;\n          background-color: #fafafa;\n        }\n\n        .recording-indicator {\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-top: 10px; /* Reduced margin */\n        }\n\n        .wave {\n          width: 10px;\n          height: 10px;\n          margin: 5px;\n          background-color: red;\n          border-radius: 50%;\n          animation: wave 1.2s infinite ease-in-out;\n        }\n\n        .wave:nth-child(1) {\n          animation-delay: -0.24s;\n        }\n\n        .wave:nth-child(2) {\n          animation-delay: -0.12s;\n        }\n\n        .wave:nth-child(3) {\n          animation-delay: 0;\n        }\n\n        @keyframes wave {\n          0%, 80%, 100% {\n            transform: scale(0);\n          }\n          40% {\n            transform: scale(1);\n          }\n        }\n      ")))},ei=function(){Object(p.f)();var e=localStorage.getItem("remoteId");Object(n.useEffect)((function(){}),[]);var t=localStorage.getItem("remoteId")||window.location.href.split("/")[4],a=Wa(),r=Ba(),l=Object(v.a)(r,3),i=l[0],c=l[1],s=l[2],u=Pa(c,s),d=Object(v.a)(u,3),m=d[0],g=(d[1],d[2],Object(n.useState)(!1)),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(t),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)({horizontal:0,vertical:15}),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(null),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(!1),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(!1),H=Object(v.a)(F,2),U=H[0],G=H[1],Y=Object(n.useState)(!0),Q=Object(v.a)(Y,2),K=Q[0],Z=Q[1],X=function(){var e=Object(te.a)($.a.mark((function e(t){return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log("Sending message: ",t),null!==_){e.next=3;break}return e.abrupt("return");case 3:_.send(JSON.stringify(t));case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),ee=function(){var e=Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("Joanna is here"),t=m.connect(x),B(t),t.on("open",(function(){console.log("Connection Opened");for(var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",a="",n=0;n<8;n++){var o=Math.floor(Math.random()*e.length);a+=e.charAt(o)}console.log("RANDOM STRING ",a);var r=qa.a.AES.encrypt(JSON.stringify({api:"head",horizontal:0,vertical:15}),a).toString();console.log("encryptedData ",r.concat("+++").concat(a)),t.send(r.concat("+++").concat(a))})),t.on("error",(function(e){console.log("Connection error",e)})),t.on("data",(function(e){var t=JSON.parse(e);t&&("photo"===t.type?Je(t.data,"image.jpg"):t.includes("error")&&(console.log(t),console.log(t.error)))}));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();function ae(){var e=!J;a.getAudioTracks().forEach((function(t){return t.enabled=!e})),W(e),G(e)}var ne=function(){console.log("STARTING CALL");console.log("Call matilda_aa2"),m.call("Matilda_aa2",a,{constraints:{mandatory:{OfferToReceiveAudio:!0,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}}),console.log("Call matilda 229a-g1")},oe=Object(n.useState)(!1),re=Object(v.a)(oe,2),le=re[0],ie=re[1],ce=Object(n.useState)(!1),se=Object(v.a)(ce,2),ue=se[0],de=se[1],he=Object(n.useState)("Scanning devices..."),Ee=Object(v.a)(he,2),Oe=(Ee[0],Ee[1]),Se=Object(n.useState)(""),Ce=Object(v.a)(Se,2),je=Ce[0],xe=Ce[1],we=Object(n.useState)([]),ke=Object(v.a)(we,2),Te=(ke[0],ke[1]),Ie=Object(n.useState)(""),Ae=Object(v.a)(Ie,2),Me=Ae[0],Ne=(Ae[1],function(){var e='{"api":"handleScan", "action":"get", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e),ie(!0)}))}),Re=function(){Oe("Scanning devices..."),ie(!1),xe(),Te([]),de(!1)},ze=function(){var t=Object(te.a)($.a.mark((function t(n){var o,r,l,i;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:Object(q.f)(q.c,(function(){Object(q.d)("Trying to connect with "+n)})),o='{"api":"onStopSingleThread", "action":"get","name": "'.concat(e,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(o)})),r='{"api":"echoCancel", "action":"get","name": "'.concat(e,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(r)})),S(!0),ee(),l={constraints:{mandatory:{OfferToReceiveAudio:!0,OfferToReceiveVideo:!0},offerToReceiveAudio:1,offerToReceiveVideo:1}},console.log("REMOTE ID ",n),i=m.call(n,a,l),z(i),i.on("stream",(function(e){c(e),S(!1),h(!0)})),i.on("close",(function(){console.log("call closed"),s(),S(!1),h(!1),null!==i&&i.close()})),i.on("error",(function(e){console.log("call error",e),s(),S(!1),h(!1),null!==i&&i.close()}));case 14:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();var Le=function(){var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},De=function(){console.log("SEND RELOAD CHROME");var t='{"api":"reloadThisChrome", "action":"reloadThisChrome", "name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},_e=function(e){for(var t=Object.assign(e,{api:"head"}),a="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",n="",o=0;o<8;o++){var r=Math.floor(Math.random()*a.length);n+=a.charAt(r)}console.log("RANDOM STRING ",n);var l=qa.a.AES.encrypt(JSON.stringify(t),n).toString();_.send(l.concat("+++").concat(n)),A(e)};function Ve(){!function(t){var a='{"api":"handleStartCastSite", "action":"start", "url": "https://polar-equinox-385601.ue.r.appspot.com/", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),S(!0),console.log("DONE CASTING"),setTimeout(ne,2e4)}()}function Pe(){console.log("CAST TO DEVICE"),null==localStorage.getItem("castDevice")?alert("No selected casting device!"):(console.log("DEVICE AUDIOOOOOOOOOOOOOOO"),ze(x),setTimeout(Ve,5e3),de(!1))}var Je=function(e,t){var a="data:image/jpg;base64,".concat(e),n=document.createElement("a");n.href=a,n.download=t,n.click()},We=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage")||"English";return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:""},o.a.createElement(pe.a,{title:We("Call"),parentNode:"/friends-and-relatives",onClick:function(e){e.preventDefault(),console.log("Joanna is here also")}}),o.a.createElement(ge.a,{open:le,onClose:Re,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Re},"Scan Devices"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Re,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",je,e.currentTarget.value,Me),Oe("Scanning devices..."),ie(!1),xe(),Te([])},value:je,color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:ue,onClose:Re,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Re},We("Choose Video Call Type")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(me.a,{onClick:function(){ze(x),de(!1)},size:"small",type:"primary",variant:"outlined"},"Don't cast"),o.a.createElement("br",null),o.a.createElement(me.a,{onClick:Pe,size:"small",type:"primary",variant:"outlined"},"Cast to TV: Use TV audio"),o.a.createElement("br",null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Ne,color:"primary"},"Scan Devices"),o.a.createElement(me.a,{onClick:Re,color:"primary"},"Cancel"))),o.a.createElement("div",{id:"call-controls",className:b?"":"hidden"},o.a.createElement("button",{className:"btn btn-large",onClick:function(){Le(),null!==R&&(s(R.peer),R.close(),De(),X("Close Call"),z(null))}},"End Call"),o.a.createElement("button",{className:"btn btn-large",onClick:function(){console.log("Allow visitor");var t='{"api":"handleStartCastSite", "name": "'.concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},"Allow"),o.a.createElement("button",{className:"btn btn-large",onClick:function(){console.log("Do not allow visitor")}},"Do not Allow"),o.a.createElement("button",{className:"btn btn-large",onClick:function(){console.log("TOGGLE VIDEO");var e=!K;a.getVideoTracks().forEach((function(t){return t.enabled=!e})),Z(e)}},"Toggle Video"),o.a.createElement("button",{onClick:ae,className:J?"hidden":"btn btn-large"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M3 3L21 21",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M9 9V9C9 11.7614 11.2386 14 14 14V14M15 10.5V5C15 3.34315 13.6569 2 12 2V2C10.3431 2 9 3.34315 9 5V5.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M5 10V11C5 14.866 8.13401 18 12 18V18V18C15.866 18 19 14.866 19 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M12 18V22M12 22H9M12 22H15",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Mute Yourself"),o.a.createElement("button",{onClick:ae,className:J?"btn btn-large":"hidden"},o.a.createElement("svg",{width:"18",height:"18",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("path",{d:"M21 14L21 18",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M21 22.01L21.01 21.9989",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("rect",{x:"7",y:"2",width:"6",height:"12",rx:"3",stroke:"currentColor",strokeWidth:"1.5"}),o.a.createElement("path",{d:"M3 10V11C3 14.866 6.13401 18 10 18V18V18C13.866 18 17 14.866 17 11V10",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),o.a.createElement("path",{d:"M10 18V22M10 22H7M10 22H13",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),"Unmute Yourself")),o.a.createElement("div",{id:"call-box",className:b?"hidden":""},o.a.createElement("div",null,o.a.createElement(_a,null)),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",{id:"connection-status",className:O?"":"hidden"},O?"Connecting ...":""),o.a.createElement("div",{className:b?"hidden":"call-form, content-area"},o.a.createElement("h4",null,We("Please Enter ID to call")),o.a.createElement("input",{type:"text",className:"form-control form-rounded",value:x,onChange:function(e){w(e.target.value)}}),o.a.createElement("span",{onClick:function(){ze(x)},id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We(O?"Connecting":"Connect")),"\xa0",o.a.createElement("span",{onClick:Pe,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We(O?"Connecting":"Cast to TV with TV audio")),"\xa0",o.a.createElement("span",{onClick:Ne,id:"connect-btn",className:"btn btn-large"},o.a.createElement("img",{src:"/images/loading.svg",alt:"Loading",className:O?"loading":"hidden"}),We("Scan Devices")),"\xa0")))),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-12"},o.a.createElement("div",{className:b?"":"hidden",id:"video-container"},o.a.createElement("div",{id:"controls-container"},o.a.createElement("div",{id:"menu"},o.a.createElement("div",{className:"keys"},o.a.createElement("button",{className:"centre arr",onClick:function(){X({api:"take_photo",send_to:"192.168.163.30:8000/photo"})}},o.a.createElement("i",{className:"fa fa-camera"})),o.a.createElement("br",null),o.a.createElement("button",{className:"up arr",onClick:function(){if(console.log(I),I.vertical<50){var e={horizontal:I.horizontal,vertical:I.vertical+10};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-up"})),o.a.createElement("br",null),o.a.createElement("button",{className:"left arr",onClick:function(){if(I.horizontal<80){var e={horizontal:I.horizontal+10,vertical:I.vertical};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-left "})),o.a.createElement("button",{className:"centre arr",onClick:function(){_e({horizontal:0,vertical:15})}},o.a.createElement("i",{className:"fa fa-dot-circle-o"})),o.a.createElement("button",{className:"right arr",onClick:function(){if(I.horizontal>-80){var e={horizontal:I.horizontal-10,vertical:I.vertical};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-right"})),o.a.createElement("br",null),o.a.createElement("button",{className:"down arr",onClick:function(){if(I.vertical>-50){var e={horizontal:I.horizontal,vertical:I.vertical-10};_e(e)}}},o.a.createElement("i",{className:"fa fa-arrow-down"}))))),o.a.createElement("div",{id:"remote-video"},o.a.createElement(Ha,{remoteStream:i,muteOrNot:U})))))),o.a.createElement("link",{href:"//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}))},ti=re.a.div(Xl||(Xl=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function ai(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var ni,oi,ri,li,ii,ci,si,ui,di,mi,pi,gi,fi,bi,hi,vi,Ei,yi,Oi,Si=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)("https://cloud-api-389807.ue.r.appspot.com/"),u=Object(v.a)(s,2),d=u[0],m=(u[1],Object(n.useState)("")),g=Object(v.a)(m,2),b=g[0],h=g[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(""),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(""),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(""),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(""),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(""),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(!1),H=Object(v.a)(F,2),U=H[0],q=H[1],G=Object(p.f)();Object(n.useEffect)((function(){"ADMIN"!==localStorage.getItem("userRole")&&G.push("/home"),f.a.get(d+"resident").then((function(e){r(e.data.data),c(!0)}))}),[]);var Y=o.a.useMemo((function(){return[{Header:"Name",accessor:"name"},{Header:"Unit",accessor:"unit"},{Header:"Contact number",accessor:"phone"},{Header:"Robot ID",accessor:"robot_id"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.index,onClick:K},"Edit"),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values.robot_id+"|"+t.row.values.name,onClick:Z},"Delete"))}}]}),[]),Q=function(){S(!1),q(!1),w(""),A(""),B("")},K=function(e){var t=e.currentTarget.value;f.a.get(d+"resident").then((function(e){console.log("joanna ",t,e.data);var a=e.data.data[t];console.log(a),B(a.robot_id),W(a.robot_id),w(a.name),z(a.phone),A(a.unit),q(!0),h("Update Robot")}))},Z=function(e){var t=e.currentTarget.value.split("|"),a=Object(v.a)(t,2),n=a[0],o=a[1];console.log("JOANNA ...",n,o);var l={method:"delete",url:d+"resident?robot_id="+n.trim()+"&name="+o.trim(),headers:{}};f.a.request(l).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){f.a.get(d+"resident").then((function(e){r(e.data.data),c(!0)}))}))},X=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(ti,null,o.a.createElement(pe.a,{title:X("Manage Resident")}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){"add"==e.currentTarget.value?h("Add Resident"):h("Update Resident"),S(!0)}},X("Add Resident")),o.a.createElement(ai,{columns:Y,data:a}),o.a.createElement(ge.a,{open:O,onClose:Q,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Q},b),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Name",defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Unit",defaultValue:I,inputProps:{maxLength:200},onChange:function(e){A(e.target.value)},value:I,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Contact Number",defaultValue:R,inputProps:{maxLength:200},onChange:function(e){z(e.target.value)},value:R,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Robot ID",defaultValue:_,inputProps:{maxLength:200},onChange:function(e){B(e.target.value)},value:_,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Q,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){var e=JSON.stringify({robot_id:_,name:x,unit:I,phone:R}),t={method:"post",url:d+"resident",headers:{"Content-Type":"application/json"},data:e};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){w(""),A(""),B(""),f.a.get(d+"resident").then((function(e){r(e.data.data),c(!0),S(!1)}))}))},color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:U,onClose:Q,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Q},b),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Name",defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Unit",defaultValue:I,inputProps:{maxLength:200},onChange:function(e){A(e.target.value)},value:I,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Contact Number",defaultValue:R,inputProps:{maxLength:200},onChange:function(e){z(e.target.value)},value:R,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Robot ID",defaultValue:_,inputProps:{maxLength:200},onChange:function(e){B(e.target.value)},value:_,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Q,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(){var e={method:"put",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/resident",headers:{"Content-Type":"application/json"},data:JSON.stringify({orig_robot:J,new_robot:_,name:x,unit:I,phone:R})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){w(""),A(""),B(""),f.a.get(d+"resident").then((function(e){r(e.data.data),c(!0),q(!1)}))}))},color:"primary"},"Submit"))))},Ci=re.a.div(ni||(ni=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th {\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color: #6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"]))),ji=re.a.input(oi||(oi=Object(oe.a)(["\n  padding: 10px;\n  margin: 10px;\n  font-size: 16px;\n"]))),xi=re.a.button(ri||(ri=Object(oe.a)(["\n  padding: 10px 20px;\n  margin: 10px;\n  font-size: 16px;\n  cursor: pointer;\n  background-color: #4caf50;\n  color: white;\n  border: none;\n  &:hover {\n    background-color: #45a049;\n  }\n"]))),wi=re.a.select(li||(li=Object(oe.a)(["\n  padding: 10px;\n  margin: 10px;\n  font-size: 16px;\n"]))),ki=re.a.table(ii||(ii=Object(oe.a)(["\n  width: 80%;\n  margin: 20px auto;\n  border-collapse: collapse;\n"]))),Ti=re.a.th(ci||(ci=Object(oe.a)(["\n  border: 1px solid #ddd;\n  padding: 8px;\n  background-color: #4caf50;\n  color: white;\n"]))),Ii=re.a.tr(si||(si=Object(oe.a)(["\n  &:nth-child(even) {\n    background-color: #f2f2f2;\n  }\n\n  &:hover {\n    background-color: #ddd;\n  }\n"]))),Ai=re.a.td(ui||(ui=Object(oe.a)(["\n  border: 1px solid #ddd;\n  padding: 8px;\n"]))),Mi=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)("conv_music.json"),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),f=Object(v.a)(g,2),b=f[0];f[1];Object(n.useEffect)((function(){q.c.onmessage=function(e){var t=JSON.parse(e.data);t.strings&&p(t.strings)}})),Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t='{"api":"conSetGet", "service":"'.concat(c,'", "name": "').concat(e,'", "robot_id": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}),[c]);return o.a.createElement(Ci,null,o.a.createElement(pe.a,{title:"Conversation",parentNode:"/technology-tools"}),o.a.createElement(ji,{type:"text",value:a,onChange:function(e){return r(e.target.value)},placeholder:"Enter a string"}),o.a.createElement(wi,{value:c,onChange:function(e){return s(e.target.value)}},o.a.createElement("option",{value:"conv_music.json"},"MUSIC"),o.a.createElement("option",{value:"conv_book.json"},"BOOK"),o.a.createElement("option",{value:"conv_detection.json"},"DETECTION"),o.a.createElement("option",{value:"conv_movie.json"},"MOVIE"),o.a.createElement("option",{value:"conv_weather.json"},"WEATHER"),o.a.createElement("option",{value:"conv_time.json"},"TIME"),o.a.createElement("option",{value:"conv_date.json"},"DATE"),o.a.createElement("option",{value:"conv_call.json"},"CALL"),o.a.createElement("option",{value:"conv_topic.json"},"TOPIC")),o.a.createElement(xi,{onClick:function(){var e=localStorage.getItem("remoteId"),t='{"api":"conSetPost", "service":"'.concat(c,'", "new_string": "').concat(a,'", "name": "').concat(e,'", "robot_id": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},"Add String"),b&&o.a.createElement("p",{style:{color:"red"}},b),o.a.createElement(ki,null,o.a.createElement("thead",null,o.a.createElement("tr",null,o.a.createElement(Ti,null,"#"),o.a.createElement(Ti,null,"String"),o.a.createElement(Ti,null,"Service"),o.a.createElement(Ti,null,"Action"))),o.a.createElement("tbody",null,m.map((function(e,t){return o.a.createElement(Ii,{key:t},o.a.createElement(Ai,null,t+1),o.a.createElement(Ai,null,e),o.a.createElement(Ai,null,c),o.a.createElement(Ai,null,o.a.createElement(xi,{onClick:function(){return function(e){var t=localStorage.getItem("remoteId"),a='{"api":"conSetDelete", "service":"'.concat(c,'", "new_string": "').concat(e,'", "name": "').concat(t,'", "robot_id": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}(e)}},"Delete")))})))))},Ni=re.a.div(di||(di=Object(oe.a)(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n    background-color: #f4f4f9;\n    font-family: Arial, sans-serif;\n"]))),Ri=re.a.h1(mi||(mi=Object(oe.a)(["\n    color: #333;\n    margin-bottom: 20px;\n"]))),zi=re.a.form(pi||(pi=Object(oe.a)(["\n    background: #fff;\n    padding: 20px;\n    border-radius: 8px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n    width: 100%;\n    max-width: 400px;\n"]))),Li=re.a.div(gi||(gi=Object(oe.a)(["\n    margin-bottom: 15px;\n"]))),Di=re.a.label(fi||(fi=Object(oe.a)(["\n    display: block;\n    margin-bottom: 5px;\n    color: #666;\n"]))),_i=re.a.input(bi||(bi=Object(oe.a)(["\n    width: 100%;\n    padding: 8px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-size: 16px;\n\n    &:focus {\n        border-color: #007bff;\n        outline: none;\n    }\n"]))),Bi=re.a.button(hi||(hi=Object(oe.a)(["\n    background-color: #007bff;\n    color: #fff;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n\n    &:hover {\n        background-color: #0056b3;\n    }\n\n    &:disabled {\n        background-color: #ccc;\n        cursor: not-allowed;\n    }\n"]))),Vi=re.a.button(vi||(vi=Object(oe.a)(["\n    background-color: #007bff;\n    color: #fff;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n    margin-top: 20px;\n\n    &:hover {\n        background-color: #0056b3;\n    }\n"]))),Pi=re.a.div(Ei||(Ei=Object(oe.a)(["\n    text-align: center;\n    margin-top: 20px;\n    color: #333;\n"]))),Ji=re.a.button(yi||(yi=Object(oe.a)(["\n    background-color: #007bff;\n    color: #fff;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    font-size: 16px;\n    cursor: pointer;\n    margin-top: 20px;\n    transition: background-color 0.3s ease;\n\n    &:hover {\n        background-color: #0056b3;\n    }\n"]))),Wi=function(){var e=Object(n.useState)({name:"",familyName:"",dateOfVisit:"",timeOfVisit:"",personToVisit:"",roomToVisit:"",purposeOfVisit:""}),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(null),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)(!1),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(p.g)(),S=Object(n.useState)("english"),C=Object(v.a)(S,2),j=C[0],x=C[1];Object(n.useEffect)((function(){var e=new URLSearchParams(O.search),t=e.get("remoteId"),a=e.get("language");t&&s(t),a&&x(a)}),[O.search]);var w=function(e,t){console.log("LANGUAGE ",j);var a={api:"vocAlByLan",phrase:e,language:j,name:t};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(a))}))},k=function(e){var t=e.target,n=t.name,o=t.value;r(Object(de.a)(Object(de.a)({},a),{},Object(P.a)({},n,o)))},T=function(e){w("Please input your ".concat(e.replace(/([A-Z])/g," $1").toLowerCase()),c)},I=function(e){return{english:{Name:"Name","Family Name":"Family Name","Date of Visit":"Date of Visit","Time of Visit":"Time of Visit","Person to Visit":"Person to Visit","Room to Visit":"Room to Visit","Purpose of Visit":"Purpose of Visit",Submit:"Submit",Register:"Register","You have successfully registered. Please come in now.":"You have successfully registered. Please come in now.","Reception Form":"Reception Form"},russian:{Name:"\u0418\u043c\u044f","Family Name":"\u0424\u0430\u043c\u0438\u043b\u0438\u044f","Date of Visit":"\u0414\u0430\u0442\u0430 \u0432\u0438\u0437\u0438\u0442\u0430","Time of Visit":"\u0412\u0440\u0435\u043c\u044f \u0432\u0438\u0437\u0438\u0442\u0430","Person to Visit":"\u041a \u043a\u043e\u043c\u0443","Room to Visit":"\u041d\u043e\u043c\u0435\u0440 \u043a\u043e\u043c\u043d\u0430\u0442\u044b","Purpose of Visit":"\u0426\u0435\u043b\u044c \u0432\u0438\u0437\u0438\u0442\u0430",Submit:"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c",Register:"\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f","You have successfully registered. Please come in now.":"\u0412\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043b\u0438\u0441\u044c. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0445\u043e\u0434\u0438\u0442\u0435.","Reception Form":"\u0424\u043e\u0440\u043c\u0430 \u043f\u0440\u0438\u0435\u043c\u0430"},serbian:{Name:"Ime","Family Name":"Prezime","Date of Visit":"Datum posete","Time of Visit":"Vreme posete","Person to Visit":"Osoba za posetu","Room to Visit":"Broj sobe","Purpose of Visit":"Svrha posete",Submit:"Po\u0161alji",Register:"Registracija","You have successfully registered. Please come in now.":"Uspe\u0161no ste se registrovali. Molimo vas, u\u0111ite.","Reception Form":"Obrazac za prijem"},greek:{Name:"\u038c\u03bd\u03bf\u03bc\u03b1","Family Name":"\u0395\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf","Date of Visit":"\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2","Time of Visit":"\u038f\u03c1\u03b1 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2","Person to Visit":"\u03a0\u03c1\u03cc\u03c3\u03c9\u03c0\u03bf \u03b3\u03b9\u03b1 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7","Room to Visit":"\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03b4\u03c9\u03bc\u03b1\u03c4\u03af\u03bf\u03c5","Purpose of Visit":"\u03a3\u03ba\u03bf\u03c0\u03cc\u03c2 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2",Submit:"\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae",Register:"\u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae","You have successfully registered. Please come in now.":"\u0388\u03c7\u03b5\u03c4\u03b5 \u03b5\u03b3\u03b3\u03c1\u03b1\u03c6\u03b5\u03af \u03bc\u03b5 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1. \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b5\u03b9\u03c3\u03ad\u03bb\u03b8\u03b5\u03c4\u03b5.","Reception Form":"\u0388\u03bd\u03c4\u03c5\u03c0\u03bf \u03a5\u03c0\u03bf\u03b4\u03bf\u03c7\u03ae\u03c2"},arabic:{Name:"\u0627\u0644\u0627\u0633\u0645","Family Name":"\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629","Date of Visit":"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0632\u064a\u0627\u0631\u0629","Time of Visit":"\u0648\u0642\u062a \u0627\u0644\u0632\u064a\u0627\u0631\u0629","Person to Visit":"\u0627\u0644\u0634\u062e\u0635 \u0644\u0644\u0632\u064a\u0627\u0631\u0629","Room to Visit":"\u0631\u0642\u0645 \u0627\u0644\u063a\u0631\u0641\u0629","Purpose of Visit":"\u063a\u0631\u0636 \u0627\u0644\u0632\u064a\u0627\u0631\u0629",Submit:"\u0625\u0631\u0633\u0627\u0644",Register:"\u062a\u0633\u062c\u064a\u0644","You have successfully registered. Please come in now.":"\u0644\u0642\u062f \u062a\u0645 \u062a\u0633\u062c\u064a\u0644\u0643 \u0628\u0646\u062c\u0627\u062d. \u0645\u0646 \u0641\u0636\u0644\u0643 \u062a\u0641\u0636\u0644 \u0628\u0627\u0644\u062f\u062e\u0648\u0644.","Reception Form":"\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644"}}[j][e]};return o.a.createElement(Ni,null,o.a.createElement(Ri,null,I("Reception Form")),E?m?o.a.createElement(Pi,null,I("You have successfully registered. Please come in now.")," ",o.a.createElement("br",null),o.a.createElement(Ji,{onClick:function(){g(!1),y(!1),r({name:"",familyName:"",dateOfVisit:"",timeOfVisit:"",personToVisit:"",roomToVisit:"",purposeOfVisit:""})}},I("Register"))):o.a.createElement(zi,{onSubmit:function(e){if(e.preventDefault(),console.log("Form Data:",a),c){a.robot_id=c,console.log("Remote ID:",c,a);var t={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/visitor",headers:{"Content-Type":"application/json"},data:JSON.stringify(a)};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})),w("You have successfully registered. You may come in now",c)}g(!0)}},o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"name"},I("Name"),":"),o.a.createElement(_i,{type:"text",id:"name",name:"name",value:a.name,onChange:k,onFocus:function(){return T("name")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"familyName"},I("Family Name"),":"),o.a.createElement(_i,{type:"text",id:"familyName",name:"familyName",value:a.familyName,onChange:k,onFocus:function(){return T("familyName")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"dateOfVisit"},I("Date of Visit"),":"),o.a.createElement(_i,{type:"date",id:"dateOfVisit",name:"dateOfVisit",value:a.dateOfVisit,onChange:k,onFocus:function(){return T("dateOfVisit")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"timeOfVisit"},I("Time of Visit"),":"),o.a.createElement(_i,{type:"time",id:"timeOfVisit",name:"timeOfVisit",value:a.timeOfVisit,onChange:k,onFocus:function(){return T("timeOfVisit")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"personToVisit"},I("Person to Visit"),":"),o.a.createElement(_i,{type:"text",id:"personToVisit",name:"personToVisit",value:a.personToVisit,onChange:k,onFocus:function(){return T("personToVisit")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"roomToVisit"},I("Room to Visit"),":"),o.a.createElement(_i,{type:"text",id:"roomToVisit",name:"roomToVisit",value:a.roomToVisit,onChange:k,onFocus:function(){return T("roomToVisit")},required:!0})),o.a.createElement(Li,null,o.a.createElement(Di,{htmlFor:"purposeOfVisit"},I("Purpose of Visit"),":"),o.a.createElement(_i,{type:"text",id:"purposeOfVisit",name:"purposeOfVisit",value:a.purposeOfVisit,onChange:k,onFocus:function(){return T("purposeOfVisit")},required:!0})),o.a.createElement(Bi,{type:"submit"},I("Submit"))):o.a.createElement(Vi,{onClick:function(){y(!0),w("Please input your first name",c)}},I("Register")))},Fi=re.a.div(Oi||(Oi=Object(oe.a)(["\n  padding: 0rem;\n\n  .tab-buttons {\n    display: flex;\n    margin-top: 1rem;\n  }\n\n  .tab-buttons button {\n    padding: 0.5rem 1rem;\n    border: none;\n    background-color: #ddd;\n    cursor: pointer;\n    margin-right: 5px;\n    border-radius: 5px 5px 0 0;\n  }\n\n  .tab-buttons button.active {\n    background-color: #fff;\n    border-bottom: 2px solid #fff;\n  }\n\n  .tab-content {\n    border: 1px solid #ccc;\n    padding: 1rem;\n    background-color: #fff;\n  }\n"]))),Hi=function(){var e=Object(n.useState)("Transcript"),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),f=Object(v.a)(g,2),b=f[0],h=f[1],E=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};Object(n.useEffect)((function(){q.c.onmessage=function(e){var t=JSON.parse(e.data);e.data&&e.data.toString().includes("getTranscriptResp")?(console.log("JOANNA ",t.getTranscriptResp),s(JSON.stringify(t.getTranscriptResp,null,4))):e.data&&e.data.toString().includes("getSummaryResp")&&(console.log("JOANNA ",t.getSummaryResp),p(E(t.getSummaryResp.summary)),h(E(t.getSummaryResp.action_items)))}}),[]),Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId"),t='{"api":"getTranscript", "name": "'.concat(e,'", "robot_id": "').concat(e,'"}'),a='{"api":"getSummary", "name": "'.concat(e,'", "robot_id": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t),Object(q.b)(a)}))}),[]);var y=function(){var e=localStorage.getItem("remoteId"),t='{"api":"regenerateSummary", "name": "'.concat(e,'", "robot_id": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))};return o.a.createElement(Fi,null,o.a.createElement(pe.a,{title:"Conversation Transcript",parentNode:"/technology-tools"}),o.a.createElement("div",{className:"tab-buttons"},o.a.createElement("button",{className:"Transcript"===a?"active":"",onClick:function(){return r("Transcript")}},"Transcript"),o.a.createElement("button",{className:"Summary"===a?"active":"",onClick:function(){return r("Summary")}},"Summary"),o.a.createElement("button",{className:"ActionItem"===a?"active":"",onClick:function(){return r("ActionItem")}},"Action Items")),o.a.createElement("div",{className:"tab-content"},"Transcript"===a&&o.a.createElement("pre",null,o.a.createElement("code",null,c.replace(/robot/gi,"matilda").replace(/user/gi,"human partner"))),"Summary"===a&&o.a.createElement(o.a.Fragment,null,o.a.createElement("button",{onClick:function(){return y()}},"Re-generate summary"),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(o.a.Fragment,null,m.replace(/robot/gi,"matilda").replace(/user/gi,"human partner"))),"ActionItem"===a&&o.a.createElement(o.a.Fragment,null,o.a.createElement("button",{onClick:function(){return y()}},"Re-generate action items"),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("pre",null,o.a.createElement("code",null,b.replace(/robot/gi,"matilda").replace(/user/gi,"human partner"))))))},Ui=function(e){return{}},qi=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.state={appMeta:[{svg:'\n                        <svg fill="#ffffff" viewBox="0 -37.5 122.88 122.88" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 122.88 47.87" xml:space="preserve" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style> <g> <path class="st0" d="M4.98,27.65H29.7c2.16,0,4.01,1.39,4.7,3.33h20.28l-0.76-4.02c-0.17-0.9,0.42-1.76,1.32-1.93 c0.1-0.02,0.2-0.03,0.3-0.03v0h65.68c0.91,0,1.66,0.74,1.66,1.66c0,0.19-0.03,0.37-0.09,0.54l-2.69,10.18 c-0.77,2.93-2.07,5.69-4.02,7.63c-1.76,1.76-4.02,2.86-6.84,2.86h-42.5c-2.88,0-5.26-1.13-7.09-2.96 c-1.95-1.95-3.24-4.69-3.79-7.65l-0.56-2.96H34.4c-0.69,1.93-2.54,3.33-4.7,3.33H4.98C2.25,37.62,0,35.38,0,32.64 C0,29.9,2.24,27.65,4.98,27.65L4.98,27.65z M104.49,0.48c0.65-0.65,1.7-0.65,2.34,0s0.65,1.7,0,2.34c-1.58,1.58-0.86,2.93-0.02,4.5 c1.41,2.64,3.04,5.67,0.28,10.44c-0.46,0.79-1.47,1.06-2.26,0.6c-0.79-0.46-1.06-1.47-0.6-2.26c1.83-3.18,0.68-5.34-0.33-7.23 C102.44,6.15,101.18,3.8,104.49,0.48L104.49,0.48z M92.17,0.48c0.65-0.65,1.7-0.65,2.34,0s0.65,1.7,0,2.34 c-1.58,1.58-0.86,2.93-0.02,4.5c1.41,2.64,3.04,5.67,0.28,10.44c-0.46,0.79-1.47,1.06-2.26,0.6c-0.79-0.46-1.06-1.47-0.6-2.26 c1.83-3.18,0.68-5.34-0.33-7.23C90.12,6.15,88.86,3.8,92.17,0.48L92.17,0.48z M79.86,0.48c0.65-0.65,1.7-0.65,2.34,0 c0.65,0.65,0.65,1.7,0,2.34c-1.58,1.58-0.86,2.93-0.02,4.5c1.41,2.64,3.04,5.67,0.28,10.44c-0.46,0.79-1.47,1.06-2.26,0.6 c-0.79-0.46-1.06-1.47-0.6-2.26c1.83-3.18,0.68-5.34-0.33-7.23C77.8,6.15,76.54,3.8,79.86,0.48L79.86,0.48z M67.54,0.48 c0.65-0.65,1.7-0.65,2.34,0c0.65,0.65,0.65,1.7,0,2.34c-1.58,1.58-0.86,2.93-0.02,4.5c1.41,2.64,3.04,5.67,0.28,10.44 c-0.46,0.79-1.47,1.06-2.26,0.6s-1.06-1.47-0.6-2.26c1.83-3.18,0.68-5.34-0.33-7.23C65.49,6.15,64.23,3.8,67.54,0.48L67.54,0.48z M116.91,36.53l2.17-8.22H57.54l1.57,8.34c0.44,2.32,1.42,4.45,2.89,5.92c1.23,1.23,2.83,1.99,4.75,1.99h42.5 c1.85,0,3.33-0.73,4.5-1.89C115.25,41.16,116.28,38.94,116.91,36.53L116.91,36.53z"></path> </g> </g></svg>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Cooking",slug:"/cookinglist",locations:["home"]}],selected:!1,quizId:null,allowedAcccess:[]},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("School")}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return!e.state.allowedAcccess.includes(t.title)&&o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:Ui.focusVisible},t.img?o.a.createElement("span",{style:{backgroundImage:'url("images/robot.jpg")',transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Gi=Object(De.a)(Ui)(qi),Yi=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(e){var n;return Object(c.a)(this,a),(n=t.call(this,e)).handlePrev=function(){var e=n.state.index-1;e>=0&&(n.getPhoto(e),n.setState({index:e}))},n.handleNext=function(){var e=n.state.index+1;e<n.state.cooking_list.length&&(n.getPhoto(e),n.setState({index:e}))},n.handleExit=function(){window.location.href="/school"},n.state={index:0,cooking_list:[],photo:""},n}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t={method:"post",url:"http://192.168.163.30:8000/cooking/item",headers:{"Content-Type":"application/json"},data:JSON.stringify({filename:this.props.cooking_id})};f.a.request(t).then((function(t){e.setState({cooking_list:t.data.cooking_list},(function(){e.getPhoto(e.state.index)}))})).catch((function(e){console.log(e)}))}},{key:"getText",value:function(){return this.state.cooking_list.length>0?(Object(q.d)(this.state.cooking_list[this.state.index].text),this.state.cooking_list[this.state.index].text):""}},{key:"getPhoto",value:function(e){var t=this;if(this.state.cooking_list.length>0){var a=this.props.cooking_id,n=this.state.cooking_list[e].image,o={method:"post",url:"http://192.168.163.30:8000/cooking/photo",headers:{"Content-Type":"application/json"},data:JSON.stringify({filename:a,photo:n})};f.a.request(o).then((function(e){t.setState({photo:e.data})})).catch((function(e){console.log(e)}))}}},{key:"render",value:function(){return o.a.createElement("div",null,o.a.createElement(me.a,{variant:"outlined",onClick:this.handleExit},"Exit"),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("img",{src:"data:image/jpg;base64,".concat(this.state.photo),className:"author-image w-100",height:"500px"}),o.a.createElement("h3",null,this.getText()),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement(me.a,{onClick:this.handlePrev},"Prev"),o.a.createElement(me.a,{onClick:this.handleNext},"Next"))}}]),a}(n.Component),Qi=a(169),Ki=a.n(Qi),Zi=a(1122),Xi=Object(Y.a)((function(e){return{root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper}}}));function $i(e){var t=e.input,a=e.selectCallback,n=e.editCallback,r=e.deleteCallback,l=Xi(),i=o.a.useState(-1),c=Object(v.a)(i,2),s=c[0],u=c[1];return o.a.createElement("div",{className:l.root},o.a.createElement(da.a,{style:{maxHeight:400,overflow:"auto"}},o.a.createElement(sn.a,{component:"nav","aria-label":"main mailbox folders"},t.map((function(e,t){return o.a.createElement(un.a,{button:!0,selected:s==t,key:e,value:e,onClick:function(e){return function(e,t){u(t),a(t)}(0,t)}},o.a.createElement(dn.a,null,o.a.createElement(gn.a,null)),o.a.createElement(mn.a,{primary:e}),o.a.createElement(Zi.a,null,o.a.createElement($a.a,{edge:"end","aria-label":"edit",onClick:function(e){return function(e,t){u(t),n(t),alert("edit"+t)}(0,t)}},o.a.createElement(Ki.a,null)),o.a.createElement($a.a,{edge:"end","aria-label":"delete",onClick:function(t){return function(e,t){r(t)}(0,e)}},o.a.createElement(No.a,null))))})))),o.a.createElement(Jt.a,null))}var ec=Object(Y.a)((function(e){var t;return{root:{},gridbase:Object(P.a)({gap:"2rem",width:"100%",display:"grid",gridTemplateColumns:"1fr 1fr 1fr"},"width","100%"),image:(t={position:"relative",backgroundColor:"#fff!important",padding:"20px 10px!important",borderRadius:"0.75rem!important",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%)",transition:" 0.5s all",overflow:"hidden",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{},imageBackdrop:{},imageTitle:{position:"relative",color:"#333",fontSize:"1.1rem",fontWeight:"bold",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{}}}));function tc(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],p=d[1],g=ec(),b=Object(n.useState)([]),h=Object(v.a)(b,2),E=(h[0],h[1]);Object(n.useEffect)((function(){var e=[],t=[];f.a.request({method:"get",url:"http://192.168.163.30:8000/cooking/list",headers:{}}).then((function(a){a.data.cooking_list.map((function(a,n){e.push({url:"/images/button.png",title:a}),t.push({value:a,label:a})})),p(e),E(t),console.log(e)})).catch((function(e){console.log(e)}))}),[]);return c?o.a.createElement("div",null,o.a.createElement("div",{className:"card m-0"},o.a.createElement(Yi,{cooking_id:a}))):o.a.createElement("div",{className:g.root},o.a.createElement(pe.a,{title:"Cooking",parentNode:"/school"}),o.a.createElement("div",{className:g.gridbase},m.map((function(e){return o.a.createElement(Q.a,{onClick:function(){return t=e.title,s(!0),void r(t);var t},focusRipple:!0,key:e.title,className:g.image,focusVisibleClassName:g.focusVisible,style:{width:e.width}},o.a.createElement("span",{className:g.imageSrc,style:{backgroundImage:"url(".concat(e.url,")")}}),o.a.createElement("span",{className:g.imageBackdrop}),o.a.createElement("span",{className:g.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:g.imageTitle},e.title,o.a.createElement("span",{className:g.imageMarked}))))}))))}var ac,nc,oc=a(1123),rc=a(226),lc=a(503),ic=a.n(lc),cc=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},sc=function(e){var t=e.folders,a=e.onFolderIconClick,n=t.sort((function(e,t){return e.localeCompare(t)})),r=Object(oc.a)("(min-width:600px)");return o.a.createElement(ia.a,{container:!0,spacing:2},n.map((function(e,t){return o.a.createElement(ia.a,{item:!0,xs:r?3:12,key:t},o.a.createElement(un.a,null,o.a.createElement(dn.a,null,o.a.createElement(Do.a,{style:{fontSize:"5em",color:"#F3E5AB"},onClick:function(){return a(e)}})),o.a.createElement(mn.a,{primary:e})))})))},uc=function(e){var t=e.images,a=e.onArrowBack,r=e.imageMsg,l=e.folderName,i=Object(n.useState)(null),c=Object(v.a)(i,2),s=c[0],u=c[1],d=Object(n.useState)(),m=Object(v.a)(d,2),p=m[0],g=m[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(dc,{size:"small",variant:"outlined",color:"primary",onClick:function(){return a(!1)}},o.a.createElement(Bo.a,null)," ",cc("Back to Folders")),o.a.createElement(mc,{onClick:function(e){e.stopPropagation(),document.getElementById("imageInput").click()}},o.a.createElement(pc,{id:"imageInput",type:"file",accept:".jpg, .jpeg, .png, .gif",onChange:function(e){var t=e.target.files[0];if(t){var a=new FileReader;a.onload=function(){u(a.result)},a.readAsDataURL(t)}g(t)}}),s?o.a.createElement(o.a.Fragment,null,o.a.createElement(gc,{src:s,alt:"Uploaded Preview"}),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary",onClick:function(e){e.stopPropagation(),function(){var e=new FormData;e.append("file",p),e.append("robot_id",localStorage.getItem("remoteId")),e.append("category","face_recognition"),e.append("folder_name",l),fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:e}).then((function(e){if(!e.ok)throw new Error("Failed to upload file");return e.text()})).then((function(e){console.log("Success:",e);var t='{"action":"upMoToRo","service":"face_recognition" , "file_id":"'.concat(e,'", "folder_name":"').concat(l,'", "file_name":"').concat(p.name,'", "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))})).catch((function(e){console.error("Error:",e)}))}()}},"Upload")):o.a.createElement("p",null,cc("Click to upload an image"))),o.a.createElement(o.a.Fragment,null,r),o.a.createElement(sn.a,null,t.map((function(e,t){return o.a.createElement(un.a,{key:t},o.a.createElement(dn.a,null,o.a.createElement(ic.a,null)),o.a.createElement(mn.a,{primary:e}))}))))},dc=Object(rc.a)(me.a)(ac||(ac=Object(oe.a)(["\n    width: 150px;\n"]))),mc=Object(rc.a)("div")({border:"2px dashed #ccc",borderRadius:"8px",padding:"16px",textAlign:"center",cursor:"pointer",marginBottom:"16px",paddingTop:"10px",marginTop:"10px"}),pc=Object(rc.a)("input")({display:"none"}),gc=Object(rc.a)("img")({maxWidth:"100%",maxHeight:"200px",margin:"16px 0"}),fc=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),r=t[0],l=t[1],i=Object(n.useState)([]),c=Object(v.a)(i,2),s=c[0],u=c[1],d=Object(n.useState)(!1),m=Object(v.a)(d,2),p=m[0],g=m[1],b=Object(n.useState)(""),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(!1),S=Object(v.a)(O,2),C=S[0],j=S[1],x=Object(n.useState)([]),w=Object(v.a)(x,2),k=w[0],T=w[1],I=Object(n.useState)("Loading..."),A=Object(v.a)(I,2),M=A[0],N=A[1];Object(n.useEffect)((function(){q.c.onmessage=function(e){JSON.parse(e.data);e.data&&e.data.toString().includes("face_recog")&&l(cc("Training done!"))},R()}),[]);var R=function(){var e={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/face-folders?robot="+localStorage.getItem("remoteId")+"&username="+localStorage.getItem("selected"),headers:{}};f.a.request(e).then((function(e){console.log("SERVICE FACE DATA",e.data.data.folders),u(e.data.data.folders)})).catch((function(e){console.log(e)}))},z=function(){g(!1)};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:cc("Face Recognition"),parentNode:"/technology-tools"}),o.a.createElement("div",{style:{display:"flex",alignItems:"center"}},!C&&o.a.createElement(dc,{size:"small",variant:"outlined",color:"primary",onClick:function(){g(!0),y("")}},cc("Add New Folder")),o.a.createElement(dc,{size:"small",variant:"outlined",color:"primary",onClick:function(){console.log("Train"),l(cc("Training..."));var e='{"api":"trFaceRecog", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},cc("Train")),o.a.createElement(o.a.Fragment,null,r)),!C&&o.a.createElement(sc,{folders:s,onFolderIconClick:function(e){j(!0),y(e),N("Loading..."),T([]),fetch("https://cloud-api-389807.ue.r.appspot.com/list-files").then((function(e){return e.json()})).then((function(t){var a=t.filter((function(t){return t.robot_id===q.a&&"face_recognition"===t.category&&t.folder_name===e})).map((function(e){return e.name}));console.log("Filtered names",a),T(a),N("Images")})).catch((function(e){console.error("Error:",e),N("No image available")}))}}),C&&o.a.createElement(uc,{images:k,onArrowBack:j,imageMsg:M,folderName:E}),o.a.createElement(ge.a,{open:p,onClose:z,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:z},cc("Create New Folder")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:cc("Folder Name"),value:E,onChange:function(e){y(e.target.value)},fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:z,color:"primary"},cc("Cancel")),o.a.createElement(me.a,{onClick:function(){s.push(E),console.log("Saving Access ",s);var e=a(8),t={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/face-folders",headers:{"Content-Type":"application/json"},data:JSON.stringify({robot:localStorage.getItem("remoteId"),username:localStorage.getItem("selected"),folders:s})};e.request(t).then((function(e){console.log(JSON.stringify(e.data)),z()})).catch((function(e){console.log(e)}))},color:"primary"},cc("Submit")))))},bc=a(1125),hc=a(1124),vc=a(504),Ec=a.n(vc),yc=a(347),Oc=a.n(yc),Sc=a(505),Cc=a.n(Sc),jc=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;Object(c.a)(this,a);for(var n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];return(e=t.call.apply(t,[this].concat(o))).state={mainState:"initial",imageUploaded:0,selectedFile:null},e.handleUploadClick=function(t){console.log();var a=t.target.files[0],n=new FileReader;n.readAsDataURL(a);n.onloadend=function(e){this.setState({selectedFile:[n.result]})}.bind(Object(u.a)(e)),console.log(t.target.files[0]),e.props.parentCallback(t.target.files[0]),t.preventDefault(),e.setState({mainState:"uploaded",selectedFile:t.target.files[0],imageUploaded:1})},e.imageResetHandler=function(t){console.log("Click!"),e.setState({mainState:"initial",selectedFile:null,imageUploaded:0})},e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this;h.getPhoto(this.props.url).then((function(t){e.setState({selectedFile:["data:image/jpg;base64,".concat(t.data)],imageUploaded:1,mainState:"uploaded"})}),(function(e){e.response&&e.response.data||e.message||e.toString()}))}},{key:"renderInitialState",value:function(){var e=this.props,t=e.classes;e.theme,this.state.value;return o.a.createElement(o.a.Fragment,null,o.a.createElement(ca.a,null,o.a.createElement(ia.a,{container:!0,justify:"center",alignItems:"center"},o.a.createElement("input",{accept:"image/*",className:t.input,id:"contained-button-file",multiple:!0,type:"file",onChange:this.handleUploadClick}),o.a.createElement("label",{htmlFor:"contained-button-file"},o.a.createElement(hc.a,{component:"span",className:t.button},o.a.createElement(Cc.a,null))))))}},{key:"renderUploadedState",value:function(){var e=this.props,t=e.classes;e.theme;return o.a.createElement(o.a.Fragment,null,o.a.createElement(bc.a,{onClick:this.imageResetHandler},o.a.createElement("img",{width:"100%",className:t.media,src:this.state.selectedFile})))}},{key:"render",value:function(){var e=this.props,t=e.classes;e.theme;return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:t.root},o.a.createElement(w.a,{className:this.props.cardName},"initial"==this.state.mainState&&this.renderInitialState()||"uploaded"==this.state.mainState&&this.renderUploadedState())))}}]),a}(o.a.Component),xc=Object(De.a)((function(e){return{root:{backgroundColor:e.palette.background.paper,width:500,display:"flex",justifyContent:"center",alignItems:"flex-end"},icon:{margin:2*e.spacing.unit},iconHover:{margin:2*e.spacing.unit,"&:hover":{color:Ec.a[800]}},cardHeader:{textalign:"center",align:"center",backgroundColor:"white"},input:{display:"none"},title:{color:Oc.a[800],fontWeight:"bold",fontFamily:"Montserrat",align:"center"},button:{color:Oc.a[900],margin:10},secondaryButton:{color:"gray",margin:10},typography:{margin:2*e.spacing.unit,backgroundColor:"default"},searchRoot:{padding:"2px 4px",display:"flex",alignItems:"center",width:400},searchInput:{marginLeft:8,flex:1},searchIconButton:{padding:10},searchDivider:{width:1,height:28,margin:4}}}),{withTheme:!0})(jc),wc=re.a.div(nc||(nc=Object(oe.a)(['\ncard: {\n  display: "flex"\n},\ndetails: {\n  display: "flex",\n  flexDirection: "column"\n},\ncontent: {\n  flex: "1 0 auto"\n},\ncover: {\n  width: 151\n},\ncontrols: {\n  display: "flex",\n  alignItems: "center",\n  paddingLeft: theme.spacing.unit,\n  paddingBottom: theme.spacing.unit\n},\nplayIcon: {\n  height: 38,\n  width: 38\n}\ntrans: {\n    background: rgba(0,0,0,0.5)\n},\ntable {\n  width:100%;\n  border-collapse: separate;\n  border-spacing: 5px;\n  padding-top: 20px;\n  tr {\n    :last-child {\n      td {\n        border-bottom: 0;\n      }\n    }\n  }\n  th{\n    margin: 0;\n    padding: 10px 10px;\n    background: #ccc;\n    border-radius: 10px;\n    font-size: 15px;\n  }\n  td {\n    margin: 0;\n    padding: 3px 12px;\n    background: #fff;\n    font-size: 15px;\n    color:#6e6e6e;\n    border-radius: 10px;\n    :last-child {\n      border-right: 0;\n    }\n  }\n}\n'])));function kc(e){var t=e.sections,a=e.setSections,r=Object(n.useState)(""),l=Object(v.a)(r,2),i=(l[0],l[1],function(e){var n=e.target.files[0];if(n){var o=new FileReader;o.onload=function(e){var n=e.target.result;console.log(n);var o=Object(ee.a)(t);o[t.length-1].img=n,a(o)},o.readAsDataURL(n)}});return o.a.createElement("div",null,t.map((function(e,n){return o.a.createElement("div",{key:n,className:"section"},o.a.createElement("hr",null),o.a.createElement("strong",null,"Module Page #",n+1),o.a.createElement("br",null),t.length!=n+1?o.a.createElement(o.a.Fragment,null,o.a.createElement("small",null,o.a.createElement("strong",null,"Image to Show")),o.a.createElement("br",null),e.img?o.a.createElement("img",{src:e.img,alt:"Section ".concat(n),height:"500px",width:"500px"}):o.a.createElement("small",null,"No Image Provided"),o.a.createElement("br",null),o.a.createElement("small",null,o.a.createElement("strong",null,"Phrases to vocalise")),o.a.createElement("br",null),e.phrase?o.a.createElement("small",null,e.phrase):o.a.createElement("small",null,"No phrase provided")):o.a.createElement(o.a.Fragment,null,o.a.createElement("small",null,"Image"),o.a.createElement("br",null),o.a.createElement("input",{type:"file",accept:".jpg, .jpeg, .png, .gif",onChange:i}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"Phrase",defaultValue:e.phrase,inputProps:{maxLength:1e3},onChange:function(e){!function(e,n){var o=Object(ee.a)(t);o[e].phrase=n,a(o)}(n,e.target.value)},value:e.phrase}),o.a.createElement("br",null)),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(){return function(e){var n=t.filter((function(t,a){return a!==e}));a(n)}(n)}},"Delete Section"))})))}var Tc=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)([]),i=Object(v.a)(l,2),c=i[0],s=i[1];return o.a.createElement(wc,null,o.a.createElement(pe.a,{title:"Create Training Module",parentNode:"/training-module-list"}),o.a.createElement(he.a,{label:"Module Name",defaultValue:a,inputProps:{maxLength:200},onChange:function(e){r(e.target.value)},value:a}),o.a.createElement("br",null),o.a.createElement(kc,{sections:c,setSections:s}),o.a.createElement(me.a,{size:"small",type:"secondary",variant:"outlined",onClick:function(){var e=[].concat(Object(ee.a)(c),[{img:"",phrase:""}]);s(e)}},"Add Section"),o.a.createElement("br",null),o.a.createElement("br",null),o.a.createElement("hr",null),o.a.createElement(me.a,{size:"small",type:"secondary",variant:"outlined",onClick:function(){console.log("Module Name ",a),console.log("Sections",c);var e={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/training-module",headers:{"Content-Type":"application/json"},data:JSON.stringify({robot_id:q.a,sections:c,module_name:a})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),window.location=window.location.origin+"/training-module-list"})).catch((function(e){console.log(e)}))}},"Save Training Module"))},Ic=function(e){return{}},Ac=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).appClick=function(t,a){e.setState({selected:!0,quizId:t}),window.location=window.location.origin+a},e.computeTitle=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},e.computeScreenSize=function(){return window.innerWidth>700?"1fr 1fr 1fr":"1fr"},e.handleCastLearn=function(){e.setState({deviceCast:!0})},e.handleStopCast=function(){var e='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){q.c.send(e)}))},e.handleCloseCast=function(){e.setState({deviceCast:!1})},e.handleSaveCast=function(t){console.log("Joanna ",t.currentTarget.value);var a=t.currentTarget.value;e.setState({deviceCast:!1,selectedDevice:""});var n='{"api":"handleStartCastSite", "action":"start", "url": "'.concat(a,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){q.c.send(n)}))},e.handleContentChangeCast=function(t){console.log("Joanna ",t),e.setState({selectedDevice:t.target.value})},e.state={appMeta:[{svg:'\n                        <path d="M21 3V21H3V3H21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 16.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 7.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M16.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M7.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #1b6c72, #2498a1)",title:"Number Bingo",slug:"/number-card-1to20",locations:["home"]},{svg:'\n                        <path d="M21 3V21H3V3H21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 16.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M3 7.5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M16.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M12 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                        <path d="M7.5 3V21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>\n                    ',background:"linear-gradient(0deg, #550678, #7709a8)",title:"Bingo Card",slug:"/bingo-card",locations:["home"]}],selected:!1,quizId:null,showHow:!1,deviceCast:!1,allowedAcccess:[],selectedDevice:""},e.appClick=e.appClick.bind(Object(u.a)(e)),e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.handleCastLearn=e.handleCastLearn.bind(Object(u.a)(e)),e.handleStopCast=e.handleStopCast.bind(Object(u.a)(e)),e.handleCloseCast=e.handleCloseCast.bind(Object(u.a)(e)),e.handleContentChangeCast=e.handleContentChangeCast.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=localStorage.getItem("userEmail"),a=localStorage.getItem("remoteId");console.log("Mounting emotional well being ",t,a),G();var n={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/service-access?robot="+a+"&username="+t,headers:{}};f.a.request(n).then((function(t){console.log("Mounting data",t.data.data.access),e.setState({allowedAcccess:t.data.data.access})})).catch((function(e){console.log(e)}))}},{key:"render",value:function(){var e=this;return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:this.computeTitle("Bingo")}),o.a.createElement(me.a,{size:"large",variant:"outlined",onClick:function(){return e.setState({showHow:!0})}},this.computeTitle("How to play?")),o.a.createElement(ge.a,{open:this.state.deviceCast,onClose:this.handleCloseCast,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:this.handleCloseCast},"Choose Item to Cast"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Me.a,{fullWidth:!0},o.a.createElement(Re.a,{htmlFor:"content-label"},"Content"),o.a.createElement(Ne.a,{defaultValue:this.state.selectedDevice,value:this.state.selectedDevice,id:"select-content",onChange:this.handleContentChangeCast,fullWidth:!0},[{title:"Number Bingo",url:"https://app.mymatilda.com.au/number-card-1to20?remoteId=".concat(localStorage.getItem("remoteId"))},{title:"Card Bingo",url:"https://app.mymatilda.com.au/bingo-card?remoteId=".concat(localStorage.getItem("remoteId"))}].map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e.url},e.title)}))))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:this.handleCloseCast,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:this.handleSaveCast,value:this.state.selectedDevice,color:"primary"},"Continue"))),o.a.createElement(ge.a,{open:this.state.showHow,onClose:function(){return e.setState({showHow:!1})},fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,this.computeTitle("How To Play BINGO?")),o.a.createElement(be.a,null,o.a.createElement("div",null,o.a.createElement("p",null,this.computeTitle("Hey there, future Bingo champ"),"! \ud83c\udf89 ",this.computeTitle("Get ready to dive into the world of Bingo, a super fun and exciting game. Here's a simple step-by-step guide to get you started:")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 1: Gather Your Materials")),o.a.createElement("br",null),this.computeTitle("Grab your Bingo cards and some markers. You can use coins, buttons, or even colorful candies - just something to cover the numbers on your card when they're called out.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 2: Get Your Bingo Cards")),o.a.createElement("br",null),this.computeTitle("Each player gets a Bingo card with a grid of numbers. These numbers are all different and are randomly placed on the card. Every card is a winner in its own unique way!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 3: Matilda\u2019s Role")),o.a.createElement("br",null),this.computeTitle("Get Matilda to be the caller. Its job is to pick a number at random and announce it to everyone.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 4: Mark Your Card")),o.a.createElement("br",null),this.computeTitle("Listen carefully to Matilda. If it announces a number that matches one on your card, cover it up with your marker. Remember, you're trying to get a line of covered numbers in a row, column, or diagonal.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 5: Shout BINGO!")),o.a.createElement("br",null),this.computeTitle("Keep covering numbers on your card as Matilda announces them. Once you've covered a full row, column, or diagonal, you've got BINGO! Be quick to shout 'BINGO!' so everyone knows you've won.")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 6: Check Your Card")),o.a.createElement("br",null),this.computeTitle("When you shout BINGO, Matilda will stop. Check your card to make sure you really got a winning line. If you did, you're the winner of that round!")),o.a.createElement("p",null,o.a.createElement("strong",null,this.computeTitle("Step 7: Play Again")),o.a.createElement("br",null),this.computeTitle("Bingo is so much fun that you'll want to play again and again. Clear your card, gather your markers, and get ready for another round of excitement!")),o.a.createElement("p",null,this.computeTitle("Remember, Bingo is all about having a blast and enjoying the thrill of the game. So go on, grab your friends and family, and let the Bingo adventure begin! \ud83c\udf89\ud83c\udf8a\ud83c\udf88")))),o.a.createElement(Jt.a,null),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){return e.setState({showHow:!1})}},this.computeTitle("Close")))),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:this.computeScreenSize()},id:"blocks"},this.state.appMeta.map((function(t){return o.a.createElement(Q.a,{onClick:function(){return e.appClick(t.title,t.slug)},focusRipple:!0,key:e.computeTitle(t.title),style:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start"},focusVisibleClassName:Ic.focusVisible},t.img?o.a.createElement("span",{style:{transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})):o.a.createElement("span",{style:{background:t.background,transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",backgroundSize:"cover",alignItems:"center",justifyContent:"center"}},o.a.createElement("svg",{style:{width:"65px",height:"65px",color:"#fff"},width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:t.svg}})),o.a.createElement("span",{style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",style:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"}},e.computeTitle(t.title))))}))))}}]),a}(n.Component),Mc=Object(De.a)(Ic)(Ac),Nc=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e};var Rc=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)("communication"),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)(!1),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(!1),S=Object(v.a)(O,2),C=(S[0],S[1]),j=Object(n.useState)(!1),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(!1),I=Object(v.a)(T,2),A=(I[0],I[1]),M=Object(n.useState)(!1),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(!1),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(!0),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(!1),H=Object(v.a)(F,2),U=H[0],G=H[1],Y=Object(n.useState)(50),Q=Object(v.a)(Y,2),K=Q[0],Z=Q[1],X=Object(n.useState)(""),ee=Object(v.a)(X,2),ae=(ee[0],ee[1]),ne=Object(n.useState)(""),oe=Object(v.a)(ne,2),re=(oe[0],oe[1]),le=Object(n.useState)(!1),ie=Object(v.a)(le,2),ce=ie[0],se=ie[1],ue=Object(n.useState)(!1),de=Object(v.a)(ue,2),me=(de[0],de[1],Object(n.useState)("")),ge=Object(v.a)(me,2),fe=ge[0],be=ge[1],he=Object(n.useState)("ok matilda"),ve=Object(v.a)(he,2),Ee=ve[0],ye=ve[1],Oe=Object(n.useState)("book service"),Se=Object(v.a)(Oe,2),Ce=Se[0],je=Se[1],xe=Object(n.useState)("music service"),we=Object(v.a)(xe,2),ke=we[0],Te=we[1],Ie=Object(n.useState)("DBlues1"),Ae=Object(v.a)(Ie,2),Me=Ae[0],Ne=Ae[1];Object(n.useEffect)((function(){var e='{"api":"check_default_motion", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}),[]),Object(n.useEffect)((function(){var e=function(e){if(e.data)try{var t=JSON.parse(e.data);void 0!==t.DEFAULT_MOTION&&(Ne(t.DEFAULT_MOTION),localStorage.setItem("defaultMotion",t.DEFAULT_MOTION))}catch(a){}};return q.c.addEventListener("message",e),function(){q.c.removeEventListener("message",e)}}),[]);var Re=Object(n.useState)(!1),ze=Object(v.a)(Re,2),Le=ze[0],De=ze[1],_e=Object(n.useState)("change language"),Be=Object(v.a)(_e,2),Ve=Be[0],Pe=(Be[1],Object(n.useState)(70)),Je=Object(v.a)(Pe,2),We=Je[0],Fe=Je[1],He=Object(n.useState)(1),Ue=Object(v.a)(He,2),qe=Ue[0],Ge=Ue[1],Ye=Object(n.useState)(10),Qe=Object(v.a)(Ye,2),Ke=Qe[0],Ze=Qe[1],Xe=Object(n.useState)(120),$e=Object(v.a)(Xe,2),et=$e[0],tt=$e[1],at=Object(n.useState)(!1),nt=Object(v.a)(at,2),ot=nt[0],rt=nt[1],lt=(Object(p.f)(),function(e){if(!a){r(!0),W(e);var t='{"api":"context_toggle", "activate": '.concat(e,', "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),setTimeout((function(){r(!1)}),2e3)}}),it=function(){if(!a){r(!0);var e='{"api":"toggle-current-ai", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1)}),2e3)}},ct=function(e,t){if(!a){r(!0);var n='{"api":"webBtnPressed", "button":"'.concat(e,'", "selection":"').concat(t,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)})),setTimeout((function(){r(!1),Object(q.f)(q.c,(function(){Object(q.b)('{"api":"current-service", "name": "'.concat(localStorage.getItem("remoteId"),'"}'))}))}),5e3)}},st=function(e){if(!a){r(!0);var t='{"api":"'.concat(e,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),setTimeout((function(){r(!1),Object(q.f)(q.c,(function(){Object(q.b)('{"api":"check_button_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_ok_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_voice_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_activity_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_video_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_ok_matilda_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_profiling_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"check_transcription_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}')),Object(q.b)('{"api":"current_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}'))}))}),5e3)}};return Object(n.useEffect)((function(){var e={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/conversation-config?robot_id=".concat(localStorage.getItem("remoteId")),headers:{}};return f.a.request(e).then((function(e){var t=e.data.data;console.log("Conversation config data:",t),t.length>0&&(Ge(t[0].listen_time||1),Ze(t[0].monitoring_time||10),tt(t[0].sleep_threshold||120))})).catch((function(e){console.log(e)})),['{"api":"check_qa_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_button_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_ok_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"current_language", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"current-service", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_voice_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_activity_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_video_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_ok_matilda_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"get_max_words", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_profiling_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_transcription_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"get_current_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_empathetic_activated", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"get-current-ai", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"is_live_audio", "name": "'.concat(localStorage.getItem("remoteId"),'"}'),'{"api":"check_proximity_communication", "name": "'.concat(localStorage.getItem("remoteId"),'"}')].forEach((function(e){Object(q.f)(q.c,(function(){Object(q.b)(e)}))})),q.c.onmessage=function(e){if(e.data){console.log("Received message:",e.data);try{var t=JSON.parse(e.data);if(void 0!==t.IS_BUTTONS_ACTIVATED&&y("True"===t.IS_BUTTONS_ACTIVATED),void 0!==t.IS_ACTIVITY_ACTIVATED&&k("True"===t.IS_ACTIVITY_ACTIVATED),void 0!==t.CURRENT_LANGUAGE_RESP&&ae(t.CURRENT_LANGUAGE_RESP),void 0!==t.IS_OK_MATILDA_ON_C&&(C("True"===t.IS_OK_MATILDA_ON_C),ye("True"===t.IS_OK_MATILDA_ON_C?"ok matilda":"conversation")),void 0!==t.RECENT_SERVICE_RESP&&re(t.RECENT_SERVICE_RESP),void 0!==t.IS_VOICE_ACTIVATED&&A("True"===t.IS_VOICE_ACTIVATED),void 0!==t.IS_PROXIMITY_COMMUNICATION&&g(!0===t.IS_PROXIMITY_COMMUNICATION||"True"===t.IS_PROXIMITY_COMMUNICATION),void 0!==t.IS_PROFILE_ACTIVATED&&z("True"===t.IS_PROFILE_ACTIVATED),void 0!==t.IS_TRANSCRIPTION_ACTIVATED&&B("True"===t.IS_TRANSCRIPTION_ACTIVATED),void 0!==t.IS_VIDEO_ON_L&&je("True"!==t.IS_VIDEO_ON_L?"book service":"video service"),void 0!==t.conv_max_words&&Fe(parseInt(t.conv_max_words,10)),void 0!==t.CURRENT_VOLUME&&Z(parseInt(t.CURRENT_VOLUME,10)),void 0!==t.IS_EMPATHETIC_ACTIVATED&&se("True"===t.IS_EMPATHETIC_ACTIVATED),void 0!==t.is_live_audio){var a=t.is_live_audio;G(!0===a||"True"===a||"true"===a||1===a)}void 0!==t.current_ai&&se(!0===t.current_ai),void 0!==t.IS_QA_ON_ALL&&s(!1===t.IS_QA_ON_ALL||"False"===t.IS_QA_ON_ALL?"service":"communication")}catch(n){console.error("Failed to parse socket message:",e.data,n)}}},function(){q.c.onmessage=null}}),[]),o.a.createElement("div",{className:"robot-control-container"},o.a.createElement("style",{jsx:"true"},"\n                .robot-control-container {\n                    max-width: 600px;\n                    margin: 20px auto;\n                    padding: 20px;\n                    background-color: #ffffff;\n                    border-radius: 8px;\n                    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n                }\n                .section {\n                    margin-bottom: 20px;\n                    padding: 15px;\n                    border: 1px solid #e0e0e0;\n                    border-radius: 4px;\n                }\n                .section h2 {\n                    margin-top: 0;\n                    margin-bottom: 15px;\n                    font-size: 1.2rem;\n                    color: #555;\n                    border-bottom: 1px solid #eee;\n                    padding-bottom: 8px;\n                }\n                .radio-group {\n                    display: flex;\n                    gap: 20px;\n                    margin-bottom: 15px;\n                }\n                .radio-group label {\n                    font-size: 0.9rem;\n                    color: #444;\n                    cursor: pointer;\n                }\n                .radio-group input {\n                    margin-right: 5px;\n                }\n                .button-group, .toggle-buttons {\n                    display: flex;\n                    gap: 10px;\n                    flex-wrap: wrap;\n                }\n                .button-group button, .toggle-buttons button {\n                    padding: 8px 12px;\n                    border: 1px solid #d0d0d0;\n                    border-radius: 4px;\n                    background-color: transparent;\n                    color: #333;\n                    font-size: 0.9rem;\n                    cursor: pointer;\n                    transition: all 0.2s ease;\n                }\n                .button-group button:hover, .toggle-buttons button:hover {\n                    background-color: #f0f0f0;\n                }\n                .button-group button:disabled, .toggle-buttons button:disabled {\n                    border-color: #eee;\n                    color: #bbb;\n                    cursor: not-allowed;\n                    background-color: transparent;\n                }\n                .toggle-buttons button.active {\n                    background-color: #d4edda;\n                    color: #155724;\n                    border-color: #c3e6cb;\n                }\n                .status-section {\n                    margin-top: 20px;\n                    padding: 15px;\n                    background-color: #f5f5f5;\n                    border-radius: 4px;\n                    font-size: 0.9rem;\n                    color: #666;\n                }\n                .status-section h2 {\n                    border-bottom: none;\n                    font-size: 1.2rem;\n                    color: #555;\n                }\n                .status-section p {\n                    margin: 5px 0;\n                }\n                .proximity-section {\n                    background: #eaf6fb;\n                    border: 1px solid #b6e0fe;\n                    margin-bottom: 20px;\n                }\n            "),o.a.createElement(pe.a,{title:Nc("Matilda Service Control"),parentNode:"/technology-tools"}),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Service Buttons (ALL)")),o.a.createElement("div",{className:"radio-group",style:{marginBottom:12}},o.a.createElement("label",null,o.a.createElement("input",{type:"radio",name:"applyToAll",value:"communication",checked:"communication"===c,disabled:!0}),"Communication"),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",name:"applyToAll",value:"service",checked:"service"===c,disabled:!0}),"Service-based configurations")),o.a.createElement("div",{className:"proximity-section",style:{marginBottom:16}},o.a.createElement("div",{style:{marginBottom:10,color:"#555"}},o.a.createElement("strong",null,"Communication by Proximity Sensor"),o.a.createElement("br",null),"Status: ",o.a.createElement("span",{style:{fontWeight:600,color:m?"#388e3c":"#b71c1c"}},m?"Running":"Stopped")),o.a.createElement("button",{onClick:function(){if(!a){r(!0);var e=!m;g(e);var t='{"api":"toggle_proximity_communication", "activate": '.concat(e,', "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),setTimeout((function(){r(!1)}),2e3)}},disabled:a,style:{padding:"5px 14px",borderRadius:20,border:"1px solid #1976d2",background:m?"#e3fcef":"#e3eafc",color:m?"#388e3c":"#1976d2",fontWeight:600,fontSize:"0.92rem",cursor:a?"not-allowed":"pointer",marginTop:4,minWidth:80,boxShadow:m?"0 1px 4px #b6e0fe":"none",transition:"all 0.2s",outline:m?"1.5px solid #4caf50":"none"},onMouseEnter:function(e){a||(e.target.style.background=m?"#c8f7e0":"#dbeafe")},onMouseLeave:function(e){a||(e.target.style.background=m?"#e3fcef":"#e3eafc")}},m?"Stop":"Start")),o.a.createElement("div",{className:"button-group"},o.a.createElement("button",{onClick:function(){if(!a){r(!0);var e='{"api":"make_qa_toggle", "activate": '.concat("communication"===c,', "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1)}),2e3)}},disabled:a},"Toggle"),o.a.createElement("button",{onClick:function(){return ct("C",Ee)},disabled:a||"service"===c},"Run"))),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Service Button C")),o.a.createElement("div",{className:"radio-group"},o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"ok matilda",checked:"ok matilda"===Ee,onChange:function(e){return ye(e.target.value)},disabled:!0}),"Ok Matilda"),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"conversation",checked:"conversation"===Ee,onChange:function(e){return ye(e.target.value)},disabled:!0}),"Conversation")),o.a.createElement("div",{className:"button-group"},o.a.createElement("button",{onClick:function(){return st("make_ok_matilda_toggle")},disabled:a},"Toggle"),o.a.createElement("button",{onClick:function(){return ct("C",Ee)},disabled:a},"Run"))),o.a.createElement("hr",null),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Service Button L")),o.a.createElement("div",{className:"radio-group"},o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"book service",checked:"book service"===Ce,onChange:function(e){return je(e.target.value)},disabled:!0}),"Book Service"),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"video service",checked:"video service"===Ce,onChange:function(e){return je(e.target.value)},disabled:!0}),"Video Service")),o.a.createElement("div",{className:"button-group"},o.a.createElement("button",{onClick:function(){return st("make_video_toggle")},disabled:a},"Toggle"),o.a.createElement("button",{onClick:function(){return ct("L",Ce)},disabled:a},"Run"))),o.a.createElement("hr",null),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Service Button R")),o.a.createElement("div",{className:"radio-group"},o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"music service",checked:"music service"===ke,onChange:function(e){return Te(e.target.value)}}),"Music Service")),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:12}},o.a.createElement("label",{htmlFor:"motionDropdown",style:{fontWeight:500,marginRight:8}},"Motion:"),o.a.createElement("select",{id:"motionDropdown",style:{padding:"6px 12px",borderRadius:4,border:"1px solid #ccc"},value:Me,onChange:function(e){return Ne(e.target.value)},disabled:a},o.a.createElement("option",{value:"DBlues1"},"DBlues"),o.a.createElement("option",{value:"DClassical1"},"Classical"),o.a.createElement("option",{value:"DCountry1"},"Country"),o.a.createElement("option",{value:"DJazz1"},"Jazz"),o.a.createElement("option",{value:"DSoul1"},"Soul"),o.a.createElement("option",{value:"DChildren1"},"Rock")),o.a.createElement("button",{style:{padding:"6px 16px",borderRadius:4,border:"1px solid #2196F3",background:a||Le?"#eee":"#2196F3",color:a||Le?"#bbb":"#fff",fontWeight:500,marginLeft:8,cursor:a||Le?"not-allowed":"pointer"},onClick:function(){if(!a&&!Le){De(!0);var e='{"api":"make_default_motion_toggle", "motion": "'.concat(Me,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){De(!1)}),2e3)}},disabled:a||Le},Le?"Updating...":"Update")),o.a.createElement("div",{className:"button-group"},o.a.createElement("button",{onClick:function(){return ct("R",ke)},disabled:a},"Run"))),o.a.createElement("hr",null),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Service Button H")),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",value:"change language service",checked:!0}),"\xa0 Change Language"),o.a.createElement("div",{className:"button-group"},o.a.createElement("button",{onClick:function(){return ct("H",Ve)},disabled:a},"Run"))),o.a.createElement("hr",null),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Other Services")),o.a.createElement("div",{className:"toggle-buttons"},o.a.createElement("button",{onClick:function(){return st("make_button_toggle")},disabled:a,className:E?"active":""},E?"Deactivate Button Control":"Activate Button Control"),o.a.createElement("button",{onClick:function(){return st("make_activity_toggle")},disabled:a,className:w?"active":""},w?"Deactivate Activity Detection":"Activate Activity Detection"),o.a.createElement("button",{onClick:function(){return st("make_profiling_toggle")},disabled:a,className:R?"active":""},R?"Deactivate Profiling":"Activate Profiling"),o.a.createElement("button",{onClick:function(){return st("make_transcription_toggle")},disabled:a,className:_?"active":""},_?"Deactivate Transcription":"Activate Transcription"),o.a.createElement("button",{onClick:function(){return st("clear_analytics_data")},disabled:a,className:"active"},"Clear Analytics Data"))),o.a.createElement("hr",null),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Conversation Configuration")),o.a.createElement("div",{style:{marginBottom:10,color:"#555"}},"Configure conversation settings for Matilda."),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:16}},o.a.createElement("label",{htmlFor:"listenTimeInput",style:{fontWeight:500,marginRight:8}},"Listening Time (seconds):"),o.a.createElement("input",{id:"listenTimeInput",type:"number",min:1,style:{padding:"6px 12px",borderRadius:4,border:"1px solid #ccc",width:80},value:qe,onChange:function(e){var t=Number(e.target.value);Ge(t)},disabled:a}),o.a.createElement("button",{style:{padding:"6px 16px",borderRadius:4,border:"1px solid #2196F3",background:a?"#eee":"#2196F3",color:a?"#bbb":"#fff",fontWeight:500,marginLeft:8,cursor:a?"not-allowed":"pointer"},onClick:function(){var e={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/conversation-config",headers:{"Content-Type":"application/json"},data:JSON.stringify({listen_time:qe,monitoring_time:Ke,robot_id:localStorage.getItem("remoteId"),sleep_threshold:et})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)}))},disabled:a},"Update")),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:16}},o.a.createElement("label",{htmlFor:"maxWordsDropdown",style:{fontWeight:500,marginRight:8}},"Maximum words:"),o.a.createElement("select",{id:"maxWordsDropdown",style:{padding:"6px 12px",borderRadius:4,border:"1px solid #ccc"},value:We,onChange:function(e){var t=Number(e.target.value);if(Fe(t),!a){r(!0);var n='{"api":"post_max_words", "max_words": "'.concat(t,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)})),setTimeout((function(){return r(!1)}),2e3)}},disabled:a},o.a.createElement("option",{value:0},"0"),o.a.createElement("option",{value:70},"70"),o.a.createElement("option",{value:100},"100"),o.a.createElement("option",{value:200},"200"))),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:20,marginBottom:12}},o.a.createElement("span",{style:{fontWeight:500}},"Context:"),o.a.createElement("label",{style:{display:"flex",alignItems:"center",gap:6,cursor:"pointer"}},o.a.createElement("input",{type:"radio",name:"context",checked:J,onChange:function(){return lt(!0)},disabled:a}),"Activate"),o.a.createElement("label",{style:{display:"flex",alignItems:"center",gap:6,cursor:"pointer"}},o.a.createElement("input",{type:"radio",name:"context",checked:!J,onChange:function(){return lt(!1)},disabled:a}),"Deactivate")),o.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8,marginBottom:16}},o.a.createElement("label",{htmlFor:"contextTextArea",style:{fontWeight:500}},"Context Description:"),o.a.createElement("textarea",{id:"contextTextArea",placeholder:"Describe the context or roleplay scenario...",style:{width:"100%",minHeight:"80px",padding:"8px",borderRadius:4,border:"1px solid #ccc",fontFamily:"inherit",resize:"vertical"},value:fe,onChange:function(e){return be(e.target.value)},disabled:a}),o.a.createElement("button",{style:{alignSelf:"flex-start",padding:"4px 12px",fontSize:"0.85rem",borderRadius:4,border:"1px solid #666",background:a?"#eee":"#fff",cursor:a?"not-allowed":"pointer"},onClick:Object(te.a)($.a.mark((function e(){var t;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("Updating context to:",fe),r(!0),t='{"api":"update_context_text", "text": "'.concat(fe,'", "name": "').concat(localStorage.getItem("remoteId"),'"}'),Object(q.f)(q.c,(function(){Object(q.b)(t)})),setTimeout((function(){r(!1)}),2e3);case 5:case"end":return e.stop()}}),e)}))),disabled:a},"Update Context")),o.a.createElement("div",{style:{display:"flex",alignItems:"center",gap:20,marginBottom:16}},o.a.createElement("span",{style:{fontWeight:500}},"Conversation type:"),o.a.createElement("label",{style:{display:"flex",alignItems:"center",gap:6,cursor:"pointer"}},o.a.createElement("input",{type:"radio",name:"conversationType",checked:ce,onChange:function(){return it()},disabled:a}),"Empathetic"),o.a.createElement("label",{style:{display:"flex",alignItems:"center",gap:6,cursor:"pointer"}},o.a.createElement("input",{type:"radio",name:"conversationType",checked:!ce,onChange:function(){return it()},disabled:a}),"General")),o.a.createElement("div",{style:{display:"flex",gap:12}},o.a.createElement("button",{style:{padding:"6px 16px",borderRadius:4,border:"1px solid #f44336",background:a||ot?"#eee":"#f44336",color:a||ot?"#bbb":"#fff",fontWeight:500,cursor:a||ot?"not-allowed":"pointer"},onClick:function(){if(!a&&!ot){r(!0),rt(!0);var e='{"api":"reset_context", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1),rt(!1)}),8e3)}},disabled:a||ot},ot?"Resetting context...":"Reset Context"),o.a.createElement("button",{style:{padding:"6px 16px",borderRadius:4,border:"1px solid #2196F3",background:U?"#4CAF50":a?"#eee":"#2196F3",color:a?"#bbb":"#fff",fontWeight:500,cursor:a?"not-allowed":"pointer"},onClick:function(){if(!a){r(!0);var e=!U,t=e?"start_live":"stop_live";G(e);var n='{"api":"'.concat(t,'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(n)})),setTimeout((function(){r(!1)}),2e3)}},disabled:a},U?"Stop Live":"Start Live"),o.a.createElement("button",{style:{padding:"6px 16px",borderRadius:4,border:"1px solid #2196F3",background:U?"#4CAF50":a?"#eee":"#25f321",color:a?"#bbb":"#fff",fontWeight:500,cursor:a?"not-allowed":"pointer"},onClick:function(){if(!a){r(!0);G(!U);var e='{"api":"'.concat("start_medication",'", "name": "').concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1)}),2e3)}},disabled:a},"Start Medication"))),o.a.createElement("div",{className:"section"},o.a.createElement("h2",null,Nc("Status")),o.a.createElement("div",{style:{marginBottom:10,color:"#555"}},"Robot control and management options."),o.a.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:16,marginTop:16}},o.a.createElement("div",{style:{padding:"16px",border:"1px solid #ddd",borderRadius:"8px",backgroundColor:"#f9f9f9",textAlign:"center"}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",color:"#333",fontSize:"14px",fontWeight:"600"}},Nc("System Control")),o.a.createElement("button",{style:{width:"100%",padding:"10px 16px",borderRadius:6,border:"1px solid #ff9800",background:a?"#eee":"#ff9800",color:a?"#bbb":"#fff",fontWeight:500,fontSize:"14px",cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease"},onClick:function(){if(window.confirm("Are you sure you want to reboot the robot?")){var e='{"api":"rebootMatilda", "action":"get", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),alert("Reboot command sent.")}},disabled:a,onMouseEnter:function(e){a||(e.target.style.background="#f57c00")},onMouseLeave:function(e){a||(e.target.style.background="#ff9800")}},"\ud83d\udd04 ",Nc("Reboot Robot"))),o.a.createElement("div",{style:{padding:"16px",border:"1px solid #ddd",borderRadius:"8px",backgroundColor:"#f9f9f9",textAlign:"center"}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",color:"#333",fontSize:"14px",fontWeight:"600"}},Nc("Service Control")),o.a.createElement("button",{style:{width:"100%",padding:"10px 16px",borderRadius:6,border:"1px solid #f44336",background:a?"#eee":"#f44336",color:a?"#bbb":"#fff",fontWeight:500,fontSize:"14px",cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease"},onClick:function(){if(window.confirm("Are you sure you want to stop the service?")){var e='{"api":"serviceTerminate", "action":"get", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),alert("Stop command sent.")}},disabled:a,onMouseEnter:function(e){a||(e.target.style.background="#d32f2f")},onMouseLeave:function(e){a||(e.target.style.background="#f44336")}},"\u23f9\ufe0f ",Nc("Stop Service"))),o.a.createElement("div",{style:{padding:"16px",border:"1px solid #ddd",borderRadius:"8px",backgroundColor:"#f9f9f9",textAlign:"center"}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",color:"#333",fontSize:"14px",fontWeight:"600"}},Nc("Volume Control")),o.a.createElement("div",{style:{margin:"0 0 12px 0",fontSize:"18px",fontWeight:"bold",color:"#2196F3",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}},"\ud83d\udd0a ",K,"%"),o.a.createElement("div",{style:{display:"flex",gap:"8px"}},o.a.createElement("button",{style:{flex:1,padding:"8px 12px",borderRadius:4,border:"1px solid #4CAF50",background:a?"#eee":"#4CAF50",color:a?"#bbb":"#fff",fontWeight:500,fontSize:"12px",cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease"},onClick:function(){if(!a){r(!0);var e='{"api":"increase_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1),Object(q.f)(q.c,(function(){Object(q.b)('{"api":"current_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}'))}))}),1e3)}},disabled:a,onMouseEnter:function(e){a||(e.target.style.background="#45a049")},onMouseLeave:function(e){a||(e.target.style.background="#4CAF50")}},"\ud83d\udd0a +"),o.a.createElement("button",{style:{flex:1,padding:"8px 12px",borderRadius:4,border:"1px solid #FF5722",background:a?"#eee":"#FF5722",color:a?"#bbb":"#fff",fontWeight:500,fontSize:"12px",cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease"},onClick:function(){if(!a){r(!0);var e='{"api":"decrease_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),setTimeout((function(){r(!1),Object(q.f)(q.c,(function(){Object(q.b)('{"api":"current_volume", "name": "'.concat(localStorage.getItem("remoteId"),'"}'))}))}),1e3)}},disabled:a,onMouseEnter:function(e){a||(e.target.style.background="#e64a19")},onMouseLeave:function(e){a||(e.target.style.background="#FF5722")}},"\ud83d\udd09 -"))))))},zc=a(514),Lc=(a(976),["imageData"]),Dc=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(null),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(!1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(""),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(null),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(""),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(""),D=Object(v.a)(L,2),_=D[0],B=D[1],V=Object(n.useState)(""),P=Object(v.a)(V,2),J=P[0],W=P[1],F=Object(n.useState)(""),H=Object(v.a)(F,2),U=H[0],G=H[1],Y=Object(n.useState)(""),Q=Object(v.a)(Y,2),K=Q[0],Z=Q[1],X=Object(n.useState)(""),ae=Object(v.a)(X,2),ne=(ae[0],ae[1],Object(n.useState)("")),oe=Object(v.a)(ne,2),re=oe[0],le=oe[1],ie=Object(n.useState)(""),ce=Object(v.a)(ie,2),se=ce[0],ue=ce[1],me=Object(n.useState)(!1),ge=Object(v.a)(me,2),fe=ge[0],be=ge[1],he=Object(n.useState)(""),ve=Object(v.a)(he,2),Ee=ve[0],ye=ve[1],Oe=Object(n.useState)(""),Se=Object(v.a)(Oe,2),Ce=Se[0],je=Se[1],xe=Object(n.useState)(""),we=Object(v.a)(xe,2),ke=we[0],Te=we[1],Ie=Object(n.useState)(""),Ae=Object(v.a)(Ie,2),Me=Ae[0],Ne=Ae[1],Re=Object(n.useState)(""),ze=Object(v.a)(Re,2),Le=ze[0],De=ze[1],_e=Object(n.useState)(""),Be=Object(v.a)(_e,2),Ve=Be[0],Pe=Be[1],Je=Object(n.useState)(""),We=Object(v.a)(Je,2),Fe=We[0],He=We[1],Ue=Object(n.useState)(""),qe=Object(v.a)(Ue,2),Ge=qe[0],Ye=qe[1],Qe=Object(n.useState)(!1),Ke=Object(v.a)(Qe,2),Ze=Ke[0],Xe=Ke[1],$e=Object(n.useState)(!1),et=Object(v.a)($e,2),tt=et[0],at=et[1],nt=Object(n.useState)(!1),ot=Object(v.a)(nt,2),rt=ot[0],lt=ot[1],it=Object(n.useState)(!1),ct=Object(v.a)(it,2),st=ct[0],ut=ct[1],dt=Object(n.useState)(null),mt=Object(v.a)(dt,2),pt=mt[0],gt=mt[1],ft=Object(n.useState)(!1),bt=Object(v.a)(ft,2),ht=bt[0],vt=bt[1],Et=Object(n.useState)(!1),yt=Object(v.a)(Et,2),Ot=yt[0],St=yt[1],Ct=Object(n.useState)(0),jt=Object(v.a)(Ct,2),xt=jt[0],wt=jt[1],kt=Object(n.useState)(!1),Tt=Object(v.a)(kt,2),It=Tt[0],At=Tt[1],Mt=Object(n.useState)(!1),Nt=Object(v.a)(Mt,2),Rt=Nt[0],zt=Nt[1],Lt=Object(n.useState)(!1),Dt=Object(v.a)(Lt,2),_t=Dt[0],Bt=Dt[1],Vt=Object(n.useState)(!1),Pt=Object(v.a)(Vt,2),Jt=Pt[0],Wt=Pt[1],Ft=Object(n.useState)(!1),Ht=Object(v.a)(Ft,2),Ut=Ht[0],qt=Ht[1],Gt=Object(n.useState)(!1),Yt=Object(v.a)(Gt,2),Qt=Yt[0],Kt=Yt[1],Zt=Object(n.useState)(!1),Xt=Object(v.a)(Zt,2),$t=Xt[0],ea=Xt[1],ta=Object(n.useState)(!1),aa=Object(v.a)(ta,2),na=aa[0],oa=aa[1],ra=Object(n.useState)(6),la=Object(v.a)(ra,2),ia=la[0],ca=la[1],sa=Object(n.useState)(null),ua=Object(v.a)(sa,2),da=ua[0],ma=ua[1],pa=Object(n.useState)(!1),ga=Object(v.a)(pa,2),fa=(ga[0],ga[1]),ba=Object(n.useState)(""),ha=Object(v.a)(ba,2),va=(ha[0],ha[1]),Ea=Object(n.useState)(!1),ya=Object(v.a)(Ea,2),Oa=(ya[0],ya[1],Object(n.useState)(!1)),Sa=Object(v.a)(Oa,2),Ca=Sa[0],ja=Sa[1],xa=Object(n.useState)(null),wa=Object(v.a)(xa,2),ka=wa[0],Ta=wa[1],Ia=Object(n.useState)(null),Aa=Object(v.a)(Ia,2),Ma=Aa[0],Na=Aa[1],Ra=function(){ka&&(clearTimeout(ka),Ta(null),Na(null))};Object(n.useEffect)((function(){var e=new URLSearchParams(window.location.search),t=e.get("robot_name"),n=e.get("file_path");console.log("Story Builder loaded with URL parameters:"),console.log("- robot_name:",t),console.log("- file_path:",n),t&&(console.log("Setting remoteId from URL parameter:",t),localStorage.setItem("remoteId",t));var o=localStorage.getItem("remoteId");if(0==a.length){var l='{"api":"getLearningList", "action":"get","name": "'.concat(o,'"}');Object(q.f)(q.c,(function(){Object(q.b)(l)}))}q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("booklist")){if(0==a.length){var t=e.data.substring(0,e.data.length),l=JSON.parse(t.replace(/\0/g,"")).booklist||[];console.log("Received booklist:",l);var i=l.map((function(e,t){var a=e.path.split("/").pop().replace(".txt","");return{id:t+1,title:a,path:e.path,catalogs:[{id:1,content:"Sample content for ".concat(a,"...")}]}}));if(r(i),n&&i.length>0){console.log("Auto-loading book from URL parameter:",n);var c=i.find((function(e){return e.path===n}));if(c){console.log("Found matching story:",c.title),h(c),Xe(!0);var s='{"api":"get-specific-files", "action":"get","name": "'.concat(o,'", "file_path": "').concat(n,'"}');Object(q.f)(q.c,(function(){Object(q.b)(s)}))}else console.log("Story not found for path:",n)}}}else if(e.data&&e.data.toString().includes("file_content")){var u=JSON.parse(e.data).file_content;if(console.log("Received file content:",u),Xe(!1),Array.isArray(u)){console.log("Processing catalog content for image reconstruction:",u);var d=u.map((function(e,t){var a=Ua(e);return a&&console.log("Reconstructed image data for catalog ".concat(t+1,":"),a),{id:t+1,content:e,imageData:a}}));console.log("Final catalogs with image data:",d),r((function(e){return e.map((function(e){return e.id===(null===b||void 0===b?void 0:b.id)?Object(de.a)(Object(de.a)({},e),{},{catalogs:d}):e}))})),h((function(e){if(e){var t=Object(de.a)(Object(de.a)({},e),{},{catalogs:d}),a=new URLSearchParams(window.location.search).get("file_path");return a&&e.path===a&&d.length>0&&(console.log("Auto-starting playbook for URL-loaded story"),setTimeout((function(){vt(!0),wt(0),At(!0);var e=d[0];if(e&&e.content){var t=e.content.replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim();if(t.trim()){console.log("Auto-playing first catalog:",t);var a='{"action":"vocalisationText","event":'.concat(JSON.stringify(t.trim()),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Ra(),Na(0),Ta(setTimeout((function(){if(It&&0===xt){b&&1<b.catalogs.length?(wt(1),$a(1)):en()}}),2e4))}}}),500)),t}return e}))}}else if(e.data&&e.data.toString().includes("vocalise_done")&&e.data.toString().includes(localStorage.getItem("remoteId"))){var m;if(Ra(),console.log("\u2705 Vocalise completed message received:",e.data.toString()),console.log("\ud83d\udd0d DEBUG - Current play state:"),console.log("  - isPlaying:",It),console.log("  - isPlayMode:",ht),console.log("  - isCastMode:",Ot),console.log("  - showPreparingNext:",Ca),console.log("  - currentPlayingCatalog:",xt),console.log("  - selectedStory exists:",!!b),console.log("  - Total catalogs:",null===b||void 0===b||null===(m=b.catalogs)||void 0===m?void 0:m.length),Ca)return void console.log("\ud83d\udeab Ignoring vocalise_done - currently preparing next question");if(!It||!ht&&!Ot)return console.log("\ud83d\udeab Ignoring vocalise_done - not in active play mode"),console.log("  - isPlaying:",It,"should be true"),void console.log("  - isPlayMode:",ht,"OR isCastMode:",Ot,"should be true");console.log("\ud83c\udfb5 Normal vocalise done - handling sound and next steps");var p=null===b||void 0===b?void 0:b.catalogs[xt];if(p){if(console.log("\ud83d\udcc4 Current catalog content:",p.content),console.log("\ud83d\udcc4 Is this a question?",p.content.startsWith("<QUESTION>")),p.content.startsWith("<QUESTION>"))return console.log("\ufffd Question just finished being vocalized - starting question timer!"),void Ja(p.content);console.log("\u2705 Processing regular content catalog"),va(p.content);var g=p.content.match(/\\sound=([^\\]+)\\/);if(g){var f=g[1],v="/Extension/hci/book_reader/soundeffects/".concat(f,".wav");console.log("\ud83d\udd0a Playing sound after vocalise: ".concat(v));var E=localStorage.getItem("remoteId"),y='{"api":"music", "action":"start", "file":"'.concat(v,'", "motion":"DBlues1" , "name": "').concat(E,'"}');Object(q.f)(q.c,(function(){Object(q.b)(y)}))}else console.log("\ud83d\udd07 No sound found in catalog content");console.log("\ud83d\udcd6 Regular content completed, setting 6-second timer for next catalog"),setTimeout((function(){console.log("\u23f0 6-second timer expired, setting isWaitingForNext to true"),zt(!0)}),6e3)}else console.log("\u274c No catalog found at index:",xt),console.log("\u274c selectedStory:",b),console.log("\u274c catalogs array:",null===b||void 0===b?void 0:b.catalogs)}else e.data&&e.data.toString().includes("Start casting")?(console.log("\u2705 Start casting response received:",e.data.toString()),_t&&Ot&&(console.log("Cast confirmed, starting 5-second delay before vocalization"),Bt(!1),setTimeout((function(){Ot&&It&&nn()}),5e3))):e.data&&e.data.toString().includes("Stop casting")?(console.log("\u2705 Stop casting response received:",e.data.toString()),console.log("State check - isWaitingForStopCastResponse:",Jt,"isCastMode:",Ot),Jt&&Ot?(console.log("Stop cast confirmed, now starting cast"),Wt(!1),an()):(console.log("Conditions not met - not proceeding with cast"),console.log("Debug - isWaitingForStopCastResponse:",Jt),console.log("Debug - isCastMode:",Ot))):(console.log("Other message received:",e.data.toString().substring(0,100)),console.log("Received message:",e.data))}}),[Jt,Ot,_t,It,ht,xt,b]),Object(n.useEffect)((function(){return function(){Wa(),It&&(vt(!1),St(!1),At(!1))}}),[]),Object(n.useEffect)((function(){if(Rt&&It&&(ht||Ot)){console.log("Starting 2.5-second wait before next catalog...");var e=setTimeout((function(){var e;zt(!1);var t=xt+1;if(console.log("Attempting to play catalog ".concat(t+1," of ").concat(null===b||void 0===b||null===(e=b.catalogs)||void 0===e?void 0:e.length)),b&&t<b.catalogs.length)wt(t),Ot?tn(t):$a(t);else{if(console.log("All catalogs completed, showing completion screen"),Ot){console.log("Story completed - stopping cast mode");var a=localStorage.getItem("remoteId"),n=localStorage.getItem("castDevice");if(n){var o='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(n,'", "name": "').concat(a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)}))}}At(!1),zt(!1),qt(!0)}}),2500);return function(){return clearTimeout(e)}}}),[Rt,It,ht,Ot,xt,b]);var za=function(){if(m.trim()){var e=m.trim(),t="/mnt/learning/".concat(e,".txt"),n=localStorage.getItem("remoteId"),o='{"api":"createNewStory", "action":"get","name": "'.concat(n,'", "path": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)}));var l={id:a.length+1,title:e,path:t,catalogs:[]};r([l].concat(Object(ee.a)(a))),p(""),s(!1),console.log("Created new story with path:",t)}},La=function(){p(""),s(!1)},Da=function(){w(""),ea(!1),De(""),Pe(""),He(""),S(!1)},_a=function(e){for(var t,a=[],n=/<OPTION(\d)>(.*?)<\/OPTION\d>/g;null!==(t=n.exec(e));){a[parseInt(t[1])-1]=t[2].trim()}return a},Ba=function(e){var t=e.match(/<CORRECT>(\d)<\/CORRECT>/);return t?t[1]:""},Va=function(e,t,a,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=e.replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").trim(),l="";return t.trim()&&(l+=" <OPTION1>".concat(t.trim(),"</OPTION1>")),a.trim()&&(l+=" <OPTION2>".concat(a.trim(),"</OPTION2>")),n.trim()&&(l+=" <OPTION3>".concat(n.trim(),"</OPTION3>")),o&&["1","2","3"].includes(o)&&(l+=" <CORRECT>".concat(o,"</CORRECT>")),r+l},Pa=function(e){if(!e)return"";if(e.startsWith("<QUESTION>")){var t=e.replace(/^<QUESTION>\s*/,"").replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim(),a=_a(e),n="Question: ".concat(t);return a[0]&&(n+=". Option 1: ".concat(a[0])),a[1]&&(n+=". Option 2: ".concat(a[1])),a[2]&&(n+=". Option 3: ".concat(a[2])),n}return e.replace(/<[^>]*>/g,"").replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim()},Ja=function(e){console.log("Starting question timer with catalog content:",e),oa(!0),ca(6);var t=setInterval((function(){ca((function(a){if(a<=1){clearInterval(t),oa(!1),ma(null);var n=Ba(e);if(console.log("Extracted correct answer:",n),n){var o=_a(e);console.log("Extracted options:",o);var r=o[parseInt(n)-1];if(console.log("Answer text for correct option:",r),r)console.log("Announcing correct answer: Option ".concat(n,": ").concat(r)),oa(!1),Object(q.f)(q.c,(function(){Object(q.e)("The correct answer is Option ".concat(n,": ").concat(r))})),ja(!0),console.log("\u23f0 Showing 'Preparing next question...' for 3 seconds"),setTimeout((function(){var e;ja(!1),console.log("\u23f0 3 seconds elapsed, proceeding to next catalog");var t=xt+1;if(console.log("Moving from catalog ".concat(xt+1," to ").concat(t+1," of ").concat(null===b||void 0===b||null===(e=b.catalogs)||void 0===e?void 0:e.length)),b&&t<b.catalogs.length){wt(t);var a=localStorage.getItem("castDevice");Ot&&a?tn(b.catalogs[t]):$a(t)}else console.log("\ud83c\udf89 All catalogs completed - showing completion screen"),console.log("Setting showCompletionScreen to true"),Wa(),At(!1),zt(!1),qt(!0),console.log("Completion screen should now be visible")}),3e3);else{console.log("No answer text found, proceeding to next catalog immediately");var l=xt+1;if(l<b.catalogs.length){wt(l);var i=localStorage.getItem("castDevice");Ot&&i?tn(b.catalogs[l]):$a(l)}else console.log("\ud83c\udf89 All catalogs completed - showing completion screen"),Wa(),At(!1),zt(!1),qt(!0)}}else{console.log("No correct answer found in content, proceeding to next catalog immediately");var c=xt+1;if(c<b.catalogs.length){wt(c);var s=localStorage.getItem("castDevice");Ot&&s?tn(b.catalogs[c]):$a(c)}else console.log("\ud83c\udf89 All catalogs completed - showing completion screen"),Wa(),At(!1),zt(!1),qt(!0)}return 0}return a-1}))}),1e3);ma(t)},Wa=function(){da&&(clearInterval(da),ma(null)),oa(!1),ca(6),fa(!1),ja(!1)},Fa=function(){A(null),z(""),B(""),W(""),G(""),Z(""),be(!1),ye(""),je(""),Te(""),Ne("")},Ha=function(e){if(!e)return null;var t=e.match(/#([a-zA-Z0-9]+)/);return t?t[1]:null},Ua=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"uploaded-image",a=Ha(e);if(console.log("Attempting to extract image ID from content:",e),console.log("Extracted image ID:",a),!a)return console.log("No image ID found in content"),null;var n={fileId:a,url:"https://cloud-api-389807.ue.r.appspot.com/render-file/".concat(a),filename:t};return console.log("Reconstructed image data:",n),n},qa=function(e,t){var a=new RegExp("\\\\".concat(t,"=[^\\\\]*\\\\\\s*"),"g");return e.replace(a,"")},Ga=function(e,t,a){if(!a)return e;var n=qa(e,t);return"\\".concat(t,"=").concat(a,"\\ ").concat(n)},Ya=function(e,t){if(e||t){var a=e||"0",n=t||"0";"head=".concat(a,",").concat(n);z(Ga(R,"head","".concat(a,",").concat(n)))}else z(qa(R,"head"))},Qa=function(e,t){if(1===e?ye(t):2===e?je(t):3===e&&Te(t),void 0!==R&&fe){var a=1===e?t:Ee,n=2===e?t:Ce,o=3===e?t:ke,r=R.replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").trim(),l=Va(r,a,n,o,Me);z(l)}},Ka=function(){var e=Object(te.a)($.a.mark((function e(t,n){var o,l,i,c,s,u,d,m,p,g;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o=t.target.files[0]){e.next=3;break}return e.abrupt("return");case 3:if(o.type.startsWith("image/")){e.next=6;break}return alert("Please select an image file"),e.abrupt("return");case 6:return ut(!0),gt(n),e.prev=8,(l=new FormData).append("file",o),l.append("robot_id",localStorage.getItem("remoteId")),l.append("category","story_images"),e.next=15,fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:l});case 15:if((i=e.sent).ok){e.next=18;break}throw new Error("Failed to upload image");case 18:return e.next=20,i.text();case 20:c=e.sent,console.log("Image uploaded successfully:",c),s="https://cloud-api-389807.ue.r.appspot.com/render-file/".concat(c),u=b.catalogs.map((function(e){if(e.id===n){var t=e.content||"";return console.log("Original content:",t),t=t.replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim(),console.log("Content after removing ALL image IDs:",t),t=t?"".concat(t," #").concat(c):"#".concat(c),console.log("Final content with new image ID:",t),Object(de.a)(Object(de.a)({},e),{},{content:t,imageData:{fileId:c,url:s,filename:o.name}})}return e})),d=Object(de.a)(Object(de.a)({},b),{},{catalogs:u}),r(a.map((function(e){return e.id===b.id?d:e}))),h(d),I&&I.id===n&&(m=u.find((function(e){return e.id===n})))&&(z(m.content),A(m)),p=localStorage.getItem("remoteId"),g='{"api":"post-specific-files", "action":"get","name": "'.concat(p,'", "file_path": "').concat(d.path,'", "file_content": ').concat(JSON.stringify(d.catalogs.map((function(e){return e.content}))),"}"),Object(q.f)(q.c,(function(){Object(q.b)(g)})),console.log("Catalog updated with image:",n),e.next=38;break;case 34:e.prev=34,e.t0=e.catch(8),console.error("Error uploading image:",e.t0),alert("Failed to upload image. Please try again.");case 38:return e.prev=38,ut(!1),gt(null),e.finish(38);case 42:case"end":return e.stop()}}),e,null,[[8,34,38,42]])})));return function(t,a){return e.apply(this,arguments)}}(),Za=function(){Kt(!1)},Xa=function(e){if(b&&b.catalogs[e]){var t=b.catalogs[e],a=Pa(t.content);if(a.trim()){var n='{"action":"vocalisationText","event":'.concat(JSON.stringify(a.trim()),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(n)})),Ra(),Na(e),Ta(setTimeout((function(){if(It&&xt===e){var t=e+1;t<b.catalogs.length?(wt(t),$a(t)):en()}}),2e4))}else{var o=t.content.match(/\\sound=([^\\]+)\\/);if(o){var r=o[1],l="/Extension/hci/book_reader/soundeffects/".concat(r,".wav");console.log("Playing sound for catalog ".concat(e+1," (no voice content): ").concat(l));var i=localStorage.getItem("remoteId"),c='{"api":"music", "action":"start", "file":"'.concat(l,'", "motion":"DBlues1" , "name": "').concat(i,'"}');Object(q.f)(q.c,(function(){Object(q.b)(c)})),console.log("No voice content, waiting 6 seconds for music..."),setTimeout((function(){if(It){var t=e+1;t<b.catalogs.length?(wt(t),$a(t)):en()}}),6e3)}else console.log("Catalog ".concat(e+1," has no content, skipping...")),zt(!0)}}else en()},$a=function e(t){var a;if(console.log("playNextCatalog called with index: ".concat(t)),console.log("selectedStory exists: ".concat(!!b)),console.log("Total catalogs: ".concat(null===b||void 0===b||null===(a=b.catalogs)||void 0===a?void 0:a.length)),!b||!b.catalogs[t])return console.log("No more catalogs to play, stopping..."),void en();var n=b.catalogs[t],o=Pa(n.content);if(o.trim()){var r='{"action":"vocalisationText","event":'.concat(JSON.stringify(o.trim()),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(r)})),Ra(),Na(t),Ta(setTimeout((function(){if(It&&xt===t){var a=t+1;a<b.catalogs.length?(wt(a),e(a)):en()}}),2e4))}else{var l=n.content.match(/\\sound=([^\\]+)\\/);if(l){var i=l[1],c="/Extension/hci/book_reader/soundeffects/".concat(i,".wav");console.log("Playing sound for catalog ".concat(t+1," (no voice content): ").concat(c));var s=localStorage.getItem("remoteId"),u='{"api":"music", "action":"start", "file":"'.concat(c,'", "motion":"DBlues1" , "name": "').concat(s,'"}');Object(q.f)(q.c,(function(){Object(q.b)(u)})),console.log("No voice content, waiting 6 seconds for music..."),setTimeout((function(){if(It){var a=t+1;a<b.catalogs.length?(wt(a),e(a)):en()}}),6e3)}else console.log("Catalog ".concat(t+1," has no content, skipping...")),zt(!0)}},en=function(){if(Wa(),Ra(),Ot){console.log("Stopping cast mode - sending stop cast command");var e=localStorage.getItem("remoteId"),t=localStorage.getItem("castDevice");if(t){var a='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(t,'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}}vt(!1),St(!1),wt(0),At(!1),zt(!1),Bt(!1),Wt(!1),qt(!1),console.log("Stopping play mode")},tn=function(e){if(!b||!b.catalogs[e])return console.log("No catalog to cast, stopping..."),void en();b.catalogs[e];console.log("Starting cast sequence for catalog ".concat(e+1)),console.log("Current state before casting - isCastMode:",Ot,"isWaitingForStopCastResponse:",Jt),console.log("Step 1: Sending stop cast to prepare device");var t=localStorage.getItem("remoteId"),a='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Wt(!0),console.log("Waiting for Stop casting response..."),console.log("Set isWaitingForStopCastResponse to true")},an=function(){var e=b.catalogs[xt];if(!e)return console.log("No catalog found for casting, stopping..."),void en();if(console.log("Step 2: Proceeding with cast for catalog ".concat(xt+1)),e.imageData&&e.imageData.url){console.log("Casting image for catalog ".concat(xt+1,":"),e.imageData.url);var t=localStorage.getItem("remoteId"),a='{"api":"handleStartCastSite", "action":"start", "url": "'.concat(e.imageData.url,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(t,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Bt(!0),console.log("Waiting for Start casting response...")}else console.log("No image to cast for catalog ".concat(xt+1,", starting 5-second delay before vocalization")),setTimeout((function(){Ot&&It&&nn()}),5e3)},nn=function(){if(b&&b.catalogs[xt]){var e=b.catalogs[xt],t=Pa(e.content);if(t.trim()){var a='{"action":"vocalisationText","event":'.concat(JSON.stringify(t.trim()),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),Ra(),Na(xt),Ta(setTimeout((function(){It&&Ot&&xt===Ma&&zt(!0)}),2e4))}else{var n=e.content.match(/\\sound=([^\\]+)\\/);if(n){var o=n[1],r="/Extension/hci/book_reader/soundeffects/".concat(o,".wav");console.log("Playing sound in cast mode for catalog ".concat(xt+1," (no voice content): ").concat(r));var l=localStorage.getItem("remoteId"),i='{"api":"music", "action":"start", "file":"'.concat(r,'", "motion":"DBlues1" , "name": "').concat(l,'"}');Object(q.f)(q.c,(function(){Object(q.b)(i)})),console.log("No voice content in cast mode, waiting 6 seconds for music..."),setTimeout((function(){zt(!0)}),6e3)}else console.log("Catalog ".concat(xt+1," has no content, skipping...")),zt(!0)}}else en()},on=[{value:"child",label:"Child"},{value:"adult",label:"Adult"},{value:"younger-adult",label:"Younger Adult"},{value:"older-adult",label:"Older Adult"},{value:"senior",label:"Senior"}],rn=[{value:"neutral",label:"Neutral"},{value:"happy",label:"Happy"},{value:"sad",label:"Sad"},{value:"surprised",label:"Surprised"},{value:"angry",label:"Angry"},{value:"confused",label:"Confused"},{value:"disgust",label:"Disgust"},{value:"fear",label:"Fear"}],ln=[{value:"extreme-fast",label:"Extreme Fast"},{value:"very-fast",label:"Very Fast"},{value:"fast",label:"Fast"},{value:"normal",label:"Normal"},{value:"slow",label:"Slow"},{value:"very-slow",label:"Very Slow"},{value:"extreme-slow",label:"Extreme Slow"}];return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:"Story Builder"}),o.a.createElement("div",{className:"story-builder-container"},ht?Ut?o.a.createElement("div",{className:"completion-screen"},o.a.createElement("div",{className:"completion-content"},o.a.createElement("h2",null,"\ud83c\udf89 Story Completed!"),o.a.createElement("p",null,'You have finished reading "',b.title,'"'),o.a.createElement("div",{className:"completion-actions"},o.a.createElement("button",{className:"replay-btn",onClick:function(){qt(!1),wt(0),At(!0),zt(!1),Ot?(console.log("Replaying story in cast mode"),tn(0)):(console.log("Replaying story in play mode"),Xa(0))}},"\ud83d\udd04 Re-play Story"),o.a.createElement("button",{className:"back-to-catalogs-btn",onClick:function(){if(Ot){console.log("Returning to catalogs from completion - stopping cast mode");var e=localStorage.getItem("remoteId"),t=localStorage.getItem("castDevice");if(t){var a='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(t,'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}}qt(!1),vt(!1),St(!1),wt(0),At(!1),zt(!1)}},"\ud83d\udccb Back to Catalogs")))):o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"play-mode-content"},b.catalogs[xt]&&o.a.createElement("div",{className:"current-catalog-display side-by-side"},o.a.createElement("div",{className:"catalog-text left-caption"},o.a.createElement("div",{className:"side-header-block"},o.a.createElement("h2",{style:{marginTop:0}},Ot?"\ud83d\udcfa Casting:":"\ud83d\udd0a Reading:"," ",b.title),o.a.createElement("button",{className:"stop-play-btn",onClick:en},"\u23f9\ufe0f ",Ot?"Stop Casting":"Stop Reading"),o.a.createElement("div",{className:"play-progress"},"Catalog ",xt+1," of ",b.catalogs.length,Rt&&o.a.createElement("div",{className:"waiting-indicator"},o.a.createElement("div",{className:"waiting-dots"},"\u23f3 Preparing next catalog...")),_t&&Ot&&o.a.createElement("div",{className:"cast-waiting-indicator"},o.a.createElement("div",{className:"cast-waiting-dots"},"\ud83d\udcfa Waiting for cast response...")),na&&o.a.createElement("div",{className:"question-timer-indicator"},o.a.createElement("div",{className:"question-timer"},"\u23f0 Answer in: ",ia,"s")),Ca&&o.a.createElement("div",{className:"preparing-next-indicator"},o.a.createElement("div",{className:"preparing-next"},"\ud83d\udd04 Preparing next question...")))),o.a.createElement("pre",{style:{whiteSpace:"pre-wrap",fontFamily:"inherit"}},function(e){if(e&&e.startsWith("<QUESTION>")){var t=e.replace(/^<QUESTION>\s*/,"").replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim(),a=_a(e),n=t;return a.length>0&&(n+="\n\nOptions:",a[0]&&(n+="\n1) "+a[0]),a[1]&&(n+="\n2) "+a[1]),a[2]&&(n+="\n3) "+a[2])),n}return e.replace(/<[^>]*>/g,"").replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim()}(b.catalogs[xt].content))),o.a.createElement("div",{className:"catalog-image-display right-image"},Ot?o.a.createElement("div",{className:"cast-info-display"},b.catalogs[xt].imageData?o.a.createElement("div",{className:"cast-info"},o.a.createElement("div",{className:"cast-status"},"\ud83d\udcfa Image casting to device..."),o.a.createElement("div",{className:"cast-image-info"},o.a.createElement("span",null,"Casting: ",b.catalogs[xt].imageData.filename))):o.a.createElement("div",{className:"cast-info"},o.a.createElement("div",{className:"cast-status"},"\ud83d\udcfa No image to cast for this catalog"))):b.catalogs[xt].imageData&&o.a.createElement("img",{src:b.catalogs[xt].imageData.url,alt:b.catalogs[xt].imageData.filename,className:"play-mode-image"}))))):b?I?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"catalog-editor-header"},o.a.createElement("button",{className:"back-btn",onClick:Fa},"\u2190 Back to Catalogs"),o.a.createElement("h2",null,"Customize Catalog"),o.a.createElement("div",{className:"catalog-meta"},"Story: ",b.title)),o.a.createElement("div",{className:"catalog-customization"},o.a.createElement("div",{className:"content-section"},o.a.createElement("label",{htmlFor:"catalog-content-edit"},"Content:"),o.a.createElement("textarea",{id:"catalog-content-edit",value:R,onChange:function(e){return z(e.target.value)},placeholder:"Write your story content here...",className:"content-textarea-large",rows:"8"})),o.a.createElement("div",{className:"question-section"},o.a.createElement("div",{className:"question-toggle"},o.a.createElement("label",{className:"toggle-label"},o.a.createElement("input",{type:"checkbox",checked:fe,onChange:function(e){return function(e){if(be(e),void 0!==R){var t=R;t=(t=t.replace(/^<QUESTION>\s*/,"")).replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").trim(),e?(t="<QUESTION> ".concat(t),t=Va(t,Ee,Ce,ke,Me)):(ye(""),je(""),Te(""),Ne("")),z(t)}}(e.target.checked)},className:"question-checkbox"}),o.a.createElement("span",{className:"toggle-text"},"\ud83d\udcdd Mark as Question",fe&&o.a.createElement("span",{className:"question-indicator"}," (Question)"))),o.a.createElement("div",{className:"question-help"},"When enabled, adds <QUESTION> tag at the beginning of content")),fe&&o.a.createElement("div",{className:"question-options"},o.a.createElement("h4",null,"Answer Options"),o.a.createElement("div",{className:"option-inputs"},o.a.createElement("div",{className:"option-input-group"},o.a.createElement("label",{htmlFor:"option1"},"Option 1:"),o.a.createElement("input",{id:"option1",type:"text",value:Ee,onChange:function(e){return Qa(1,e.target.value)},placeholder:"Enter first answer option...",className:"option-input"})),o.a.createElement("div",{className:"option-input-group"},o.a.createElement("label",{htmlFor:"option2"},"Option 2:"),o.a.createElement("input",{id:"option2",type:"text",value:Ce,onChange:function(e){return Qa(2,e.target.value)},placeholder:"Enter second answer option...",className:"option-input"})),o.a.createElement("div",{className:"option-input-group"},o.a.createElement("label",{htmlFor:"option3"},"Option 3:"),o.a.createElement("input",{id:"option3",type:"text",value:ke,onChange:function(e){return Qa(3,e.target.value)},placeholder:"Enter third answer option...",className:"option-input"})),o.a.createElement("div",{className:"option-input-group"},o.a.createElement("label",{htmlFor:"correctAnswer"},"Correct Answer:"),o.a.createElement("select",{id:"correctAnswer",value:Me,onChange:function(e){return function(e){if(Ne(e),void 0!==R&&fe){var t=R.replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").trim(),a=Va(t,Ee,Ce,ke,e);z(a)}}(e.target.value)},className:"correct-answer-select"},o.a.createElement("option",{value:""},"Select correct answer..."),o.a.createElement("option",{value:"1"},"Option 1"),o.a.createElement("option",{value:"2"},"Option 2"),o.a.createElement("option",{value:"3"},"Option 3")))))),o.a.createElement("div",{className:"customization-options"},o.a.createElement("h3",null,"Customization Options"),o.a.createElement("div",{className:"options-grid"},o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"voice-select"},"Voice:"),o.a.createElement("select",{id:"voice-select",value:_,onChange:function(e){return function(e){if(B(e),void 0!==R){var t,a=null===(t=on.find((function(t){return t.value===e})))||void 0===t?void 0:t.label;z(a?Ga(R,"voice",a):qa(R,"voice"))}}(e.target.value)},className:"custom-select"},o.a.createElement("option",{value:""},"Select Voice"),on.map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)})))),o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"emotion-select"},"Emotion:"),o.a.createElement("select",{id:"emotion-select",value:J,onChange:function(e){return function(e){if(W(e),void 0!==R){var t,a=null===(t=rn.find((function(t){return t.value===e})))||void 0===t?void 0:t.label;z(a?Ga(R,"emotion",a):qa(R,"emotion"))}}(e.target.value)},className:"custom-select"},o.a.createElement("option",{value:""},"Select Emotion"),rn.map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)})))),o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"speed-select"},"Speed:"),o.a.createElement("select",{id:"speed-select",value:U,onChange:function(e){return function(e){if(G(e),void 0!==R){var t,a=null===(t=ln.find((function(t){return t.value===e})))||void 0===t?void 0:t.label;z(a?Ga(R,"speed",a):qa(R,"speed"))}}(e.target.value)},className:"custom-select"},o.a.createElement("option",{value:""},"Select Speed"),ln.map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)})))),o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"sound-select"},"Sound Effect:"),o.a.createElement("select",{id:"sound-select",value:K,onChange:function(e){return t=e.target.value,Z(t),void(void 0!==R&&z(t?Ga(R,"sound",t):qa(R,"sound")));var t},className:"custom-select"},o.a.createElement("option",{value:""},"Select Sound Effect"),[{value:"bird1",label:"Bird 1"},{value:"calf",label:"Calf"},{value:"cat",label:"Cat"},{value:"clappinghands",label:"Clapping Hands"},{value:"cow1",label:"Cow 1"},{value:"cow2",label:"Cow 2"},{value:"crocodile",label:"Crocodile"},{value:"dog",label:"Dog"},{value:"donkey",label:"Donkey"},{value:"duck1",label:"Duck 1"},{value:"ear",label:"Ear"},{value:"eggcrack",label:"Egg Crack"},{value:"eggcrack-old1",label:"Egg Crack (Old 1)"},{value:"elephant",label:"Elephant"},{value:"farmanimals",label:"Farm Animals"},{value:"foal",label:"Foal"},{value:"forest",label:"Forest"},{value:"fox",label:"Fox"},{value:"frog",label:"Frog"},{value:"goat",label:"Goat"},{value:"hen1",label:"Hen 1"},{value:"hippopotamus",label:"Hippopotamus"},{value:"horse",label:"Horse"},{value:"joybackground",label:"Joy Background"},{value:"lamb",label:"Lamb"},{value:"leopard",label:"Leopard"},{value:"maleduck",label:"Male Duck"},{value:"monkey",label:"Monkey"},{value:"neutralbackground1",label:"Neutral Background 1"},{value:"owl",label:"Owl"},{value:"pig",label:"Pig"},{value:"rain1",label:"Rain 1"},{value:"rain1-old1",label:"Rain 1 (Old 1)"},{value:"rain1-old2",label:"Rain 1 (Old 2)"},{value:"river",label:"River"},{value:"sea",label:"Sea"},{value:"sheep1",label:"Sheep 1"},{value:"sheep1-old1",label:"Sheep 1 (Old 1)"},{value:"snake1",label:"Snake 1"},{value:"storm",label:"Storm"},{value:"swimdiving",label:"Swim Diving"},{value:"swimdiving-old1",label:"Swim Diving (Old 1)"},{value:"tiger",label:"Tiger"}].map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)})))),o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"horizontal-movement-select"},"Horizontal Movement:"),o.a.createElement("select",{id:"horizontal-movement-select",value:re,onChange:function(e){return t=e.target.value,le(t),void(void 0!==R&&Ya(t,se));var t},className:"custom-select"},o.a.createElement("option",{value:""},"Select Horizontal Movement"),[{value:"-70",label:"-70"},{value:"-60",label:"-60"},{value:"-50",label:"-50"},{value:"-40",label:"-40"},{value:"-30",label:"-30"},{value:"-20",label:"-20"},{value:"-10",label:"-10"},{value:"0",label:"0"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"},{value:"40",label:"40"},{value:"50",label:"50"},{value:"60",label:"60"},{value:"70",label:"70"}].map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)})))),o.a.createElement("div",{className:"option-group"},o.a.createElement("label",{htmlFor:"vertical-movement-select"},"Vertical Movement:"),o.a.createElement("select",{id:"vertical-movement-select",value:se,onChange:function(e){return t=e.target.value,ue(t),void(void 0!==R&&Ya(re,t));var t},className:"custom-select"},o.a.createElement("option",{value:""},"Select Vertical Movement"),[{value:"-70",label:"-70"},{value:"-60",label:"-60"},{value:"-50",label:"-50"},{value:"-40",label:"-40"},{value:"-30",label:"-30"},{value:"-20",label:"-20"},{value:"-10",label:"-10"},{value:"0",label:"0"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"},{value:"40",label:"40"},{value:"50",label:"50"},{value:"60",label:"60"},{value:"70",label:"70"}].map((function(e){return o.a.createElement("option",{key:e.value,value:e.value},e.label)}))))),o.a.createElement("div",{className:"image-upload-section"},o.a.createElement("h4",null,"Catalog Image"),I.imageData?o.a.createElement("div",{className:"current-image"},o.a.createElement("img",{src:I.imageData.url,alt:I.imageData.filename,className:"current-image-preview"}),o.a.createElement("div",{className:"image-info"},o.a.createElement("span",{className:"image-filename"},I.imageData.filename),o.a.createElement("button",{className:"remove-image-btn",onClick:function(){return function(e){var t=b.catalogs.map((function(t){if(t.id===e){t.imageData;var a=Object(zc.a)(t,Lc),n=a.content||"";return console.log("Removing ALL image IDs from content:",n),n=n.replace(/\s*#[a-zA-Z0-9]+\s*/g," ").replace(/\s+/g," ").trim(),console.log("Content after removing ALL image IDs:",n),Object(de.a)(Object(de.a)({},a),{},{content:n})}return t})),n=Object(de.a)(Object(de.a)({},b),{},{catalogs:t});if(r(a.map((function(e){return e.id===b.id?n:e}))),h(n),I&&I.id===e){var o=t.find((function(t){return t.id===e}));o&&(z(o.content),A(o))}var l=localStorage.getItem("remoteId"),i='{"api":"post-specific-files", "action":"get","name": "'.concat(l,'", "file_path": "').concat(n.path,'", "file_content": ').concat(JSON.stringify(n.catalogs.map((function(e){return e.content}))),"}");Object(q.f)(q.c,(function(){Object(q.b)(i)})),console.log("Image removed from catalog:",e)}(I.id)},disabled:tt||rt},"\ud83d\uddd1\ufe0f Remove Image"))):o.a.createElement("div",{className:"upload-image-section"},o.a.createElement("input",{type:"file",accept:"image/*",onChange:function(e){return Ka(e,I.id)},style:{display:"none"},id:"catalog-image-upload",disabled:st||tt||rt}),o.a.createElement("label",{htmlFor:"catalog-image-upload",className:"upload-image-btn-large"},st&&pt===I.id?o.a.createElement(o.a.Fragment,null,"\u23f3 Uploading Image..."):o.a.createElement(o.a.Fragment,null,"\ud83d\uddbc\ufe0f Upload Image")),o.a.createElement("p",{className:"upload-description"},"Add an image to enhance your catalog")))),o.a.createElement("div",{className:"catalog-actions"},o.a.createElement("button",{className:"cancel-btn",onClick:Fa,disabled:tt||rt},"Cancel"),o.a.createElement("button",{className:"test-voice-btn",onClick:function(){if(R.trim()){var e="";if(fe){var t=R.replace(/^<QUESTION>\s*/,"").replace(/<OPTION\d>.*?<\/OPTION\d>/g,"").replace(/<CORRECT>.*?<\/CORRECT>/g,"").split("#")[0].trim();e="Question: ".concat(t),Ee.trim()&&(e+=". Option 1: ".concat(Ee.trim())),Ce.trim()&&(e+=". Option 2: ".concat(Ce.trim())),ke.trim()&&(e+=". Option 3: ".concat(ke.trim()))}else e=R.replace(/<[^>]*>/g,"").split("#")[0];console.log("Testing voice with content:",e);var a='{"action":"vocalisationText","event":'.concat(JSON.stringify(e),', "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){Object(q.b)(a)})),setTimeout((function(){var e=R.match(/\\sound=([^\\]+)\\/);if(e){var t=e[1],a="/Extension/hci/book_reader/soundeffects/".concat(t,".wav");console.log("Playing sound during test: ".concat(a));var n=localStorage.getItem("remoteId"),o='{"api":"music", "action":"start", "file":"'.concat(a,'", "motion":"DBlues1" , "name": "').concat(n,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)}))}}),2e3)}else alert("Please enter some content to test")},disabled:!R.trim()||tt||rt},"\ud83d\udd0a Test Voice"),o.a.createElement("button",{className:"delete-catalog-btn",onClick:function(){I&&b&&(window.confirm("Are you sure you want to delete this catalog? This action cannot be undone.")&&(lt(!0),setTimeout((function(){var e=b.catalogs.filter((function(e){return e.id!==I.id})),t=Object(de.a)(Object(de.a)({},b),{},{catalogs:e});r(a.map((function(e){return e.id===b.id?t:e}))),h(t);var n=localStorage.getItem("remoteId"),o='{"api":"post-specific-files", "action":"get","name": "'.concat(n,'", "file_path": "').concat(t.path,'", "file_content": ').concat(JSON.stringify(t.catalogs.map((function(e){return e.content}))),"}");Object(q.f)(q.c,(function(){Object(q.b)(o)})),console.log("Deleted catalog:",I.id),lt(!1),Fa()}),3e3)))},disabled:tt||rt},"\ud83d\uddd1\ufe0f ",rt?"Deleting...":"Delete"),o.a.createElement("button",{className:"save-btn",onClick:function(){R.trim()&&I&&b&&(at(!0),setTimeout((function(){var e=Object(de.a)(Object(de.a)({},I),{},{content:R.trim(),voice:_,emotion:J,speed:U,sound:K}),t=b.catalogs.map((function(t){return t.id===I.id?e:t})),n=Object(de.a)(Object(de.a)({},b),{},{catalogs:t});r(a.map((function(e){return e.id===b.id?n:e}))),h(n),A(null),z(""),B(""),W(""),G(""),Z(""),console.log("Updated story catalogs:",n.catalogs);var o=localStorage.getItem("remoteId"),l='{"api":"post-specific-files", "action":"get","name": "'.concat(o,'", "file_path": "').concat(n.path,'", "file_content": ').concat(JSON.stringify(n.catalogs.map((function(e){return e.content}))),"}");Object(q.f)(q.c,(function(){Object(q.b)(l)})),at(!1)}),5e3))},disabled:!R.trim()||tt||rt},tt?"Saving...":"Save Changes")),tt&&o.a.createElement("div",{className:"loading-overlay"},o.a.createElement("div",{className:"loading-spinner"}),o.a.createElement("div",{className:"loading-text"},"Saving...")),rt&&o.a.createElement("div",{className:"loading-overlay"},o.a.createElement("div",{className:"loading-spinner"}),o.a.createElement("div",{className:"loading-text"},"Deleting...")))):o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"story-editor-header"},o.a.createElement("button",{className:"back-btn",onClick:function(){h(null)}},"\u2190 Back to Stories"),o.a.createElement("h2",null,b.title),o.a.createElement("div",{className:"story-meta"},"Path: ",b.path)),o.a.createElement("div",{className:"catalogs-section"},o.a.createElement("div",{className:"catalogs-header"},o.a.createElement("h3",null,"Story Catalogs"),o.a.createElement("div",{className:"catalog-actions-header"},o.a.createElement("button",{className:"play-catalog-btn",onClick:function(){b&&b.catalogs.length>0?(vt(!0),wt(0),At(!0),Xa(0)):alert("No catalogs available to play")}},"\u25b6\ufe0f Play Catalogs"),o.a.createElement("button",{className:"cast-catalog-btn",onClick:function(){b&&b.catalogs.length>0?Kt(!0):alert("No catalogs available to cast")}},"\ud83d\udcfa Cast Catalog"),o.a.createElement("button",{className:"export-catalog-btn",onClick:function(){if(b&&b.catalogs.length>0){var e="";b.catalogs.forEach((function(t,a){var n=t.content.replace(/\\/g,"\\\\");e+=n,a<b.catalogs.length-1&&(e+="\n")}));var t=new Blob([e],{type:"text/plain"}),a=window.URL.createObjectURL(t),n=document.createElement("a");n.href=a,n.download="".concat(b.title.replace(/[^a-z0-9]/gi,"_").toLowerCase(),"_catalogs.txt"),document.body.appendChild(n),n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(a)}}},"\ud83d\udce5 Export Catalogs"),o.a.createElement("button",{className:"add-catalog-btn",onClick:function(){S(!0)}},"+ Add New Catalog"))),Ze?o.a.createElement("div",{className:"loading-catalogs"},o.a.createElement("div",{className:"spinner"}),o.a.createElement("p",null,"Loading catalogs...")):0===b.catalogs.length?o.a.createElement("div",{className:"no-catalogs"},o.a.createElement("p",null,"No catalogs yet. Add your first catalog to start writing!")):o.a.createElement("div",{className:"catalogs-grid"},b.catalogs.map((function(e){return o.a.createElement("div",{key:e.id,className:"catalog-item",onClick:function(){return function(e){var t=b.catalogs.find((function(t){return t.id===e}));A(t),z(t.content),B(t.voice||""),W(t.emotion||""),G(t.speed||""),Z(t.sound||"");var a=t.content.startsWith("<QUESTION>");if(be(a),a){var n=_a(t.content),o=Ba(t.content);ye(n[0]||""),je(n[1]||""),Te(n[2]||""),Ne(o)}else ye(""),je(""),Te(""),Ne("")}(e.id)}},o.a.createElement("div",{className:"catalog-icon"},e.content&&e.content.startsWith("<QUESTION>")?"\u2753":"\ud83d\udcdd"),o.a.createElement("div",{className:"catalog-info"},o.a.createElement("p",{className:"catalog-content"},e.content&&e.content.startsWith("<QUESTION>")&&o.a.createElement("span",{className:"question-badge"},"QUESTION"),e.content?e.content.replace(/^<QUESTION>\s*/,"").substring(0,150)+(e.content.replace(/^<QUESTION>\s*/,"").length>150?"...":""):"Click to add content...")),e.image&&o.a.createElement("div",{className:"catalog-image-preview"},o.a.createElement("img",{src:e.image.url,alt:e.image.filename,className:"catalog-thumbnail"}),o.a.createElement("div",{className:"image-indicator"},"\ufffd")))}))))):o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"story-builder-header"},o.a.createElement("h2",null,"Welcome to Story Builder"),o.a.createElement("p",null,"Create amazing stories with characters, settings, and your imagination!")),o.a.createElement("div",{className:"create-story-section"},o.a.createElement("button",{className:"create-new-story-btn",onClick:function(){s(!0)}},o.a.createElement("div",{className:"btn-icon"},"\u2728"),o.a.createElement("div",{className:"btn-text"},"Create New Story"))),o.a.createElement("div",{className:"stories-section"},o.a.createElement("h3",null,"Your Stories"),0===a.length?o.a.createElement("div",{className:"no-stories"},o.a.createElement("p",null,"No stories created yet. Start by creating your first story!")):o.a.createElement("div",{className:"stories-grid"},a.map((function(e){return o.a.createElement("div",{key:e.id,className:"story-folder",onClick:function(){return function(e){var t=a.find((function(t){return t.id===e}));h(t),Xe(!0);var n=localStorage.getItem("remoteId"),o='{"api":"get-specific-files", "action":"get","name": "'.concat(n,'", "file_path": "').concat(t.path,'"}');Object(q.f)(q.c,(function(){Object(q.b)(o)}))}(e.id)}},o.a.createElement("div",{className:"folder-icon"},"\ud83d\udcc1"),o.a.createElement("div",{className:"story-info"},o.a.createElement("h4",{className:"story-title"},e.title),o.a.createElement("p",{className:"story-date"},"Path: ",e.path)))}))))),c&&o.a.createElement("div",{className:"dialog-overlay"},o.a.createElement("div",{className:"dialog-container"},o.a.createElement("div",{className:"dialog-header"},o.a.createElement("h3",null,"Create New Story"),o.a.createElement("button",{className:"close-btn",onClick:La},"\xd7")),o.a.createElement("div",{className:"dialog-content"},o.a.createElement("label",{htmlFor:"story-title"},"Story Title:"),o.a.createElement("input",{id:"story-title",type:"text",value:m,onChange:function(e){return p(e.target.value)},placeholder:"Enter your story title...",className:"title-input",autoFocus:!0,onKeyPress:function(e){"Enter"===e.key&&za()}})),o.a.createElement("div",{className:"dialog-actions"},o.a.createElement("button",{className:"cancel-btn",onClick:La},"Cancel"),o.a.createElement("button",{className:"save-btn",onClick:za,disabled:!m.trim()},"Save Story")))),O&&o.a.createElement("div",{className:"dialog-overlay"},o.a.createElement("div",{className:"dialog-container"},o.a.createElement("div",{className:"dialog-header"},o.a.createElement("h3",null,"Add New Catalog"),o.a.createElement("button",{className:"close-btn",onClick:Da},"\xd7")),o.a.createElement("div",{className:"dialog-content"},o.a.createElement("label",{htmlFor:"catalog-content"},"Catalog Content:"),o.a.createElement("textarea",{id:"catalog-content",value:x,onChange:function(e){return w(e.target.value)},placeholder:"Write your story content here...",className:"content-textarea",autoFocus:!0,rows:"6"}),o.a.createElement("div",{className:"new-catalog-question-section"},o.a.createElement("label",{className:"new-catalog-toggle-label"},o.a.createElement("input",{type:"checkbox",checked:$t,onChange:function(e){return ea(e.target.checked)},className:"question-checkbox"}),o.a.createElement("span",{className:"toggle-text"},"\ud83d\udcdd Mark as Question",$t&&o.a.createElement("span",{className:"question-indicator"}," (Question)"))),$t&&o.a.createElement("div",{className:"new-catalog-options"},o.a.createElement("h4",null,"Answer Options"),o.a.createElement("div",{className:"new-option-inputs"},o.a.createElement("div",{className:"new-option-input-group"},o.a.createElement("label",{htmlFor:"new-option1"},"Option 1:"),o.a.createElement("input",{id:"new-option1",type:"text",value:Le,onChange:function(e){return De(e.target.value)},placeholder:"Enter first answer option...",className:"option-input"})),o.a.createElement("div",{className:"new-option-input-group"},o.a.createElement("label",{htmlFor:"new-option2"},"Option 2:"),o.a.createElement("input",{id:"new-option2",type:"text",value:Ve,onChange:function(e){return Pe(e.target.value)},placeholder:"Enter second answer option...",className:"option-input"})),o.a.createElement("div",{className:"new-option-input-group"},o.a.createElement("label",{htmlFor:"new-option3"},"Option 3:"),o.a.createElement("input",{id:"new-option3",type:"text",value:Fe,onChange:function(e){return He(e.target.value)},placeholder:"Enter third answer option...",className:"option-input"})),o.a.createElement("div",{className:"new-option-input-group"},o.a.createElement("label",{htmlFor:"new-correctAnswer"},"Correct Answer:"),o.a.createElement("select",{id:"new-correctAnswer",value:Ge,onChange:function(e){return Ye(e.target.value)},className:"correct-answer-select"},o.a.createElement("option",{value:""},"Select correct answer..."),o.a.createElement("option",{value:"1"},"Option 1"),o.a.createElement("option",{value:"2"},"Option 2"),o.a.createElement("option",{value:"3"},"Option 3"))))))),o.a.createElement("div",{className:"dialog-actions"},o.a.createElement("button",{className:"cancel-btn",onClick:Da},"Cancel"),o.a.createElement("button",{className:"save-btn",onClick:function(){if(x.trim()&&b){var e=x.trim();$t&&(e="<QUESTION> ".concat(e),e=Va(e,Le,Ve,Fe,Ge));var t={id:b.catalogs.length+1,content:e,voice:"",emotion:"",speed:"",sound:""},n=Object(de.a)(Object(de.a)({},b),{},{catalogs:[].concat(Object(ee.a)(b.catalogs),[t])});r(a.map((function(e){return e.id===b.id?n:e}))),h(n);var o=localStorage.getItem("remoteId"),l='{"api":"post-specific-files", "action":"get","name": "'.concat(o,'", "file_path": "').concat(n.path,'", "file_content": ').concat(JSON.stringify(n.catalogs.map((function(e){return e.content}))),"}");Object(q.f)(q.c,(function(){Object(q.b)(l)})),console.log("New catalog saved to server:",t),w(""),ea(!1),De(""),Pe(""),He(""),S(!1)}},disabled:!x.trim()},"Add Catalog")))),Qt&&o.a.createElement("div",{className:"dialog-overlay"},o.a.createElement("div",{className:"dialog-container"},o.a.createElement("div",{className:"dialog-header"},o.a.createElement("h3",null,"Cast Story"),o.a.createElement("button",{className:"close-btn",onClick:Za},"\xd7")),o.a.createElement("div",{className:"dialog-content"},o.a.createElement("p",null,'Choose an action for casting "',null===b||void 0===b?void 0:b.title,'" to your device:'),o.a.createElement("div",{className:"cast-info"},o.a.createElement("strong",null,"Cast Device:")," ",localStorage.getItem("castDevice")||"Not set")),o.a.createElement("div",{className:"dialog-actions"},o.a.createElement("button",{className:"cancel-btn",onClick:Za},"Cancel"),o.a.createElement("button",{className:"stop-cast-btn",onClick:function(){var e=localStorage.getItem("remoteId"),t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(e,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),console.log("Stopping cast on device"),Kt(!1)}},"\u23f9\ufe0f Stop Cast"),o.a.createElement("button",{className:"start-cast-btn",onClick:function(){b&&b.catalogs.length>0?(St(!0),vt(!0),wt(0),At(!0),tn(0)):alert("No catalogs available to cast"),Kt(!1)}},"\ud83d\udcfa Start Cast"))))))},_c=function(){var e=Object(n.useState)([]),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("events"),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(!1),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(1),y=Object(v.a)(E,2),O=y[0],S=y[1],C=function(){h(!0),r([]),s(""),S(1);var e='{"api":"getEventLog", "action":"get","name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))};Object(n.useEffect)((function(){C(),q.c.onmessage=function(e){if(e.data&&e.data.toString().includes("server_snips_log")){var t=JSON.parse(e.data);s(t.server_snips_log||""),r(t.event_logs||[]),h(!1)}}}),[]);var j=5*O,x=j-5,w=a.slice(x,j),k=Math.ceil(a.length/5),T={container:{padding:"clamp(12px, 3vw, 24px)",fontFamily:"'Segoe UI', Roboto, sans-serif",backgroundColor:"#f8f9fa",minHeight:"85vh",color:"#333"},headerRow:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"12px",marginBottom:"20px"},syncButton:{display:"flex",alignItems:"center",gap:"8px",padding:"10px 16px",backgroundColor:b?"#cbd5e1":"#007bff",color:"#ffffff",border:"none",borderRadius:"6px",cursor:b?"not-allowed":"pointer",fontWeight:"600",fontSize:"14px",transition:"background 0.2s ease"},tabContainer:{display:"flex",gap:"4px",borderBottom:"1px solid #e2e8f0",flexGrow:1},tab:function(e){return{padding:"12px 16px",cursor:"pointer",fontWeight:"600",fontSize:"14px",border:"none",borderBottom:e?"3px solid #007bff":"3px solid transparent",color:e?"#007bff":"#64748b",background:"transparent",outline:"none",transition:"all 0.2s ease"}},contentCard:{background:"#ffffff",padding:"clamp(16px, 4vw, 24px)",borderRadius:"12px",boxShadow:"0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03)",overflow:"hidden"},preBlock:{backgroundColor:"#0f172a",color:"#e2e8f0",padding:"16px",borderRadius:"8px",overflowX:"auto",maxHeight:"550px",fontFamily:"'Fira Code', Consolas, monospace",fontSize:"12px",lineHeight:"1.6"},badge:function(e){var t=e.toLowerCase().includes("error")||e.toLowerCase().includes("fail");return{padding:"4px 8px",borderRadius:"4px",fontSize:"11px",fontWeight:"600",display:"inline-block",backgroundColor:t?"#fee2e2":"#e0f2fe",color:t?"#991b1b":"#0369a1"}},loaderContainer:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"60px 0"},paginationContainer:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"12px",marginTop:"20px",paddingTop:"15px",borderTop:"1px solid #edf2f7"},pageButton:function(e){return{padding:"8px 16px",backgroundColor:e?"#f1f5f9":"#ffffff",color:e?"#94a3b8":"#334155",border:"1px solid #cbd5e1",borderRadius:"6px",cursor:e?"not-allowed":"pointer",fontWeight:"500",fontSize:"14px"}}};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:"Log Management Center"}),o.a.createElement("div",{style:T.container},o.a.createElement("div",{style:T.headerRow},o.a.createElement("div",{style:T.tabContainer},o.a.createElement("button",{style:T.tab("events"===m),onClick:function(){return p("events")}},"Database Events"),o.a.createElement("button",{style:T.tab("snips"===m),onClick:function(){return p("snips")}},"Server Snips File")),o.a.createElement("button",{style:T.syncButton,onClick:C,disabled:b},b?"Syncing...":"Re-sync Logs")),o.a.createElement("div",{style:T.contentCard},b?o.a.createElement("div",{style:T.loaderContainer},o.a.createElement("div",{className:"circular-spinner"}),o.a.createElement("p",{style:{marginTop:"16px",color:"#64748b",fontWeight:"500"}},"Fetching system logs...")):"events"===m?o.a.createElement("div",null,0===a.length?o.a.createElement("p",{style:{color:"#64748b"}},"No execution strings recorded in database cluster."):o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"desktop-table-view"},o.a.createElement("table",{style:{width:"100%",borderCollapse:"collapse"}},o.a.createElement("thead",null,o.a.createElement("tr",null,o.a.createElement("th",{className:"log-th"},"Timestamp"),o.a.createElement("th",{className:"log-th"},"Target Endpoint"),o.a.createElement("th",{className:"log-th"},"Classification"),o.a.createElement("th",{className:"log-th"},"Description payload"))),o.a.createElement("tbody",null,w.map((function(e,t){return o.a.createElement("tr",{key:e._id||t},o.a.createElement("td",{className:"log-td"},e.Date," ",o.a.createElement("span",{style:{color:"#94a3b8"}},e.Time)),o.a.createElement("td",{className:"log-td"},o.a.createElement("code",{style:{background:"#f1f5f9",padding:"2px 6px",borderRadius:"4px"}},e.Endpoint)),o.a.createElement("td",{className:"log-td"},o.a.createElement("span",{style:T.badge(e.EventType)},e.EventType)),o.a.createElement("td",{className:"log-td"},e.Description))}))))),o.a.createElement("div",{className:"mobile-cards-view"},w.map((function(e,t){return o.a.createElement("div",{key:e._id||t,className:"log-mobile-card"},o.a.createElement("div",{className:"card-header-flex"},o.a.createElement("span",{style:{fontSize:"12px",color:"#64748b",fontWeight:"600"}},e.Date," ",o.a.createElement("span",{style:{fontWeight:"400"}},e.Time)),o.a.createElement("span",{style:T.badge(e.EventType)},e.EventType)),o.a.createElement("div",{style:{margin:"8px 0"}},o.a.createElement("span",{style:{fontSize:"11px",textTransform:"uppercase",color:"#94a3b8",display:"block"}},"Endpoint"),o.a.createElement("code",{style:{background:"#f1f5f9",padding:"2px 6px",borderRadius:"4px",fontSize:"13px",display:"inline-block",marginTop:"2px"}},e.Endpoint)),o.a.createElement("div",{style:{marginTop:"8px"}},o.a.createElement("span",{style:{fontSize:"11px",textTransform:"uppercase",color:"#94a3b8",display:"block"}},"Description"),o.a.createElement("p",{style:{margin:"2px 0 0 0",fontSize:"14px",color:"#334155",lineHeight:"1.4"}},e.Description)))}))),k>1&&o.a.createElement("div",{style:T.paginationContainer},o.a.createElement("span",{style:{fontSize:"14px",color:"#64748b"}},"Showing ",x+1," to ",Math.min(j,a.length)," of ",a.length," entries"),o.a.createElement("div",{style:{display:"flex",gap:"8px",alignItems:"center"}},o.a.createElement("button",{style:T.pageButton(1===O),onClick:function(){return S((function(e){return Math.max(e-1,1)}))},disabled:1===O},"Previous"),o.a.createElement("span",{style:{fontSize:"14px",fontWeight:"600",color:"#334155",padding:"0 4px"}},O," / ",k),o.a.createElement("button",{style:T.pageButton(O===k),onClick:function(){return S((function(e){return Math.min(e+1,k)}))},disabled:O===k},"Next"))))):o.a.createElement("div",null,c?o.a.createElement("pre",{style:T.preBlock},c):o.a.createElement("p",{style:{color:"#64748b"}},"Flat file buffer stream is currently empty.")))),o.a.createElement("style",null,"\n                .circular-spinner {\n                    width: 45px;\n                    height: 45px;\n                    border: 4px solid #e2e8f0;\n                    border-top: 4px solid #007bff;\n                    border-radius: 50%;\n                    animation: spin 0.8s linear infinite;\n                }\n                .log-th {\n                    border-bottom: 2px solid #edf2f7; \n                    padding: 12px 16px; \n                    text-align: left; \n                    color: #475569; \n                    fontWeight: 600; \n                    background-color: #f8fafc;\n                }\n                .log-td {\n                    border-bottom: 1px solid #edf2f7; \n                    padding: 14px 16px; \n                    text-align: left; \n                    font-size: 14px;\n                }\n                \n                /* Layout Visibility Rules Setup */\n                .mobile-cards-view { display: none; }\n                .desktop-table-view { display: block; }\n                \n                @keyframes spin {\n                    0% { transform: rotate(0deg); }\n                    100% { transform: rotate(360deg); }\n                }\n\n                /* Mobile View Engine Trigger (< 768px wide) */\n                @media (max-width: 768px) {\n                    .desktop-table-view { display: none; }\n                    .mobile-cards-view { display: block; }\n                    \n                    .log-mobile-card {\n                        background-color: #ffffff;\n                        border: 1px solid #e2e8f0;\n                        border-radius: 8px;\n                        padding: 16px;\n                        margin-bottom: 12px;\n                        box-shadow: 0 1px 3px rgba(0,0,0,0.02);\n                    }\n                    .card-header-flex {\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        border-bottom: 1px dashed #f1f5f9;\n                        padding-bottom: 8px;\n                        margin-bottom: 8px;\n                    }\n                }\n            "))},Bc=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],p=d[1];Object(n.useEffect)((function(){q.c.onmessage=function(e){if(console.log("Received message from server:",e.data),e.data.includes("Search Started")||e.data.includes("Searching:")){var t=e.data;t.startsWith('"')&&t.endsWith('"')&&(t=t.slice(1,-1)),t=t.replace(/\\n/g,""),s(t),p(!1)}else if(e.data.includes("file_details")){var a=JSON.parse(e.data);s(a.file_details),p(!1)}}}),[]);return o.a.createElement("div",{style:{padding:24}},o.a.createElement(pe.a,{title:"Code Base Management"}),o.a.createElement(da.a,{elevation:2,style:{marginTop:16,padding:20}},o.a.createElement(K.a,{variant:"h6",style:{marginBottom:16}},"Repository Search"),o.a.createElement(he.a,{label:"Search Repository Tasks...",variant:"outlined",fullWidth:!0,value:a,onChange:function(e){return r(e.target.value)},onKeyDown:function(e){if("Enter"===e.key){s(""),p(!0);var t='{"api":"search-files", "name":"'.concat(localStorage.getItem("remoteId"),'","keyword": "').concat(a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},placeholder:"Type here and press Enter",disabled:m}),o.a.createElement(me.a,{size:"small",color:"primary",variant:"outlined",onClick:function(){return function(e){s(""),p(!0);var t='{"api":"getSpecFle", "name":"'.concat(localStorage.getItem("remoteId"),'","keyword": "').concat(a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}()},disabled:m},"View File")),m&&o.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",marginTop:32}},o.a.createElement(k.a,null),o.a.createElement(K.a,{color:"textSecondary",style:{marginTop:16}},"Searching for results...")),!m&&c&&o.a.createElement(da.a,{elevation:2,style:{marginTop:16,padding:20}},o.a.createElement(K.a,{variant:"h6",style:{marginBottom:16}},"Search Results"),o.a.createElement("div",{className:"custom-table-container",style:{width:"100%",overflowX:"auto"},dangerouslySetInnerHTML:{__html:c}}),o.a.createElement("style",{dangerouslySetInnerHTML:{__html:"\n            .custom-table-container table {\n              width: 100% !important;\n              border-collapse: collapse !important;\n              margin-top: 10px;\n              font-family: sans-serif;\n            }\n            .custom-table-container th, .custom-table-container td {\n              border: 1px solid #ddd !important;\n              padding: 10px !important;\n            }\n            .custom-table-container tr:nth-child(even) {\n              background-color: #f9f9f9;\n            }\n            .custom-table-container code {\n              background-color: #f4f4f4;\n              padding: 2px 6px;\n              border-radius: 4px;\n              font-family: monospace;\n            }\n          "}})))},Vc=Aa.filter((function(e){return e.locations.indexOf("home")>-1})),Pc=Object(Y.a)((function(e){return{root:Object(P.a)({display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:"1fr"},e.breakpoints.up("sm"),{gridTemplateColumns:"1fr 1fr 1fr"}),fab:{margin:0,top:"auto",left:"auto",bottom:20,right:20,position:"fixed",zIndex:9,fontSize:"11px"},image:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",gap:"1rem",color:"#fff",justifyContent:"flex-start","&:hover, &$focusVisible":{zIndex:1,"& $imageSrc":{transform:"scale(1.2)"},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"0"}}},"&$focusVisible":{background:"#000",opacity:1},imageButton:{},imageSrc:Object(P.a)({transition:"0.5s ease",display:"flex",borderRadius:"50%",height:"100px",width:"100px",background:"#000",backgroundSize:"cover",alignItems:"center",justifyContent:"center"},e.breakpoints.up("sm"),{height:"120px",width:"120px"}),imageSVG:Object(P.a)({width:"65px",height:"65px",color:"#fff"},e.breakpoints.up("sm"),{height:"60px",width:"60px"}),imageTitle:{color:"#333",fontWeight:"bold",fontSize:"1.1rem"},imageMarked:{backgroundColor:"#ffffff",position:"absolute",top:0,left:0,right:0,bottom:0,transition:e.transitions.create("opacity")}}}));function Jc(){var e=Object(p.f)(),t=Object(n.useState)(""),a=Object(v.a)(t,2),r=(a[0],a[1]),l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Pc(),u=function(t,a){c(!0),r(t),e.push(a)};Object(n.useEffect)((function(){var e=localStorage.getItem("remoteId");console.log("Current Language",localStorage.getItem("pageLanguage"),e),G()}),[]);var d=function(e){if(console.log("COMPUTE TITLE",localStorage.getItem("Connect"),{"My Way.mp3":'{"My Way.mp3":{"Mandarin":"\u6211\u7684\u8def.mp3","Japanese":"\u79c1\u306e\u3084\u308a\u65b9.mp3"}}',"Example - Sam":'{"Example - Sam":{"Mandarin":"\u793a\u4f8b - \u5c71\u59c6","Japanese":"\u4f8b - \u30b5\u30e0"}}',Start:'{"Start":{"Mandarin":"\u5f00\u59cb","Japanese":"\u59cb\u3081\u308b"}}',"Audio Call listing":'{"Audio Call listing":{"Mandarin":"\u97f3\u9891\u901a\u8bdd\u5217\u8868","Japanese":"\u97f3\u58f0\u901a\u8a71\u30ea\u30b9\u30c8"}}',"Justine Clarke - Imagination.mp3":'{"Justine Clarke - Imagination.mp3":{"Mandarin":"\u8d3e\u65af\u6c40\xb7\u514b\u62c9\u514b - Imagination.mp3","Japanese":"\u30b8\u30e3\u30b9\u30c6\u30a3\u30f3\u30fb\u30af\u30e9\u30fc\u30af - Imagination.mp3"}}',"Patty's First Day of School":'{"Patty\'s First Day of School":{"Mandarin":"\u5e15\u8482\u4e0a\u5b66\u7684\u7b2c\u4e00\u5929","Japanese":"\u30d1\u30c6\u30a3\u306e\u5b66\u6821\u521d\u65e5"}}',Maya:'{"Maya":{"Mandarin":"\u739b\u96c5\u4eba","Japanese":"\u30de\u30e4"}}',"Track 2":'{"Track 2":{"Mandarin":"\u8f68\u9053 2","Japanese":"\u30c8\u30e9\u30c3\u30af2"}}',BOOKPLAY:'{"BOOKPLAY":{"Mandarin":"\u4e66\u672c","Japanese":"\u30d6\u30c3\u30af\u30d7\u30ec\u30a4"}}',"The Hold My Hand Rap - Slower Version":'{"The Hold My Hand Rap - Slower Version":{"Mandarin":"\u63e1\u4f4f\u6211\u7684\u624b\u8bf4\u5531 - \u6162\u901f\u7248\u672c","Japanese":"\u30db\u30fc\u30eb\u30c9\u30fb\u30de\u30a4\u30fb\u30cf\u30f3\u30c9\u30fb\u30e9\u30c3\u30d7 - \u30b9\u30ed\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3"}}',"General Quiz - Copy":'{"General Quiz - Copy":{"Mandarin":"\u4e00\u822c\u6d4b\u9a8c - \u526f\u672c","Japanese":"\u4e00\u822c\u30af\u30a4\u30ba - \u30b3\u30d4\u30fc"}}',Japanese:'{"Japanese":{"Mandarin":"\u65e5\u672c\u4eba","Japanese":"\u65e5\u672c"}}',"Australian Phonics Song.mp3":'{"Australian Phonics Song.mp3":{"Mandarin":"\u6fb3\u5927\u5229\u4e9a\u62fc\u97f3\u6b4c\u66f2.mp3","Japanese":"\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\u30f3\u30d5\u30a9\u30cb\u30c3\u30af\u30b9\u30bd\u30f3\u30b0.mp3"}}',"Videos & Movies":'{"Videos & Movies":{"Mandarin":"\u5f71\u7247","Japanese":"\u52d5\u753b"}}',"Freeze Dance Freeze Song Freeze Dance for Kids Music for Kids The Kiboomers.mp3":'{"Freeze Dance Freeze Song Freeze Dance for Kids Music for Kids The Kiboomers.mp3":{"Mandarin":"Freeze Dance Freeze Song Freeze Dance for Kids \u513f\u7ae5\u97f3\u4e50 The Kiboomers.mp3","Japanese":"\u30d5\u30ea\u30fc\u30ba \u30c0\u30f3\u30b9 \u30d5\u30ea\u30fc\u30ba \u30bd\u30f3\u30b0 \u5b50\u4f9b\u306e\u305f\u3081\u306e\u30d5\u30ea\u30fc\u30ba \u30c0\u30f3\u30b9 \u5b50\u4f9b\u306e\u305f\u3081\u306e\u97f3\u697d The Kiboomers.mp3"}}',"balang ganha bungangbu burrami.mp3":'{"balang ganha bungangbu burrami.mp3":{"Mandarin":"Balang ganha bungangbu burrami.mp3","Japanese":"\u30d0\u30e9\u30f3\u30ac\u30f3\u30cf\u30d6\u30f3\u30ac\u30f3\u30d6\u30d6\u30e9\u30df.mp3"}}',Music:'{"Music":{"Mandarin":"\u97f3\u4e50","Japanese":"\u97f3\u697d"}}',Connect:'{"Connect":{"Mandarin":"\u8fde\u63a5","Japanese":"\u63a5\u7d9a"}}',"switch.smart_plug_1":'{"switch.smart_plug_1":{"Mandarin":"switch.smart_plug_1","Japanese":"switch.smart_plug_1"}}',"Calendar based Service Scheduling":'{"Calendar based Service Scheduling":{"Mandarin":"\u57fa\u4e8e\u65e5\u5386\u7684\u670d\u52a1\u8c03\u5ea6","Japanese":"\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30b5\u30fc\u30d3\u30b9\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u8a2d\u5b9a"}}',Sudoku:'{"Sudoku":{"Mandarin":"\u6570\u72ec","Japanese":"\u6570\u72ec"}}',"\u5c0f\u661f":'{"\u5c0f\u661f":{"Mandarin":"\u5c0f\u661f","Japanese":"\u5c0f\u3055\u306a\u661f"}}',Frank:'{"Frank":{"Mandarin":"\u5766\u7387","Japanese":"\u30d5\u30e9\u30f3\u30af"}}',"Dazzle Duckling":'{"Dazzle Duckling":{"Mandarin":"\u70ab\u5c0f\u9e2d","Japanese":"\u30c0\u30ba\u30eb\u30a2\u30d2\u30eb\u306e\u5b50"}}',"Select Language":'{"Select Language":{"Mandarin":"\u9009\u62e9\u8bed\u8a00","Japanese":"\u8a00\u8a9e\u3092\u9078\u629e\u3059\u308b"}}',STARTMOTION:'{"STARTMOTION":{"Mandarin":"\u542f\u52a8\u8fd0\u52a8","Japanese":"\u30b9\u30bf\u30fc\u30c8\u30e2\u30fc\u30b7\u30e7\u30f3"}}',Safety:'{"Safety":{"Mandarin":"\u5b89\u5168","Japanese":"\u5b89\u5168\u6027"}}',"Choose Video Call Type":'{"Choose Video Call Type":{"Mandarin":"\u9009\u62e9\u89c6\u9891\u901a\u8bdd\u7c7b\u578b","Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71\u306e\u7a2e\u985e\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',CommunicationMode:'{"CommunicationMode":{"Mandarin":"\u901a\u8baf\u65b9\u5f0f","Japanese":"\u901a\u4fe1\u30e2\u30fc\u30c9"}}',Shapes:'{"Shapes":{"Mandarin":"\u5f62\u72b6","Japanese":"\u5f62\u72b6"}}',Scrabble:'{"Scrabble":{"Mandarin":"\u62fc\u5b57\u6e38\u620f","Japanese":"\u30b9\u30af\u30e9\u30d6\u30eb"}}',MUSICLIST:'{"MUSICLIST":{"Mandarin":"\u97f3\u4e50\u5217\u8868","Japanese":"\u30df\u30e5\u30fc\u30b8\u30b7\u30e3\u30f3"}}',"Service Scheduling And Management":'{"Service Scheduling And Management":{"Mandarin":"\u670d\u52a1\u8c03\u5ea6\u4e0e\u7ba1\u7406","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u3068\u7ba1\u7406"}}',Teacher:'{"Teacher":{"Mandarin":"\u8001\u5e08","Japanese":"\u6559\u5e2b"}}',Calendar:'{"Calendar":{"Mandarin":"\u65e5\u5386","Japanese":"\u30ab\u30ec\u30f3\u30c0\u30fc"}}',"light.hue_go_1":'{"light.hue_go_1":{"Mandarin":"\u5149.hue_go_1","Japanese":"light.hue_go_1"}}',Appointment:'{"Appointment":{"Mandarin":"\u9884\u7ea6","Japanese":"\u4e88\u5b9a"}}',"Cast to TV":'{"Cast to TV":{"Mandarin":"\u6295\u5c04\u5230\u7535\u89c6"}}',"Before We Cross The Street":'{"Before We Cross The Street":{"Mandarin":"\u5728\u6211\u4eec\u8fc7\u9a6c\u8def\u4e4b\u524d","Japanese":"\u901a\u308a\u3092\u6e21\u308b\u524d\u306b"}}',Sam:'{"Sam":{"Mandarin":"\u4ed6\u81ea\u5df1","Japanese":"\u5f7c\u81ea\u8eab"}}',"Toileting Hygiene":'{"Toileting Hygiene":{"Mandarin":"\u5982\u5395\u536b\u751f","Japanese":"\u30c8\u30a4\u30ec\u306e\u885b\u751f\u7ba1\u7406"}}',"A Safe Place to Play":'{"A Safe Place to Play":{"Mandarin":"\u4e00\u4e2a\u5b89\u5168\u7684\u5730\u65b9\u73a9","Japanese":"\u5b89\u5168\u306b\u904a\u3079\u308b\u5834\u6240"}}',"Service Pattern":'{"Service Pattern":{"Mandarin":"\u670d\u52a1\u6a21\u5f0f","Japanese":"\u30b5\u30fc\u30d3\u30b9\u30d1\u30bf\u30fc\u30f3"}}',"Penny and Marie":'{"Penny and Marie":{"Mandarin":"\u4f69\u59ae\u548c\u739b\u4e3d","Japanese":"\u30da\u30cb\u30fc\u3068\u30de\u30ea\u30fc"}}',"Select Action":'{"Select Action":{"Mandarin":"\u9009\u62e9\u52a8\u4f5c","Japanese":"\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e"}}',"Helmet Rap":'{"Helmet Rap":{"Mandarin":"\u5934\u76d4\u8bf4\u5531","Japanese":"\u30d8\u30eb\u30e1\u30c3\u30c8\u30e9\u30c3\u30d7"}}',"Entity ID":'{"Entity ID":{"Japanese":"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3ID","Mandarin":"\u5b9e\u4f53\u7f16\u53f7"}}',"Chinese folk music":'{"Chinese folk music":{"Mandarin":"\u4e2d\u56fd\u6c11\u65cf\u97f3\u4e50","Japanese":"\u4e2d\u56fd\u306e\u6c11\u4fd7\u97f3\u697d"}}',"Sample MP4 Video File for Testing":'{"Sample MP4 Video File for Testing":{"Mandarin":"\u7528\u4e8e\u6d4b\u8bd5\u7684\u793a\u4f8b MP4 \u89c6\u9891\u6587\u4ef6","Japanese":"\u30c6\u30b9\u30c8\u7528\u306e\u30b5\u30f3\u30d7\u30eb MP4 \u30d3\u30c7\u30aa \u30d5\u30a1\u30a4\u30eb"}}',RABI:'{"RABI":{"Mandarin":"\u4e00\u534a","Japanese":"\u534a\u5206"}}',"Buckle Up":'{"Buckle Up":{"Mandarin":"\u7cfb\u597d\u5b89\u5168\u5e26","Japanese":"\u30b7\u30fc\u30c8\u30d9\u30eb\u30c8\u3092\u7de0\u3081\u308b"}}',"General Quiz":'{"General Quiz":{"Mandarin":"\u4e00\u822c\u6d4b\u9a8c","Japanese":"\u4e00\u822c\u30af\u30a4\u30ba"}}',"When ThingleToodle Came to School":'{"When ThingleToodle Came to School":{"Mandarin":"\u5f53 ThingleToodle \u6765\u5230\u5b66\u6821","Japanese":"ThingleToodle \u304c\u5b66\u6821\u306b\u6765\u305f\u3068\u304d"}}',unavailable:'{"unavailable":{"Mandarin":"\u4e0d\u53ef\u7528","Japanese":"\u5229\u7528\u4e0d\u53ef"}}',"Technology Support":'{"Technology Support":{"Mandarin":"\u6280\u672f\u652f\u6301","Japanese":"\u6280\u8853\u30b5\u30dd\u30fc\u30c8"}}',Bingo:'{"Bingo":{"Mandarin":"\u7b54\u5bf9\u4e86","Japanese":"\u30d3\u30f3\u30b4"}}',STARTTIMER:'{"STARTTIMER":{"Mandarin":"\u542f\u52a8\u5b9a\u65f6\u5668","Japanese":"\u30b9\u30bf\u30fc\u30c8\u30bf\u30a4\u30de\u30fc"}}',"Copy Cat":'{"Copy Cat":{"Mandarin":"\u5c71\u5be8","Japanese":"\u30b3\u30d4\u30fc\u30ad\u30e3\u30c3\u30c8"}}',"\u5fc3\u5fc3":'{"\u5fc3\u5fc3":{"Mandarin":"\u5fc3\u5fc3","Japanese":"\u5fc3\u81d3"}}',Stop:'{"Stop":{"Mandarin":"\u505c\u6b62","Japanese":"\u30b9\u30c8\u30c3\u30d7"}}',"Video Call":'{"Video Call":{"Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71","Mandarin":"\u89c6\u9891\u7535\u8bdd"}}',"Donimo Addition":'{"Donimo Addition":{"Mandarin":"\u591a\u5c3c\u83ab\u52a0\u6cd5","Japanese":"\u30c9\u30cb\u30e2\u8ffd\u52a0"}}',"voice command":'{"voice command":{"Mandarin":"\u8bed\u97f3\u63a7\u5236","Japanese":"\u97f3\u58f0\u30b3\u30de\u30f3\u30c9"}}',"Jingle Bell Rock":'{"Jingle Bell Rock":{"Mandarin":"\u94c3\u513f\u54cd\u53ee\u5f53","Japanese":"\u30b8\u30f3\u30b0\u30eb\u30d9\u30eb\u30ed\u30c3\u30af"}}',Harry:'{"Harry":{"Mandarin":"\u54c8\u5229","Japanese":"\u30cf\u30ea\u30fc"}}',Home:'{"Home":{"Mandarin":"\u5bb6","Japanese":"\u5bb6"}}',Quizzes:'{"Quizzes":{"Mandarin":"\u6d4b\u9a8c"}}',"Select a song":'{"Select a song":{"Mandarin":"\u9009\u62e9\u4e00\u9996\u6b4c\u66f2","Japanese":"\u66f2\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',"Voice Message":'{"Voice Message":{"Mandarin":"\u8bed\u97f3\u7559\u8a00","Japanese":"\u30dc\u30a4\u30b9\u30e1\u30c3\u30bb\u30fc\u30b8"}}',"Scan Devices":'{"Scan Devices":{"Mandarin":"\u626b\u63cf\u8bbe\u5907","Japanese":"\u30b9\u30ad\u30e3\u30f3\u30c7\u30d0\u30a4\u30b9"}}',"Smart Home":'{"Smart Home":{"Mandarin":"\u667a\u80fd\u5bb6\u5c45","Japanese":"\u30b9\u30de\u30fc\u30c8\u30db\u30fc\u30e0"}}',Call:'{"Call":{"Mandarin":"\u79f0\u547c","Japanese":"\u96fb\u8a71"}}',"Emotional Well Being":'{"Emotional Well Being":{"Mandarin":"\u60c5\u611f\u798f\u7949","Japanese":"\u7cbe\u795e\u7684\u306a\u5e78\u798f"}}',localhost:'{"localhost":{"Mandarin":"\u672c\u5730\u4e3b\u673a","Japanese":"\u30ed\u30fc\u30ab\u30eb\u30db\u30b9\u30c8"}}',James:'{"James":{"Mandarin":"\u8a79\u59c6\u58eb","Japanese":"\u30b8\u30a7\u30fc\u30e0\u30b9"}}',"Row Row Row Your Boat with Lyrics | LIV Kids Nursery Rhymes and Songs | HD":'{"Row Row Row Your Boat with Lyrics | LIV Kids Nursery Rhymes and Songs | HD":{"Mandarin":"Row Row Row Your Boat \u6b4c\u8bcdLIV \u513f\u7ae5\u7ae5\u8c23\u548c\u6b4c\u66f2 |\u9ad8\u6e05","Japanese":"Row Row Row Your Boat \u6b4c\u8a5e\u4ed8\u304d | LIV \u30ad\u30c3\u30ba\u306e\u7ae5\u8b21\u3068\u7ae5\u8b21 | HD"}}',"Fire Safety Tools":'{"Fire Safety Tools":{"Mandarin":"\u6d88\u9632\u5b89\u5168\u5de5\u5177","Japanese":"\u9632\u706b\u7528\u5177"}}',"When I'm Feeling Happy by Trace Moroney - Read Aloud.mp3":'{"When I\'m Feeling Happy by Trace Moroney - Read Aloud.mp3":{"Mandarin":"\u5f53\u6211\u611f\u5230\u5feb\u4e50\u65f6 Trace Moroney - Read Aloud.mp3","Japanese":"When I&#39;m Feeling Happy by Trace Moroney - Read Aloud.mp3"}}',"light.hue_white_lamp_2":'{"light.hue_white_lamp_2":{"Mandarin":"light.hue_white_lamp_2","Japanese":"light.hue_white_lamp_2"}}',"Family Photos & Videos":'{"Family Photos & Videos":{"Japanese":"\u5bb6\u65cf\u306e\u5199\u771f","Mandarin":"\u5bb6\u5ead\u7167\u7247"}}',"Select a book":'{"Select a book":{"Mandarin":"\u9009\u62e9\u4e00\u672c\u4e66","Japanese":"\u672c\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',Submit:'{"Submit":{"Mandarin":"\u63d0\u4ea4","Japanese":"\u9001\u4fe1"}}',"Cast to TV with TV audio":'{"Cast to TV with TV audio":{"Mandarin":"\u901a\u8fc7\u7535\u89c6\u97f3\u9891\u6295\u5c04\u5230\u7535\u89c6","Japanese":"\u30c6\u30ec\u30d3\u306e\u97f3\u58f0\u3092\u4f7f\u3063\u3066\u30c6\u30ec\u30d3\u306b\u30ad\u30e3\u30b9\u30c8\u3059\u308b"}}',"End Call":'{"End Call":{"Mandarin":"\u7ed3\u675f\u901a\u8bdd"}}',"Cast to TV with Matilda audio":'{"Cast to TV with Matilda audio":{"Mandarin":"\u4f7f\u7528 Matilda \u97f3\u9891\u6295\u5c04\u5230\u7535\u89c6","Japanese":"Matilda \u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u30c6\u30ec\u30d3\u306b\u30ad\u30e3\u30b9\u30c8\u3059\u308b"}}',MUSICPLAY:'{"MUSICPLAY":{"Mandarin":"\u97f3\u4e50\u64ad\u653e","Japanese":"\u97f3\u697d\u518d\u751f"}}',"Log ID":'{"Log ID":{"Mandarin":"\u65e5\u5fd7\u7f16\u53f7","Japanese":"\u30ed\u30b0ID"}}',"Add Books":'{"Add Books":{"Mandarin":"\u6dfb\u52a0\u4e66\u7c4d","Japanese":"\u672c\u3092\u8ffd\u52a0\u3059\u308b"}}',NEWSREAD:'{"NEWSREAD":{"Mandarin":"\u65b0\u95fb\u9605\u8bfb","Japanese":"\u30cb\u30e5\u30fc\u30b9\u30ea\u30fc\u30c9"}}',"The Very Busy Spider":'{"The Very Busy Spider":{"Mandarin":"\u975e\u5e38\u5fd9\u788c\u7684\u8718\u86db","Japanese":"\u3068\u3066\u3082\u5fd9\u3057\u3044\u30af\u30e2"}}',"Track 6":'{"Track 6":{"Mandarin":"\u8f68\u9053 6","Japanese":"\u30c8\u30e9\u30c3\u30af6"}}',"Technology Tools":'{"Technology Tools":{"Mandarin":"\u6280\u672f\u5de5\u5177","Japanese":"\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30c4\u30fc\u30eb"}}',Matlda1:'{"Matlda1":{"Mandarin":"\u739b\u7279\u8fbe1","Japanese":"\u30de\u30c6\u30eb\u30c01"}}',"The Ugly Duckling":'{"The Ugly Duckling":{"Mandarin":"\u4e11\u5c0f\u9e2d","Japanese":"\u307f\u306b\u304f\u3044\u30a2\u30d2\u30eb\u306e\u5b50"}}',"Phone Call":'{"Phone Call":{"Japanese":"\u96fb\u8a71","Mandarin":"\u7535\u8bdd"}}',"Video Call Recording":'{"Video Call Recording":{"Mandarin":"\u89c6\u9891\u901a\u8bdd\u5f55\u97f3","Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71\u306e\u9332\u97f3"}}',"At The Store":'{"At The Store":{"Mandarin":"\u5728\u5546\u5e97","Japanese":"\u304a\u5e97\u3067"}}',"Which is it":'{"Which is it":{"Mandarin":"\u662f\u54ea\u4e00\u4e2a","Japanese":"\u3069\u308c\u3067\u3059\u304b"}}',"Add Video":'{"Add Video":{"Mandarin":"\u6dfb\u52a0\u89c6\u9891","Japanese":"\u30d3\u30c7\u30aa\u3092\u8ffd\u52a0"}}',"Ugly Duckling":'{"Ugly Duckling":{"Mandarin":"\u4e11\u5c0f\u9e2d","Japanese":"\u307f\u306b\u304f\u3044\u30a2\u30d2\u30eb\u306e\u5b50"}}',AUDIOBOOKSEARCH:'{"AUDIOBOOKSEARCH":{"Mandarin":"\u6709\u58f0\u8bfb\u7269\u641c\u7d22","Japanese":"\u30aa\u30fc\u30c7\u30a3\u30aa\u30d6\u30c3\u30af\u30b5\u30fc\u30c1"}}',"User ID":'{"User ID":{"Mandarin":"\u7528\u6237\u8eab\u4efd","Japanese":"\u30e6\u30fc\u30b6\u30fcID"}}',Telehealth:'{"Telehealth":{"Mandarin":"\u8fdc\u7a0b\u533b\u7597","Japanese":"\u9060\u9694\u533b\u7642"}}',Action:'{"Action":{"Mandarin":"\u884c\u52a8","Japanese":"\u30a2\u30af\u30b7\u30e7\u30f3"}}',"Walking Down The Street":'{"Walking Down The Street":{"Mandarin":"\u8d70\u5728\u8857\u4e0a","Japanese":"\u30a6\u30a9\u30fc\u30ad\u30f3\u30b0\u30fb\u30c0\u30a6\u30f3\u30fb\u30b6\u30fb\u30b9\u30c8\u30ea\u30fc\u30c8"}}',"\u8001\u5e2b":'{"\u8001\u5e2b":{"Mandarin":"\u8001\u5e08","Japanese":"\u6559\u5e2b"}}',"Jack's Shopping List":'{"Jack\'s Shopping List":{"Mandarin":"\u6770\u514b\u7684\u8d2d\u7269\u6e05\u5355","Japanese":"\u30b8\u30e3\u30c3\u30af\u306e\u8cb7\u3044\u7269\u30ea\u30b9\u30c8"}}',Derek:'{"Derek":{"Mandarin":"\u5fb7\u91cc\u514b","Japanese":"\u30c7\u30ec\u30af"}}',"12345 Once I Caught A Fish Alive _ Nursery Rhyme _ Hooplakidz.mp3":'{"12345 Once I Caught A Fish Alive _ Nursery Rhyme _ Hooplakidz.mp3":{"Mandarin":"12345 \u66fe\u7ecf\u6211\u9493\u5230\u4e00\u6761\u6d3b\u9c7c_\u7ae5\u8c23_Hooplakidz.mp3","Japanese":"12345 \u751f\u304d\u305f\u9b5a\u3092\u6355\u307e\u3048\u305f\u3089 _ \u7ae5\u8b21 _ Hooplakidz.mp3"}}',"Counting 2 Dollar Coints":'{"Counting 2 Dollar Coints":{"Mandarin":"\u6570 2 \u7f8e\u5143\u786c\u5e01","Japanese":"2\u30c9\u30eb\u786c\u8ca8\u3092\u6570\u3048\u308b"}}',Yazan:'{"Yazan":{"Mandarin":"\u7ecf\u8fc7","Japanese":"\u306b"}}',unknown:'{"unknown":{"Mandarin":"\u672a\u77e5","Japanese":"\u77e5\u3089\u306a\u3044"}}',"\u5abd\u5abd":'{"\u5abd\u5abd":{"Mandarin":"\u5988\u5988","Japanese":"\u6bcd\u89aa"}}',VideoFile:'{"VideoFile":{"Mandarin":"\u89c6\u9891\u6587\u4ef6","Japanese":"\u30d3\u30c7\u30aa\u30d5\u30a1\u30a4\u30eb"}}',"house that jack built":'{"house that jack built":{"Mandarin":"\u6770\u514b\u5efa\u9020\u7684\u623f\u5b50","Japanese":"\u30b8\u30e3\u30c3\u30af\u304c\u5efa\u3066\u305f\u5bb6"}}',Books:'{"Books":{"Mandarin":"\u56fe\u4e66","Japanese":"\u672c"}}',"Please Enter ID to call":'{"Please Enter ID to call":{"Mandarin":"\u8bf7\u8f93\u5165\u7535\u8bdd\u53f7\u7801","Japanese":"ID\u3092\u5165\u529b\u3057\u3066\u96fb\u8a71\u3057\u3066\u304f\u3060\u3055\u3044"}}',"Audio Call":'{"Audio Call":{"Mandarin":"\u97f3\u9891\u901a\u8bdd","Japanese":"\u97f3\u58f0\u901a\u8a71"}}',Receptionist:'{"Receptionist":{"Mandarin":"\u63a5\u5f85\u5458","Japanese":"\u53d7\u4ed8"}}',"Scan Cast Devices":'{"Scan Cast Devices":{"Mandarin":"\u626b\u63cf\u6295\u5c04\u8bbe\u5907","Japanese":"\u30b9\u30ad\u30e3\u30f3\u30ad\u30e3\u30b9\u30c8\u30c7\u30d0\u30a4\u30b9"}}',"5 little ducks":'{"5 little ducks":{"Mandarin":"5\u53ea\u5c0f\u9e2d\u5b50","Japanese":"5\u7fbd\u306e\u5c0f\u3055\u306a\u30a2\u30d2\u30eb"}}',"Head Shoulders Knees & Toes (Sing It).mp3":'{"Head Shoulders Knees & Toes (Sing It).mp3":{"Mandarin":"\u5934\u80a9\u8180\u819d\u76d6","Japanese":"\u982d \u80a9 \u819d"}}',Date:'{"Date":{"Mandarin":"\u65e5\u671f","Japanese":"\u65e5\u306b\u3061"}}',"Brown Bear What Do You See":'{"Brown Bear What Do You See":{"Mandarin":"\u68d5\u718a\u4f60\u770b\u5230\u4e86\u4ec0\u4e48","Japanese":"\u30d2\u30b0\u30de\u306f\u4f55\u3092\u898b\u307e\u3059\u304b"}}',"Good Morning Song":'{"Good Morning Song":{"Mandarin":"\u65e9\u5b89\u6b4c","Japanese":"\u30b0\u30c3\u30c9\u30e2\u30fc\u30cb\u30f3\u30b0\u30bd\u30f3\u30b0"}}',"Count and Add":'{"Count and Add":{"Mandarin":"\u8ba1\u6570\u5e76\u6dfb\u52a0","Japanese":"\u6570\u3048\u3066\u52a0\u7b97\u3059\u308b"}}',"The Wiggles Taba Naba Style! (feat. Christine Anu) Kids Songs.mp3":'{"The Wiggles Taba Naba Style! (feat. Christine Anu) Kids Songs.mp3":{"Mandarin":"Wiggles Taba Naba \u98ce\u683c\uff01 (feat. Christine Anu) \u513f\u7ae5\u6b4c\u66f2.mp3","Japanese":"\u30a6\u30a3\u30b0\u30eb\u30ba\u30bf\u30d0\u30ca\u30d0\u30b9\u30bf\u30a4\u30eb\uff01 (feat. \u30af\u30ea\u30b9\u30c6\u30a3\u30fc\u30f3\u30fb\u30a2\u30cc) \u30ad\u30c3\u30ba\u30bd\u30f3\u30b0.mp3"}}',"Means of Transportation":'{"Means of Transportation":{"Mandarin":"\u4ea4\u901a\u65b9\u5f0f","Japanese":"\u7ffb\u8a33\u306e\u610f\u5473"}}',"Interaction Logs":'{"Interaction Logs":{"Mandarin":"\u4ea4\u4e92\u65e5\u5fd7","Japanese":"\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u30ed\u30b0"}}',John:'{"John":{"Mandarin":"\u7ea6\u7ff0","Japanese":"\u30b8\u30e7\u30f3"}}',Scheduler:'{"Scheduler":{"Mandarin":"\u8c03\u5ea6\u5668","Japanese":"\u30b9\u30b1\u30b8\u30e5\u30fc\u30e9"}}',"Where in the World":'{"Where in the World":{"Mandarin":"\u5728\u4e16\u754c\u7684\u54ea\u4e2a\u5730\u65b9","Japanese":"\u4e16\u754c\u306e\u3069\u3053\u306b"}}',"Big rain coming":'{"Big rain coming":{"Mandarin":"\u5927\u96e8\u6765\u4e86","Japanese":"\u5927\u96e8\u304c\u964d\u308b"}}',isMounted:"YES",Configuration:'{"Configuration":{"Mandarin":"\u914d\u7f6e","Japanese":"\u69cb\u6210"}}',peerId:"Caregiver_229a-g","Voice Message listing":'{"Voice Message listing":{"Mandarin":"\u8bed\u97f3\u7559\u8a00\u5217\u8868","Japanese":"\u30dc\u30a4\u30b9\u30e1\u30c3\u30bb\u30fc\u30b8\u30ea\u30b9\u30c8"}}',"Brain Training":'{"Brain Training":{"Mandarin":"\u5927\u8111\u8bad\u7ec3","Japanese":"\u8133\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0"}}',Entertainment:'{"Entertainment":{"Mandarin":"\u5a31\u4e50","Japanese":"\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30e1\u30f3\u30c8"}}',"how are you":'{"how are you":{"Mandarin":"\u4f60\u597d\u5417","Japanese":"\u5143\u6c17\u3067\u3059\u304b"}}',"Cheeky Tunes - Children's Music - Ngaya Naba Aboriginal songs for children.mp3":'{"Cheeky Tunes - Children\'s Music - Ngaya Naba Aboriginal songs for children.mp3":{"Mandarin":"Cheeky Tunes - \u513f\u7ae5\u97f3\u4e50 - Ngaya Naba \u539f\u4f4f\u6c11\u513f\u7ae5\u6b4c\u66f2.mp3","Japanese":"Cheeky Tunes - \u5b50\u4f9b\u306e\u97f3\u697d - Naya Naba \u5b50\u4f9b\u5411\u3051\u306e\u30a2\u30dc\u30ea\u30b8\u30cb\u306e\u6b4c.mp3"}}',"The Hold My Hand Rap":'{"The Hold My Hand Rap":{"Mandarin":"\u63e1\u4f4f\u6211\u7684\u624b\u8bf4\u5531","Japanese":"\u30db\u30fc\u30eb\u30c9\u30fb\u30de\u30a4\u30fb\u30cf\u30f3\u30c9\u30fb\u30e9\u30c3\u30d7"}}',STOPTIMER:'{"STOPTIMER":{"Mandarin":"\u505c\u6b62\u5b9a\u65f6\u5668","Japanese":"\u30b9\u30c8\u30c3\u30d7\u30bf\u30a4\u30de\u30fc"}}',"Health and Fitness":'{"Health and Fitness":{"Mandarin":"\u5065\u5eb7\u548c\u5065\u8eab","Japanese":"\u5065\u5eb7\u3068\u904b\u52d5"}}',"Add Music":'{"Add Music":{"Mandarin":"\u6dfb\u52a0\u97f3\u4e50","Japanese":"\u97f3\u697d\u3092\u8ffd\u52a0\u3059\u308b"}}',"\u8fea\u8fea":'{"\u8fea\u8fea":{"Mandarin":"\u8fea\u8fea","Japanese":"\u30c7\u30a3\u30c7\u30a3"}}',"[object Object]":'{"[object Object]":{"Mandarin":"[\u5bf9\u8c61\u5bf9\u8c61]"}}',Games:'{"Games":{"Mandarin":"\u6e38\u620f","Japanese":"\u30b2\u30fc\u30e0"}}',"Cookie Please":'{"Cookie Please":{"Mandarin":"\u8bf7\u997c\u5e72","Japanese":"\u30af\u30c3\u30ad\u30fc\u304f\u3060\u3055\u3044"}}',Superstar:'{"Superstar":{"Mandarin":"\u8d85\u7ea7\u660e\u661f","Japanese":"\u30b9\u30fc\u30d1\u30fc\u30b9\u30bf\u30fc"}}',YOUTUBEPLAYSOLO:'{"YOUTUBEPLAYSOLO":{"Mandarin":"YouTube\u72ec\u594f","Japanese":"YouTube\u30d7\u30ec\u30a4\u30bd\u30ed"}}',Photo:'{"Photo":{"Mandarin":"\u7167\u7247","Japanese":"\u5199\u771f"}}',"A Ride in The Car":'{"A Ride in The Car":{"Mandarin":"\u5750\u8f66","Japanese":"\u8eca\u306b\u4e57\u3063\u3066"}}',Songs:'{"Songs":{"Mandarin":"\u6b4c\u66f2","Japanese":"\u66f2"}}',Counting:'{"Counting":{"Mandarin":"\u6570\u6570","Japanese":"\u6570\u3048\u308b"}}',"dr froster":'{"dr froster":{"Mandarin":"\u5f17\u7f57\u65af\u7279\u535a\u58eb","Japanese":"\u30d5\u30ed\u30b9\u30bf\u30fc\u535a\u58eb"}}',Video:'{"Video":{"Mandarin":"\u89c6\u9891","Japanese":"\u30d3\u30c7\u30aa"}}',"light.hue_white_lamp_1":'{"light.hue_white_lamp_1":{"Mandarin":"light.hue_white_lamp_1","Japanese":"light.hue_white_lamp_1"}}',"\u7da0\u8c46":'{"\u7da0\u8c46":{"Mandarin":"\u7eff\u8c46","Japanese":"\u30b5\u30e4\u30a4\u30f3\u30b2\u30f3"}}',"Facial Expression":'{"Facial Expression":{"Mandarin":"\u8868\u60c5","Japanese":"\u8868\u60c5"}}',pageLanguage:"English","Friends and Relatives":'{"Friends and Relatives":{"Japanese":"\u53cb\u4eba\u3084\u89aa\u621a","Mandarin":"\u670b\u53cb\u548c\u4eb2\u621a"}}',"ROW ROW ROW YOUR BOAT _ Classic Nursery Rhymes _ English Songs For Kids _ Nursery Rhymes TV.mp3":'{"ROW ROW ROW YOUR BOAT _ Classic Nursery Rhymes _ English Songs For Kids _ Nursery Rhymes TV.mp3":{"Mandarin":"ROW ROW ROW YOUR BOAT_\u7ecf\u5178\u7ae5\u8c23_\u82f1\u6587\u513f\u6b4c_\u7ae5\u8c23TV.mp3","Japanese":"ROW ROW ROW YOUR BOAT _ \u53e4\u5178\u7684\u306a\u7ae5\u8b21 _ \u5b50\u4f9b\u306e\u305f\u3081\u306e\u82f1\u8a9e\u306e\u6b4c _ \u7ae5\u8b21 TV.mp3"}}',VIDEOCAST:'{"VIDEOCAST":{"Mandarin":"\u89c6\u9891\u5e7f\u64ad","Japanese":"\u30d3\u30c7\u30aa\u30ad\u30e3\u30b9\u30c8"}}',"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]":'{"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]":{"Mandarin":"[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61]"}}',Quiz:'{"Quiz":{"Mandarin":"\u6d4b\u9a8c","Japanese":"\u30af\u30a4\u30ba"}}',"twinkle star":'{"twinkle star":{"Mandarin":"\u95ea\u70c1\u7684\u661f\u661f","Japanese":"\u304d\u3089\u304d\u3089\u661f"}}',Analytics:'{"Analytics":{"Mandarin":"\u5206\u6790","Japanese":"\u5206\u6790"}}',"Jeff's Bike":'{"Jeff\'s Bike":{"Mandarin":"\u6770\u592b\u7684\u81ea\u884c\u8f66","Japanese":"\u30b8\u30a7\u30d5\u306e\u30d0\u30a4\u30af"}}',Time:'{"Time":{"Mandarin":"\u65f6\u95f4","Japanese":"\u6642\u9593"}}',Description:'{"Description":{"Mandarin":"\u63cf\u8ff0","Japanese":"\u8aac\u660e"}}',YOUTUBESEARCH:'{"YOUTUBESEARCH":{"Mandarin":"\u4f18\u9177\u641c\u7d22","Japanese":"\u30e6\u30fc\u30c1\u30e5\u30fc\u30d6\u30b5\u30fc\u30c1"}}',State:'{"State":{"Japanese":"\u5dde","Mandarin":"\u72b6\u6001"}}',"Famous Faces":'{"Famous Faces":{"Mandarin":"\u540d\u4eba\u9762\u5b54","Japanese":"\u6709\u540d\u306a\u9854"}}',"Service Preference":'{"Service Preference":{"Mandarin":"\u670d\u52a1\u504f\u597d","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u597d\u307f"}}',Exercise:'{"Exercise":{"Mandarin":"\u953b\u70bc","Japanese":"\u30a8\u30af\u30b5\u30b5\u30a4\u30ba"}}',SELECTSERVICE:'{"SELECTSERVICE":{"Mandarin":"\u9009\u62e9\u670d\u52a1","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e"}}',"Healthy vs Unhealthy":'{"Healthy vs Unhealthy":{"Mandarin":"\u5065\u5eb7\u4e0e\u4e0d\u5065\u5eb7","Japanese":"\u5065\u5eb7\u3068\u4e0d\u5065\u5eb7"}}',"Analytics: Service Pattern":'{"Analytics: Service Pattern":{"Mandarin":"\u5206\u6790\uff1a\u670d\u52a1\u6a21\u5f0f","Japanese":"\u5206\u6790: \u30b5\u30fc\u30d3\u30b9\u30d1\u30bf\u30fc\u30f3"}}',speech:'{"speech":{"Mandarin":"\u6f14\u8bb2","Japanese":"\u30b9\u30d4\u30fc\u30c1"}}',Child:'{"Child":{"Mandarin":"\u5b69\u5b50","Japanese":"\u5b50\u4f9b"}}',BOOKLIST:'{"BOOKLIST":{"Mandarin":"\u4e66\u5355","Japanese":"\u30d6\u30c3\u30af\u30ea\u30b9\u30c8"}}',"Justine Clarke - Dancing Face (Official Video).mp3":'{"Justine Clarke - Dancing Face (Official Video).mp3":{"Mandarin":"Justine Clarke - Dancing Face\uff08\u5b98\u65b9\u89c6\u9891\uff09.mp3","Japanese":"Justine Clarke - Dancing Face (\u30aa\u30d5\u30a3\u30b7\u30e3\u30eb \u30d3\u30c7\u30aa).mp3"}}',"Jack's shopping list":'{"Jack\'s shopping list":{"Mandarin":"\u6770\u514b\u7684\u8d2d\u7269\u6e05\u5355","Japanese":"\u30b8\u30e3\u30c3\u30af\u306e\u8cb7\u3044\u7269\u30ea\u30b9\u30c8"}}',Activity:'{"Activity":{"Mandarin":"\u6d3b\u52a8","Japanese":"\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3"}}',Mandarin:'{"Mandarin":{"Mandarin":"\u666e\u901a\u8bdd","Japanese":"\u5317\u4eac\u8a9e"}}',Title:'{"Title":{"Mandarin":"\u6807\u9898","Japanese":"\u30bf\u30a4\u30c8\u30eb"}}',"Old MacDonald Had A Farm | Nursery Rhymes | Super Simple Songs":'{"Old MacDonald Had A Farm | Nursery Rhymes | Super Simple Songs":{"Mandarin":"\u8001\u9ea6\u514b\u5510\u7eb3\u6709\u4e00\u4e2a\u519c\u573a |\u513f\u6b4c |\u8d85\u7ea7\u7b80\u5355\u7684\u6b4c\u66f2","Japanese":"\u30de\u30af\u30c9\u30ca\u30eb\u30c9\u8001\u4eba\u306b\u306f\u8fb2\u5834\u304c\u3042\u308a\u307e\u3057\u305f |\u7ae5\u8b21 | \u7ae5\u8b21\u30b9\u30fc\u30d1\u30fc\u30b7\u30f3\u30d7\u30eb\u30bd\u30f3\u30b0"}}',"Words and Letters":'{"Words and Letters":{"Mandarin":"\u6587\u5b57\u548c\u5b57\u6bcd","Japanese":"\u8a00\u8449\u3068\u6587\u5b57"}}',"Penny Ann Marie":'{"Penny Ann Marie":{"Mandarin":"\u6f58\u59ae\xb7\u5b89\xb7\u739b\u4e3d","Japanese":"\u30da\u30cb\u30fc\u30fb\u30a2\u30f3\u30fb\u30de\u30ea\u30fc"}}',"Tammy's Day Out":'{"Tammy\'s Day Out":{"Mandarin":"\u5854\u7c73\u7684\u4e00\u5929","Japanese":"\u30bf\u30df\u30fc\u306e\u4e00\u65e5"}}',"Friends And Relatives":'{"Friends And Relatives":{"Mandarin":"\u670b\u53cb\u548c\u4eb2\u621a","Japanese":"\u53cb\u4eba\u3084\u89aa\u621a"}}',userRole:"ADMIN","Talk With Matilda":'{"Talk With Matilda":{"Mandarin":"\u4e0e\u739b\u8482\u5c14\u8fbe\u4ea4\u8c08","Japanese":"\u30de\u30c1\u30eb\u30c0\u3068\u8a71\u3059"}}',YOUTUBEPLAY:'{"YOUTUBEPLAY":{"Mandarin":"\u4f18\u9177\u64ad\u653e","Japanese":"\u30e6\u30fc\u30c1\u30e5\u30fc\u30d6\u30d7\u30ec\u30a4"}}',"U3A  Partnerships":'{"U3A  Partnerships":{"Mandarin":"U3A \u5408\u4f5c\u4f19\u4f34","Japanese":"U3A \u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7"}}',"Bring it":'{"Bring it":{"Mandarin":"\u5e26\u4e0a\u5b83","Japanese":"\u6301\u3063\u3066\u304d\u3066\u304f\u3060\u3055\u3044"}}',ocr:'{"ocr":{"Mandarin":"\u6587\u5b57\u8bc6\u522b","Japanese":"ocr"}}',"Simon Says Song for Children by Patty Shukla.mp3":'{"Simon Says Song for Children by Patty Shukla.mp3":{"Mandarin":"Simon Says Song for Children by Patty Shukla.mp3","Japanese":"Simon Says Song for Children by Patty Shukla.mp3"}}',"Analytics: Interactions":'{"Analytics: Interactions":{"Mandarin":"\u5206\u6790\uff1a\u4ea4\u4e92","Japanese":"\u5206\u6790: \u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3"}}',Chess:'{"Chess":{"Mandarin":"\u68cb","Japanese":"\u30c1\u30a7\u30b9"}}',WebApp:'{"WebApp":{"Mandarin":"\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f","Japanese":"\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea"}}',undefined:'{"undefined":{"Mandarin":"\u4e0d\u660e\u786e\u7684"}}',English:'{"English":{"Mandarin":"\u82f1\u8bed","Japanese":"\u82f1\u8a9e"}}',"React Data: 1":'{"React Data: 1":{"Mandarin":"\u53cd\u5e94\u6570\u636e\uff1a1","Japanese":"\u53cd\u5fdc\u30c7\u30fc\u30bf: 1"}}',"Last Changed":'{"Last Changed":{"Japanese":"\u6700\u7d42\u5909\u66f4\u65e5","Mandarin":"\u6700\u540e\u66f4\u6539"}}',"Is That True":'{"Is That True":{"Mandarin":"\u771f\u7684\u5417","Japanese":"\u672c\u5f53"}}',"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3":'{"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3":{"Mandarin":"\u4e00\uff0c\u4e8c\uff0c\u6263\u6211\u7684\u978b - \u6700\u597d\u542c\u7684\u513f\u7ae5\u6b4c\u66f2_LooLoo Kids.mp3","Japanese":"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3"}}',"The Very Hungry Caterpillar":'{"The Very Hungry Caterpillar":{"Mandarin":"\u597d\u997f\u7684\u6bdb\u6bdb\u866b","Japanese":"\u306f\u3089\u307a\u3053\u3042\u304a\u3080\u3057"}}',"pat a cake":'{"pat a cake":{"Mandarin":"\u62cd\u4e2a\u86cb\u7cd5","Japanese":"\u30b1\u30fc\u30ad\u3092\u305f\u305f\u304f"}}'}),null===localStorage.getItem("Connect"))for(var t=0,a=Object.entries({"My Way.mp3":'{"My Way.mp3":{"Mandarin":"\u6211\u7684\u8def.mp3","Japanese":"\u79c1\u306e\u3084\u308a\u65b9.mp3"}}',"Example - Sam":'{"Example - Sam":{"Mandarin":"\u793a\u4f8b - \u5c71\u59c6","Japanese":"\u4f8b - \u30b5\u30e0"}}',Start:'{"Start":{"Mandarin":"\u5f00\u59cb","Japanese":"\u59cb\u3081\u308b"}}',"Audio Call listing":'{"Audio Call listing":{"Mandarin":"\u97f3\u9891\u901a\u8bdd\u5217\u8868","Japanese":"\u97f3\u58f0\u901a\u8a71\u30ea\u30b9\u30c8"}}',"Justine Clarke - Imagination.mp3":'{"Justine Clarke - Imagination.mp3":{"Mandarin":"\u8d3e\u65af\u6c40\xb7\u514b\u62c9\u514b - Imagination.mp3","Japanese":"\u30b8\u30e3\u30b9\u30c6\u30a3\u30f3\u30fb\u30af\u30e9\u30fc\u30af - Imagination.mp3"}}',"Patty's First Day of School":'{"Patty\'s First Day of School":{"Mandarin":"\u5e15\u8482\u4e0a\u5b66\u7684\u7b2c\u4e00\u5929","Japanese":"\u30d1\u30c6\u30a3\u306e\u5b66\u6821\u521d\u65e5"}}',Maya:'{"Maya":{"Mandarin":"\u739b\u96c5\u4eba","Japanese":"\u30de\u30e4"}}',"Track 2":'{"Track 2":{"Mandarin":"\u8f68\u9053 2","Japanese":"\u30c8\u30e9\u30c3\u30af2"}}',BOOKPLAY:'{"BOOKPLAY":{"Mandarin":"\u4e66\u672c","Japanese":"\u30d6\u30c3\u30af\u30d7\u30ec\u30a4"}}',"The Hold My Hand Rap - Slower Version":'{"The Hold My Hand Rap - Slower Version":{"Mandarin":"\u63e1\u4f4f\u6211\u7684\u624b\u8bf4\u5531 - \u6162\u901f\u7248\u672c","Japanese":"\u30db\u30fc\u30eb\u30c9\u30fb\u30de\u30a4\u30fb\u30cf\u30f3\u30c9\u30fb\u30e9\u30c3\u30d7 - \u30b9\u30ed\u30fc\u30d0\u30fc\u30b8\u30e7\u30f3"}}',"General Quiz - Copy":'{"General Quiz - Copy":{"Mandarin":"\u4e00\u822c\u6d4b\u9a8c - \u526f\u672c","Japanese":"\u4e00\u822c\u30af\u30a4\u30ba - \u30b3\u30d4\u30fc"}}',Japanese:'{"Japanese":{"Mandarin":"\u65e5\u672c\u4eba","Japanese":"\u65e5\u672c"}}',"Australian Phonics Song.mp3":'{"Australian Phonics Song.mp3":{"Mandarin":"\u6fb3\u5927\u5229\u4e9a\u62fc\u97f3\u6b4c\u66f2.mp3","Japanese":"\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\u30f3\u30d5\u30a9\u30cb\u30c3\u30af\u30b9\u30bd\u30f3\u30b0.mp3"}}',"Videos & Movies":'{"Videos & Movies":{"Mandarin":"\u5f71\u7247","Japanese":"\u52d5\u753b"}}',"Freeze Dance Freeze Song Freeze Dance for Kids Music for Kids The Kiboomers.mp3":'{"Freeze Dance Freeze Song Freeze Dance for Kids Music for Kids The Kiboomers.mp3":{"Mandarin":"Freeze Dance Freeze Song Freeze Dance for Kids \u513f\u7ae5\u97f3\u4e50 The Kiboomers.mp3","Japanese":"\u30d5\u30ea\u30fc\u30ba \u30c0\u30f3\u30b9 \u30d5\u30ea\u30fc\u30ba \u30bd\u30f3\u30b0 \u5b50\u4f9b\u306e\u305f\u3081\u306e\u30d5\u30ea\u30fc\u30ba \u30c0\u30f3\u30b9 \u5b50\u4f9b\u306e\u305f\u3081\u306e\u97f3\u697d The Kiboomers.mp3"}}',"balang ganha bungangbu burrami.mp3":'{"balang ganha bungangbu burrami.mp3":{"Mandarin":"Balang ganha bungangbu burrami.mp3","Japanese":"\u30d0\u30e9\u30f3\u30ac\u30f3\u30cf\u30d6\u30f3\u30ac\u30f3\u30d6\u30d6\u30e9\u30df.mp3"}}',Music:'{"Music":{"Mandarin":"\u97f3\u4e50","Japanese":"\u97f3\u697d"}}',Connect:'{"Connect":{"Mandarin":"\u8fde\u63a5","Japanese":"\u63a5\u7d9a"}}',"switch.smart_plug_1":'{"switch.smart_plug_1":{"Mandarin":"switch.smart_plug_1","Japanese":"switch.smart_plug_1"}}',"Calendar based Service Scheduling":'{"Calendar based Service Scheduling":{"Mandarin":"\u57fa\u4e8e\u65e5\u5386\u7684\u670d\u52a1\u8c03\u5ea6","Japanese":"\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30b5\u30fc\u30d3\u30b9\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u8a2d\u5b9a"}}',Sudoku:'{"Sudoku":{"Mandarin":"\u6570\u72ec","Japanese":"\u6570\u72ec"}}',"\u5c0f\u661f":'{"\u5c0f\u661f":{"Mandarin":"\u5c0f\u661f","Japanese":"\u5c0f\u3055\u306a\u661f"}}',Frank:'{"Frank":{"Mandarin":"\u5766\u7387","Japanese":"\u30d5\u30e9\u30f3\u30af"}}',"Dazzle Duckling":'{"Dazzle Duckling":{"Mandarin":"\u70ab\u5c0f\u9e2d","Japanese":"\u30c0\u30ba\u30eb\u30a2\u30d2\u30eb\u306e\u5b50"}}',"Select Language":'{"Select Language":{"Mandarin":"\u9009\u62e9\u8bed\u8a00","Japanese":"\u8a00\u8a9e\u3092\u9078\u629e\u3059\u308b"}}',STARTMOTION:'{"STARTMOTION":{"Mandarin":"\u542f\u52a8\u8fd0\u52a8","Japanese":"\u30b9\u30bf\u30fc\u30c8\u30e2\u30fc\u30b7\u30e7\u30f3"}}',Safety:'{"Safety":{"Mandarin":"\u5b89\u5168","Japanese":"\u5b89\u5168\u6027"}}',"Choose Video Call Type":'{"Choose Video Call Type":{"Mandarin":"\u9009\u62e9\u89c6\u9891\u901a\u8bdd\u7c7b\u578b","Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71\u306e\u7a2e\u985e\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',CommunicationMode:'{"CommunicationMode":{"Mandarin":"\u901a\u8baf\u65b9\u5f0f","Japanese":"\u901a\u4fe1\u30e2\u30fc\u30c9"}}',Shapes:'{"Shapes":{"Mandarin":"\u5f62\u72b6","Japanese":"\u5f62\u72b6"}}',Scrabble:'{"Scrabble":{"Mandarin":"\u62fc\u5b57\u6e38\u620f","Japanese":"\u30b9\u30af\u30e9\u30d6\u30eb"}}',MUSICLIST:'{"MUSICLIST":{"Mandarin":"\u97f3\u4e50\u5217\u8868","Japanese":"\u30df\u30e5\u30fc\u30b8\u30b7\u30e3\u30f3"}}',"Service Scheduling And Management":'{"Service Scheduling And Management":{"Mandarin":"\u670d\u52a1\u8c03\u5ea6\u4e0e\u7ba1\u7406","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u3068\u7ba1\u7406"}}',Teacher:'{"Teacher":{"Mandarin":"\u8001\u5e08","Japanese":"\u6559\u5e2b"}}',Calendar:'{"Calendar":{"Mandarin":"\u65e5\u5386","Japanese":"\u30ab\u30ec\u30f3\u30c0\u30fc"}}',"light.hue_go_1":'{"light.hue_go_1":{"Mandarin":"\u5149.hue_go_1","Japanese":"light.hue_go_1"}}',Appointment:'{"Appointment":{"Mandarin":"\u9884\u7ea6","Japanese":"\u4e88\u5b9a"}}',"Cast to TV":'{"Cast to TV":{"Mandarin":"\u6295\u5c04\u5230\u7535\u89c6"}}',"Before We Cross The Street":'{"Before We Cross The Street":{"Mandarin":"\u5728\u6211\u4eec\u8fc7\u9a6c\u8def\u4e4b\u524d","Japanese":"\u901a\u308a\u3092\u6e21\u308b\u524d\u306b"}}',Sam:'{"Sam":{"Mandarin":"\u4ed6\u81ea\u5df1","Japanese":"\u5f7c\u81ea\u8eab"}}',"Toileting Hygiene":'{"Toileting Hygiene":{"Mandarin":"\u5982\u5395\u536b\u751f","Japanese":"\u30c8\u30a4\u30ec\u306e\u885b\u751f\u7ba1\u7406"}}',"A Safe Place to Play":'{"A Safe Place to Play":{"Mandarin":"\u4e00\u4e2a\u5b89\u5168\u7684\u5730\u65b9\u73a9","Japanese":"\u5b89\u5168\u306b\u904a\u3079\u308b\u5834\u6240"}}',"Service Pattern":'{"Service Pattern":{"Mandarin":"\u670d\u52a1\u6a21\u5f0f","Japanese":"\u30b5\u30fc\u30d3\u30b9\u30d1\u30bf\u30fc\u30f3"}}',"Penny and Marie":'{"Penny and Marie":{"Mandarin":"\u4f69\u59ae\u548c\u739b\u4e3d","Japanese":"\u30da\u30cb\u30fc\u3068\u30de\u30ea\u30fc"}}',"Select Action":'{"Select Action":{"Mandarin":"\u9009\u62e9\u52a8\u4f5c","Japanese":"\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u9078\u629e"}}',"Helmet Rap":'{"Helmet Rap":{"Mandarin":"\u5934\u76d4\u8bf4\u5531","Japanese":"\u30d8\u30eb\u30e1\u30c3\u30c8\u30e9\u30c3\u30d7"}}',"Entity ID":'{"Entity ID":{"Japanese":"\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3ID","Mandarin":"\u5b9e\u4f53\u7f16\u53f7"}}',"Chinese folk music":'{"Chinese folk music":{"Mandarin":"\u4e2d\u56fd\u6c11\u65cf\u97f3\u4e50","Japanese":"\u4e2d\u56fd\u306e\u6c11\u4fd7\u97f3\u697d"}}',"Sample MP4 Video File for Testing":'{"Sample MP4 Video File for Testing":{"Mandarin":"\u7528\u4e8e\u6d4b\u8bd5\u7684\u793a\u4f8b MP4 \u89c6\u9891\u6587\u4ef6","Japanese":"\u30c6\u30b9\u30c8\u7528\u306e\u30b5\u30f3\u30d7\u30eb MP4 \u30d3\u30c7\u30aa \u30d5\u30a1\u30a4\u30eb"}}',RABI:'{"RABI":{"Mandarin":"\u4e00\u534a","Japanese":"\u534a\u5206"}}',"Buckle Up":'{"Buckle Up":{"Mandarin":"\u7cfb\u597d\u5b89\u5168\u5e26","Japanese":"\u30b7\u30fc\u30c8\u30d9\u30eb\u30c8\u3092\u7de0\u3081\u308b"}}',"General Quiz":'{"General Quiz":{"Mandarin":"\u4e00\u822c\u6d4b\u9a8c","Japanese":"\u4e00\u822c\u30af\u30a4\u30ba"}}',"When ThingleToodle Came to School":'{"When ThingleToodle Came to School":{"Mandarin":"\u5f53 ThingleToodle \u6765\u5230\u5b66\u6821","Japanese":"ThingleToodle \u304c\u5b66\u6821\u306b\u6765\u305f\u3068\u304d"}}',unavailable:'{"unavailable":{"Mandarin":"\u4e0d\u53ef\u7528","Japanese":"\u5229\u7528\u4e0d\u53ef"}}',"Technology Support":'{"Technology Support":{"Mandarin":"\u6280\u672f\u652f\u6301","Japanese":"\u6280\u8853\u30b5\u30dd\u30fc\u30c8"}}',Bingo:'{"Bingo":{"Mandarin":"\u7b54\u5bf9\u4e86","Japanese":"\u30d3\u30f3\u30b4"}}',STARTTIMER:'{"STARTTIMER":{"Mandarin":"\u542f\u52a8\u5b9a\u65f6\u5668","Japanese":"\u30b9\u30bf\u30fc\u30c8\u30bf\u30a4\u30de\u30fc"}}',"Copy Cat":'{"Copy Cat":{"Mandarin":"\u5c71\u5be8","Japanese":"\u30b3\u30d4\u30fc\u30ad\u30e3\u30c3\u30c8"}}',"\u5fc3\u5fc3":'{"\u5fc3\u5fc3":{"Mandarin":"\u5fc3\u5fc3","Japanese":"\u5fc3\u81d3"}}',Stop:'{"Stop":{"Mandarin":"\u505c\u6b62","Japanese":"\u30b9\u30c8\u30c3\u30d7"}}',"Video Call":'{"Video Call":{"Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71","Mandarin":"\u89c6\u9891\u7535\u8bdd"}}',"Donimo Addition":'{"Donimo Addition":{"Mandarin":"\u591a\u5c3c\u83ab\u52a0\u6cd5","Japanese":"\u30c9\u30cb\u30e2\u8ffd\u52a0"}}',"voice command":'{"voice command":{"Mandarin":"\u8bed\u97f3\u63a7\u5236","Japanese":"\u97f3\u58f0\u30b3\u30de\u30f3\u30c9"}}',"Jingle Bell Rock":'{"Jingle Bell Rock":{"Mandarin":"\u94c3\u513f\u54cd\u53ee\u5f53","Japanese":"\u30b8\u30f3\u30b0\u30eb\u30d9\u30eb\u30ed\u30c3\u30af"}}',Harry:'{"Harry":{"Mandarin":"\u54c8\u5229","Japanese":"\u30cf\u30ea\u30fc"}}',Home:'{"Home":{"Mandarin":"\u5bb6","Japanese":"\u5bb6"}}',Quizzes:'{"Quizzes":{"Mandarin":"\u6d4b\u9a8c"}}',"Select a song":'{"Select a song":{"Mandarin":"\u9009\u62e9\u4e00\u9996\u6b4c\u66f2","Japanese":"\u66f2\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',"Voice Message":'{"Voice Message":{"Mandarin":"\u8bed\u97f3\u7559\u8a00","Japanese":"\u30dc\u30a4\u30b9\u30e1\u30c3\u30bb\u30fc\u30b8"}}',"Scan Devices":'{"Scan Devices":{"Mandarin":"\u626b\u63cf\u8bbe\u5907","Japanese":"\u30b9\u30ad\u30e3\u30f3\u30c7\u30d0\u30a4\u30b9"}}',"Smart Home":'{"Smart Home":{"Mandarin":"\u667a\u80fd\u5bb6\u5c45","Japanese":"\u30b9\u30de\u30fc\u30c8\u30db\u30fc\u30e0"}}',Call:'{"Call":{"Mandarin":"\u79f0\u547c","Japanese":"\u96fb\u8a71"}}',"Emotional Well Being":'{"Emotional Well Being":{"Mandarin":"\u60c5\u611f\u798f\u7949","Japanese":"\u7cbe\u795e\u7684\u306a\u5e78\u798f"}}',localhost:'{"localhost":{"Mandarin":"\u672c\u5730\u4e3b\u673a","Japanese":"\u30ed\u30fc\u30ab\u30eb\u30db\u30b9\u30c8"}}',James:'{"James":{"Mandarin":"\u8a79\u59c6\u58eb","Japanese":"\u30b8\u30a7\u30fc\u30e0\u30b9"}}',"Row Row Row Your Boat with Lyrics | LIV Kids Nursery Rhymes and Songs | HD":'{"Row Row Row Your Boat with Lyrics | LIV Kids Nursery Rhymes and Songs | HD":{"Mandarin":"Row Row Row Your Boat \u6b4c\u8bcdLIV \u513f\u7ae5\u7ae5\u8c23\u548c\u6b4c\u66f2 |\u9ad8\u6e05","Japanese":"Row Row Row Your Boat \u6b4c\u8a5e\u4ed8\u304d | LIV \u30ad\u30c3\u30ba\u306e\u7ae5\u8b21\u3068\u7ae5\u8b21 | HD"}}',"Fire Safety Tools":'{"Fire Safety Tools":{"Mandarin":"\u6d88\u9632\u5b89\u5168\u5de5\u5177","Japanese":"\u9632\u706b\u7528\u5177"}}',"When I'm Feeling Happy by Trace Moroney - Read Aloud.mp3":'{"When I\'m Feeling Happy by Trace Moroney - Read Aloud.mp3":{"Mandarin":"\u5f53\u6211\u611f\u5230\u5feb\u4e50\u65f6 Trace Moroney - Read Aloud.mp3","Japanese":"When I&#39;m Feeling Happy by Trace Moroney - Read Aloud.mp3"}}',"light.hue_white_lamp_2":'{"light.hue_white_lamp_2":{"Mandarin":"light.hue_white_lamp_2","Japanese":"light.hue_white_lamp_2"}}',"Family Photos & Videos":'{"Family Photos & Videos":{"Japanese":"\u5bb6\u65cf\u306e\u5199\u771f","Mandarin":"\u5bb6\u5ead\u7167\u7247"}}',"Select a book":'{"Select a book":{"Mandarin":"\u9009\u62e9\u4e00\u672c\u4e66","Japanese":"\u672c\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044"}}',Submit:'{"Submit":{"Mandarin":"\u63d0\u4ea4","Japanese":"\u9001\u4fe1"}}',"Cast to TV with TV audio":'{"Cast to TV with TV audio":{"Mandarin":"\u901a\u8fc7\u7535\u89c6\u97f3\u9891\u6295\u5c04\u5230\u7535\u89c6","Japanese":"\u30c6\u30ec\u30d3\u306e\u97f3\u58f0\u3092\u4f7f\u3063\u3066\u30c6\u30ec\u30d3\u306b\u30ad\u30e3\u30b9\u30c8\u3059\u308b"}}',"End Call":'{"End Call":{"Mandarin":"\u7ed3\u675f\u901a\u8bdd"}}',"Cast to TV with Matilda audio":'{"Cast to TV with Matilda audio":{"Mandarin":"\u4f7f\u7528 Matilda \u97f3\u9891\u6295\u5c04\u5230\u7535\u89c6","Japanese":"Matilda \u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u30c6\u30ec\u30d3\u306b\u30ad\u30e3\u30b9\u30c8\u3059\u308b"}}',MUSICPLAY:'{"MUSICPLAY":{"Mandarin":"\u97f3\u4e50\u64ad\u653e","Japanese":"\u97f3\u697d\u518d\u751f"}}',"Log ID":'{"Log ID":{"Mandarin":"\u65e5\u5fd7\u7f16\u53f7","Japanese":"\u30ed\u30b0ID"}}',"Add Books":'{"Add Books":{"Mandarin":"\u6dfb\u52a0\u4e66\u7c4d","Japanese":"\u672c\u3092\u8ffd\u52a0\u3059\u308b"}}',NEWSREAD:'{"NEWSREAD":{"Mandarin":"\u65b0\u95fb\u9605\u8bfb","Japanese":"\u30cb\u30e5\u30fc\u30b9\u30ea\u30fc\u30c9"}}',"The Very Busy Spider":'{"The Very Busy Spider":{"Mandarin":"\u975e\u5e38\u5fd9\u788c\u7684\u8718\u86db","Japanese":"\u3068\u3066\u3082\u5fd9\u3057\u3044\u30af\u30e2"}}',"Track 6":'{"Track 6":{"Mandarin":"\u8f68\u9053 6","Japanese":"\u30c8\u30e9\u30c3\u30af6"}}',"Technology Tools":'{"Technology Tools":{"Mandarin":"\u6280\u672f\u5de5\u5177","Japanese":"\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30c4\u30fc\u30eb"}}',Matlda1:'{"Matlda1":{"Mandarin":"\u739b\u7279\u8fbe1","Japanese":"\u30de\u30c6\u30eb\u30c01"}}',"The Ugly Duckling":'{"The Ugly Duckling":{"Mandarin":"\u4e11\u5c0f\u9e2d","Japanese":"\u307f\u306b\u304f\u3044\u30a2\u30d2\u30eb\u306e\u5b50"}}',"Phone Call":'{"Phone Call":{"Japanese":"\u96fb\u8a71","Mandarin":"\u7535\u8bdd"}}',"Video Call Recording":'{"Video Call Recording":{"Mandarin":"\u89c6\u9891\u901a\u8bdd\u5f55\u97f3","Japanese":"\u30d3\u30c7\u30aa\u901a\u8a71\u306e\u9332\u97f3"}}',"At The Store":'{"At The Store":{"Mandarin":"\u5728\u5546\u5e97","Japanese":"\u304a\u5e97\u3067"}}',"Which is it":'{"Which is it":{"Mandarin":"\u662f\u54ea\u4e00\u4e2a","Japanese":"\u3069\u308c\u3067\u3059\u304b"}}',"Add Video":'{"Add Video":{"Mandarin":"\u6dfb\u52a0\u89c6\u9891","Japanese":"\u30d3\u30c7\u30aa\u3092\u8ffd\u52a0"}}',"Ugly Duckling":'{"Ugly Duckling":{"Mandarin":"\u4e11\u5c0f\u9e2d","Japanese":"\u307f\u306b\u304f\u3044\u30a2\u30d2\u30eb\u306e\u5b50"}}',AUDIOBOOKSEARCH:'{"AUDIOBOOKSEARCH":{"Mandarin":"\u6709\u58f0\u8bfb\u7269\u641c\u7d22","Japanese":"\u30aa\u30fc\u30c7\u30a3\u30aa\u30d6\u30c3\u30af\u30b5\u30fc\u30c1"}}',"User ID":'{"User ID":{"Mandarin":"\u7528\u6237\u8eab\u4efd","Japanese":"\u30e6\u30fc\u30b6\u30fcID"}}',Telehealth:'{"Telehealth":{"Mandarin":"\u8fdc\u7a0b\u533b\u7597","Japanese":"\u9060\u9694\u533b\u7642"}}',Action:'{"Action":{"Mandarin":"\u884c\u52a8","Japanese":"\u30a2\u30af\u30b7\u30e7\u30f3"}}',"Walking Down The Street":'{"Walking Down The Street":{"Mandarin":"\u8d70\u5728\u8857\u4e0a","Japanese":"\u30a6\u30a9\u30fc\u30ad\u30f3\u30b0\u30fb\u30c0\u30a6\u30f3\u30fb\u30b6\u30fb\u30b9\u30c8\u30ea\u30fc\u30c8"}}',"\u8001\u5e2b":'{"\u8001\u5e2b":{"Mandarin":"\u8001\u5e08","Japanese":"\u6559\u5e2b"}}',"Jack's Shopping List":'{"Jack\'s Shopping List":{"Mandarin":"\u6770\u514b\u7684\u8d2d\u7269\u6e05\u5355","Japanese":"\u30b8\u30e3\u30c3\u30af\u306e\u8cb7\u3044\u7269\u30ea\u30b9\u30c8"}}',Derek:'{"Derek":{"Mandarin":"\u5fb7\u91cc\u514b","Japanese":"\u30c7\u30ec\u30af"}}',"12345 Once I Caught A Fish Alive _ Nursery Rhyme _ Hooplakidz.mp3":'{"12345 Once I Caught A Fish Alive _ Nursery Rhyme _ Hooplakidz.mp3":{"Mandarin":"12345 \u66fe\u7ecf\u6211\u9493\u5230\u4e00\u6761\u6d3b\u9c7c_\u7ae5\u8c23_Hooplakidz.mp3","Japanese":"12345 \u751f\u304d\u305f\u9b5a\u3092\u6355\u307e\u3048\u305f\u3089 _ \u7ae5\u8b21 _ Hooplakidz.mp3"}}',"Counting 2 Dollar Coints":'{"Counting 2 Dollar Coints":{"Mandarin":"\u6570 2 \u7f8e\u5143\u786c\u5e01","Japanese":"2\u30c9\u30eb\u786c\u8ca8\u3092\u6570\u3048\u308b"}}',Yazan:'{"Yazan":{"Mandarin":"\u7ecf\u8fc7","Japanese":"\u306b"}}',unknown:'{"unknown":{"Mandarin":"\u672a\u77e5","Japanese":"\u77e5\u3089\u306a\u3044"}}',"\u5abd\u5abd":'{"\u5abd\u5abd":{"Mandarin":"\u5988\u5988","Japanese":"\u6bcd\u89aa"}}',VideoFile:'{"VideoFile":{"Mandarin":"\u89c6\u9891\u6587\u4ef6","Japanese":"\u30d3\u30c7\u30aa\u30d5\u30a1\u30a4\u30eb"}}',"house that jack built":'{"house that jack built":{"Mandarin":"\u6770\u514b\u5efa\u9020\u7684\u623f\u5b50","Japanese":"\u30b8\u30e3\u30c3\u30af\u304c\u5efa\u3066\u305f\u5bb6"}}',Books:'{"Books":{"Mandarin":"\u56fe\u4e66","Japanese":"\u672c"}}',"Please Enter ID to call":'{"Please Enter ID to call":{"Mandarin":"\u8bf7\u8f93\u5165\u7535\u8bdd\u53f7\u7801","Japanese":"ID\u3092\u5165\u529b\u3057\u3066\u96fb\u8a71\u3057\u3066\u304f\u3060\u3055\u3044"}}',"Audio Call":'{"Audio Call":{"Mandarin":"\u97f3\u9891\u901a\u8bdd","Japanese":"\u97f3\u58f0\u901a\u8a71"}}',Receptionist:'{"Receptionist":{"Mandarin":"\u63a5\u5f85\u5458","Japanese":"\u53d7\u4ed8"}}',"Scan Cast Devices":'{"Scan Cast Devices":{"Mandarin":"\u626b\u63cf\u6295\u5c04\u8bbe\u5907","Japanese":"\u30b9\u30ad\u30e3\u30f3\u30ad\u30e3\u30b9\u30c8\u30c7\u30d0\u30a4\u30b9"}}',"5 little ducks":'{"5 little ducks":{"Mandarin":"5\u53ea\u5c0f\u9e2d\u5b50","Japanese":"5\u7fbd\u306e\u5c0f\u3055\u306a\u30a2\u30d2\u30eb"}}',"Head Shoulders Knees & Toes (Sing It).mp3":'{"Head Shoulders Knees & Toes (Sing It).mp3":{"Mandarin":"\u5934\u80a9\u8180\u819d\u76d6","Japanese":"\u982d \u80a9 \u819d"}}',Date:'{"Date":{"Mandarin":"\u65e5\u671f","Japanese":"\u65e5\u306b\u3061"}}',"Brown Bear What Do You See":'{"Brown Bear What Do You See":{"Mandarin":"\u68d5\u718a\u4f60\u770b\u5230\u4e86\u4ec0\u4e48","Japanese":"\u30d2\u30b0\u30de\u306f\u4f55\u3092\u898b\u307e\u3059\u304b"}}',"Good Morning Song":'{"Good Morning Song":{"Mandarin":"\u65e9\u5b89\u6b4c","Japanese":"\u30b0\u30c3\u30c9\u30e2\u30fc\u30cb\u30f3\u30b0\u30bd\u30f3\u30b0"}}',"Count and Add":'{"Count and Add":{"Mandarin":"\u8ba1\u6570\u5e76\u6dfb\u52a0","Japanese":"\u6570\u3048\u3066\u52a0\u7b97\u3059\u308b"}}',"The Wiggles Taba Naba Style! (feat. Christine Anu) Kids Songs.mp3":'{"The Wiggles Taba Naba Style! (feat. Christine Anu) Kids Songs.mp3":{"Mandarin":"Wiggles Taba Naba \u98ce\u683c\uff01 (feat. Christine Anu) \u513f\u7ae5\u6b4c\u66f2.mp3","Japanese":"\u30a6\u30a3\u30b0\u30eb\u30ba\u30bf\u30d0\u30ca\u30d0\u30b9\u30bf\u30a4\u30eb\uff01 (feat. \u30af\u30ea\u30b9\u30c6\u30a3\u30fc\u30f3\u30fb\u30a2\u30cc) \u30ad\u30c3\u30ba\u30bd\u30f3\u30b0.mp3"}}',"Means of Transportation":'{"Means of Transportation":{"Mandarin":"\u4ea4\u901a\u65b9\u5f0f","Japanese":"\u7ffb\u8a33\u306e\u610f\u5473"}}',"Interaction Logs":'{"Interaction Logs":{"Mandarin":"\u4ea4\u4e92\u65e5\u5fd7","Japanese":"\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u30ed\u30b0"}}',John:'{"John":{"Mandarin":"\u7ea6\u7ff0","Japanese":"\u30b8\u30e7\u30f3"}}',Scheduler:'{"Scheduler":{"Mandarin":"\u8c03\u5ea6\u5668","Japanese":"\u30b9\u30b1\u30b8\u30e5\u30fc\u30e9"}}',"Where in the World":'{"Where in the World":{"Mandarin":"\u5728\u4e16\u754c\u7684\u54ea\u4e2a\u5730\u65b9","Japanese":"\u4e16\u754c\u306e\u3069\u3053\u306b"}}',"Big rain coming":'{"Big rain coming":{"Mandarin":"\u5927\u96e8\u6765\u4e86","Japanese":"\u5927\u96e8\u304c\u964d\u308b"}}',isMounted:"YES",Configuration:'{"Configuration":{"Mandarin":"\u914d\u7f6e","Japanese":"\u69cb\u6210"}}',peerId:"Caregiver_229a-g","Voice Message listing":'{"Voice Message listing":{"Mandarin":"\u8bed\u97f3\u7559\u8a00\u5217\u8868","Japanese":"\u30dc\u30a4\u30b9\u30e1\u30c3\u30bb\u30fc\u30b8\u30ea\u30b9\u30c8"}}',"Brain Training":'{"Brain Training":{"Mandarin":"\u5927\u8111\u8bad\u7ec3","Japanese":"\u8133\u306e\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0"}}',Entertainment:'{"Entertainment":{"Mandarin":"\u5a31\u4e50","Japanese":"\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30e1\u30f3\u30c8"}}',"how are you":'{"how are you":{"Mandarin":"\u4f60\u597d\u5417","Japanese":"\u5143\u6c17\u3067\u3059\u304b"}}',"Cheeky Tunes - Children's Music - Ngaya Naba Aboriginal songs for children.mp3":'{"Cheeky Tunes - Children\'s Music - Ngaya Naba Aboriginal songs for children.mp3":{"Mandarin":"Cheeky Tunes - \u513f\u7ae5\u97f3\u4e50 - Ngaya Naba \u539f\u4f4f\u6c11\u513f\u7ae5\u6b4c\u66f2.mp3","Japanese":"Cheeky Tunes - \u5b50\u4f9b\u306e\u97f3\u697d - Naya Naba \u5b50\u4f9b\u5411\u3051\u306e\u30a2\u30dc\u30ea\u30b8\u30cb\u306e\u6b4c.mp3"}}',"The Hold My Hand Rap":'{"The Hold My Hand Rap":{"Mandarin":"\u63e1\u4f4f\u6211\u7684\u624b\u8bf4\u5531","Japanese":"\u30db\u30fc\u30eb\u30c9\u30fb\u30de\u30a4\u30fb\u30cf\u30f3\u30c9\u30fb\u30e9\u30c3\u30d7"}}',STOPTIMER:'{"STOPTIMER":{"Mandarin":"\u505c\u6b62\u5b9a\u65f6\u5668","Japanese":"\u30b9\u30c8\u30c3\u30d7\u30bf\u30a4\u30de\u30fc"}}',"Health and Fitness":'{"Health and Fitness":{"Mandarin":"\u5065\u5eb7\u548c\u5065\u8eab","Japanese":"\u5065\u5eb7\u3068\u904b\u52d5"}}',"Add Music":'{"Add Music":{"Mandarin":"\u6dfb\u52a0\u97f3\u4e50","Japanese":"\u97f3\u697d\u3092\u8ffd\u52a0\u3059\u308b"}}',"\u8fea\u8fea":'{"\u8fea\u8fea":{"Mandarin":"\u8fea\u8fea","Japanese":"\u30c7\u30a3\u30c7\u30a3"}}',"[object Object]":'{"[object Object]":{"Mandarin":"[\u5bf9\u8c61\u5bf9\u8c61]"}}',Games:'{"Games":{"Mandarin":"\u6e38\u620f","Japanese":"\u30b2\u30fc\u30e0"}}',"Cookie Please":'{"Cookie Please":{"Mandarin":"\u8bf7\u997c\u5e72","Japanese":"\u30af\u30c3\u30ad\u30fc\u304f\u3060\u3055\u3044"}}',Superstar:'{"Superstar":{"Mandarin":"\u8d85\u7ea7\u660e\u661f","Japanese":"\u30b9\u30fc\u30d1\u30fc\u30b9\u30bf\u30fc"}}',YOUTUBEPLAYSOLO:'{"YOUTUBEPLAYSOLO":{"Mandarin":"YouTube\u72ec\u594f","Japanese":"YouTube\u30d7\u30ec\u30a4\u30bd\u30ed"}}',Photo:'{"Photo":{"Mandarin":"\u7167\u7247","Japanese":"\u5199\u771f"}}',"A Ride in The Car":'{"A Ride in The Car":{"Mandarin":"\u5750\u8f66","Japanese":"\u8eca\u306b\u4e57\u3063\u3066"}}',Songs:'{"Songs":{"Mandarin":"\u6b4c\u66f2","Japanese":"\u66f2"}}',Counting:'{"Counting":{"Mandarin":"\u6570\u6570","Japanese":"\u6570\u3048\u308b"}}',"dr froster":'{"dr froster":{"Mandarin":"\u5f17\u7f57\u65af\u7279\u535a\u58eb","Japanese":"\u30d5\u30ed\u30b9\u30bf\u30fc\u535a\u58eb"}}',Video:'{"Video":{"Mandarin":"\u89c6\u9891","Japanese":"\u30d3\u30c7\u30aa"}}',"light.hue_white_lamp_1":'{"light.hue_white_lamp_1":{"Mandarin":"light.hue_white_lamp_1","Japanese":"light.hue_white_lamp_1"}}',"\u7da0\u8c46":'{"\u7da0\u8c46":{"Mandarin":"\u7eff\u8c46","Japanese":"\u30b5\u30e4\u30a4\u30f3\u30b2\u30f3"}}',"Facial Expression":'{"Facial Expression":{"Mandarin":"\u8868\u60c5","Japanese":"\u8868\u60c5"}}',pageLanguage:"English","Friends and Relatives":'{"Friends and Relatives":{"Japanese":"\u53cb\u4eba\u3084\u89aa\u621a","Mandarin":"\u670b\u53cb\u548c\u4eb2\u621a"}}',"ROW ROW ROW YOUR BOAT _ Classic Nursery Rhymes _ English Songs For Kids _ Nursery Rhymes TV.mp3":'{"ROW ROW ROW YOUR BOAT _ Classic Nursery Rhymes _ English Songs For Kids _ Nursery Rhymes TV.mp3":{"Mandarin":"ROW ROW ROW YOUR BOAT_\u7ecf\u5178\u7ae5\u8c23_\u82f1\u6587\u513f\u6b4c_\u7ae5\u8c23TV.mp3","Japanese":"ROW ROW ROW YOUR BOAT _ \u53e4\u5178\u7684\u306a\u7ae5\u8b21 _ \u5b50\u4f9b\u306e\u305f\u3081\u306e\u82f1\u8a9e\u306e\u6b4c _ \u7ae5\u8b21 TV.mp3"}}',VIDEOCAST:'{"VIDEOCAST":{"Mandarin":"\u89c6\u9891\u5e7f\u64ad","Japanese":"\u30d3\u30c7\u30aa\u30ad\u30e3\u30b9\u30c8"}}',"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]":'{"[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]":{"Mandarin":"[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61], [\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61],[\u5bf9\u8c61\u5bf9\u8c61]"}}',Quiz:'{"Quiz":{"Mandarin":"\u6d4b\u9a8c","Japanese":"\u30af\u30a4\u30ba"}}',"twinkle star":'{"twinkle star":{"Mandarin":"\u95ea\u70c1\u7684\u661f\u661f","Japanese":"\u304d\u3089\u304d\u3089\u661f"}}',Analytics:'{"Analytics":{"Mandarin":"\u5206\u6790","Japanese":"\u5206\u6790"}}',"Jeff's Bike":'{"Jeff\'s Bike":{"Mandarin":"\u6770\u592b\u7684\u81ea\u884c\u8f66","Japanese":"\u30b8\u30a7\u30d5\u306e\u30d0\u30a4\u30af"}}',Time:'{"Time":{"Mandarin":"\u65f6\u95f4","Japanese":"\u6642\u9593"}}',Description:'{"Description":{"Mandarin":"\u63cf\u8ff0","Japanese":"\u8aac\u660e"}}',YOUTUBESEARCH:'{"YOUTUBESEARCH":{"Mandarin":"\u4f18\u9177\u641c\u7d22","Japanese":"\u30e6\u30fc\u30c1\u30e5\u30fc\u30d6\u30b5\u30fc\u30c1"}}',State:'{"State":{"Japanese":"\u5dde","Mandarin":"\u72b6\u6001"}}',"Famous Faces":'{"Famous Faces":{"Mandarin":"\u540d\u4eba\u9762\u5b54","Japanese":"\u6709\u540d\u306a\u9854"}}',"Service Preference":'{"Service Preference":{"Mandarin":"\u670d\u52a1\u504f\u597d","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u597d\u307f"}}',Exercise:'{"Exercise":{"Mandarin":"\u953b\u70bc","Japanese":"\u30a8\u30af\u30b5\u30b5\u30a4\u30ba"}}',SELECTSERVICE:'{"SELECTSERVICE":{"Mandarin":"\u9009\u62e9\u670d\u52a1","Japanese":"\u30b5\u30fc\u30d3\u30b9\u306e\u9078\u629e"}}',"Healthy vs Unhealthy":'{"Healthy vs Unhealthy":{"Mandarin":"\u5065\u5eb7\u4e0e\u4e0d\u5065\u5eb7","Japanese":"\u5065\u5eb7\u3068\u4e0d\u5065\u5eb7"}}',"Analytics: Service Pattern":'{"Analytics: Service Pattern":{"Mandarin":"\u5206\u6790\uff1a\u670d\u52a1\u6a21\u5f0f","Japanese":"\u5206\u6790: \u30b5\u30fc\u30d3\u30b9\u30d1\u30bf\u30fc\u30f3"}}',speech:'{"speech":{"Mandarin":"\u6f14\u8bb2","Japanese":"\u30b9\u30d4\u30fc\u30c1"}}',Child:'{"Child":{"Mandarin":"\u5b69\u5b50","Japanese":"\u5b50\u4f9b"}}',BOOKLIST:'{"BOOKLIST":{"Mandarin":"\u4e66\u5355","Japanese":"\u30d6\u30c3\u30af\u30ea\u30b9\u30c8"}}',"Justine Clarke - Dancing Face (Official Video).mp3":'{"Justine Clarke - Dancing Face (Official Video).mp3":{"Mandarin":"Justine Clarke - Dancing Face\uff08\u5b98\u65b9\u89c6\u9891\uff09.mp3","Japanese":"Justine Clarke - Dancing Face (\u30aa\u30d5\u30a3\u30b7\u30e3\u30eb \u30d3\u30c7\u30aa).mp3"}}',"Jack's shopping list":'{"Jack\'s shopping list":{"Mandarin":"\u6770\u514b\u7684\u8d2d\u7269\u6e05\u5355","Japanese":"\u30b8\u30e3\u30c3\u30af\u306e\u8cb7\u3044\u7269\u30ea\u30b9\u30c8"}}',Activity:'{"Activity":{"Mandarin":"\u6d3b\u52a8","Japanese":"\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3"}}',Mandarin:'{"Mandarin":{"Mandarin":"\u666e\u901a\u8bdd","Japanese":"\u5317\u4eac\u8a9e"}}',Title:'{"Title":{"Mandarin":"\u6807\u9898","Japanese":"\u30bf\u30a4\u30c8\u30eb"}}',"Old MacDonald Had A Farm | Nursery Rhymes | Super Simple Songs":'{"Old MacDonald Had A Farm | Nursery Rhymes | Super Simple Songs":{"Mandarin":"\u8001\u9ea6\u514b\u5510\u7eb3\u6709\u4e00\u4e2a\u519c\u573a |\u513f\u6b4c |\u8d85\u7ea7\u7b80\u5355\u7684\u6b4c\u66f2","Japanese":"\u30de\u30af\u30c9\u30ca\u30eb\u30c9\u8001\u4eba\u306b\u306f\u8fb2\u5834\u304c\u3042\u308a\u307e\u3057\u305f |\u7ae5\u8b21 | \u7ae5\u8b21\u30b9\u30fc\u30d1\u30fc\u30b7\u30f3\u30d7\u30eb\u30bd\u30f3\u30b0"}}',"Words and Letters":'{"Words and Letters":{"Mandarin":"\u6587\u5b57\u548c\u5b57\u6bcd","Japanese":"\u8a00\u8449\u3068\u6587\u5b57"}}',"Penny Ann Marie":'{"Penny Ann Marie":{"Mandarin":"\u6f58\u59ae\xb7\u5b89\xb7\u739b\u4e3d","Japanese":"\u30da\u30cb\u30fc\u30fb\u30a2\u30f3\u30fb\u30de\u30ea\u30fc"}}',"Tammy's Day Out":'{"Tammy\'s Day Out":{"Mandarin":"\u5854\u7c73\u7684\u4e00\u5929","Japanese":"\u30bf\u30df\u30fc\u306e\u4e00\u65e5"}}',"Friends And Relatives":'{"Friends And Relatives":{"Mandarin":"\u670b\u53cb\u548c\u4eb2\u621a","Japanese":"\u53cb\u4eba\u3084\u89aa\u621a"}}',userRole:"ADMIN","Talk With Matilda":'{"Talk With Matilda":{"Mandarin":"\u4e0e\u739b\u8482\u5c14\u8fbe\u4ea4\u8c08","Japanese":"\u30de\u30c1\u30eb\u30c0\u3068\u8a71\u3059"}}',YOUTUBEPLAY:'{"YOUTUBEPLAY":{"Mandarin":"\u4f18\u9177\u64ad\u653e","Japanese":"\u30e6\u30fc\u30c1\u30e5\u30fc\u30d6\u30d7\u30ec\u30a4"}}',"U3A  Partnerships":'{"U3A  Partnerships":{"Mandarin":"U3A \u5408\u4f5c\u4f19\u4f34","Japanese":"U3A \u30d1\u30fc\u30c8\u30ca\u30fc\u30b7\u30c3\u30d7"}}',"Bring it":'{"Bring it":{"Mandarin":"\u5e26\u4e0a\u5b83","Japanese":"\u6301\u3063\u3066\u304d\u3066\u304f\u3060\u3055\u3044"}}',ocr:'{"ocr":{"Mandarin":"\u6587\u5b57\u8bc6\u522b","Japanese":"ocr"}}',"Simon Says Song for Children by Patty Shukla.mp3":'{"Simon Says Song for Children by Patty Shukla.mp3":{"Mandarin":"Simon Says Song for Children by Patty Shukla.mp3","Japanese":"Simon Says Song for Children by Patty Shukla.mp3"}}',"Analytics: Interactions":'{"Analytics: Interactions":{"Mandarin":"\u5206\u6790\uff1a\u4ea4\u4e92","Japanese":"\u5206\u6790: \u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3"}}',Chess:'{"Chess":{"Mandarin":"\u68cb","Japanese":"\u30c1\u30a7\u30b9"}}',WebApp:'{"WebApp":{"Mandarin":"\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f","Japanese":"\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea"}}',undefined:'{"undefined":{"Mandarin":"\u4e0d\u660e\u786e\u7684"}}',English:'{"English":{"Mandarin":"\u82f1\u8bed","Japanese":"\u82f1\u8a9e"}}',"React Data: 1":'{"React Data: 1":{"Mandarin":"\u53cd\u5e94\u6570\u636e\uff1a1","Japanese":"\u53cd\u5fdc\u30c7\u30fc\u30bf: 1"}}',"Last Changed":'{"Last Changed":{"Japanese":"\u6700\u7d42\u5909\u66f4\u65e5","Mandarin":"\u6700\u540e\u66f4\u6539"}}',"Is That True":'{"Is That True":{"Mandarin":"\u771f\u7684\u5417","Japanese":"\u672c\u5f53"}}',"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3":'{"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3":{"Mandarin":"\u4e00\uff0c\u4e8c\uff0c\u6263\u6211\u7684\u978b - \u6700\u597d\u542c\u7684\u513f\u7ae5\u6b4c\u66f2_LooLoo Kids.mp3","Japanese":"One, Two, Buckle My Shoe - The Best Songs for Children _ LooLoo Kids.mp3"}}',"The Very Hungry Caterpillar":'{"The Very Hungry Caterpillar":{"Mandarin":"\u597d\u997f\u7684\u6bdb\u6bdb\u866b","Japanese":"\u306f\u3089\u307a\u3053\u3042\u304a\u3080\u3057"}}',"pat a cake":'{"pat a cake":{"Mandarin":"\u62cd\u4e2a\u86cb\u7cd5","Japanese":"\u30b1\u30fc\u30ad\u3092\u305f\u305f\u304f"}}'});t<a.length;t++){var n=Object(v.a)(a[t],2),o=n[0],r=n[1];console.log(o,r),localStorage.setItem(o,r)}var l=localStorage.getItem("pageLanguage");return void 0===l&&(l="English",localStorage.setItem("pageLanguage","English")),"English"!==l&&void 0!==l&&(e=ye.a.translateString(e,l),console.log("TITLE ",e)),e};return o.a.createElement("div",{id:"main-menu-panel"},o.a.createElement(pe.a,{title:d("Home")}),o.a.createElement("div",{className:s.root,id:"blocks"},Vc.map((function(e){return o.a.createElement(o.a.Fragment,null,"Admin"==e.title?o.a.createElement(o.a.Fragment,null,"ADMIN"==localStorage.getItem("userRole")?o.a.createElement(Q.a,{onClick:function(){return u(e.title,e.slug)},focusRipple:!0,key:e.title,className:s.image,focusVisibleClassName:s.focusVisible},o.a.createElement("span",{className:s.imageSrc,style:{background:e.background}},o.a.createElement("svg",{className:s.imageSVG,width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:e.svg}})),o.a.createElement("span",{className:s.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:s.imageTitle},d(e.title)))):o.a.createElement(o.a.Fragment,null)):o.a.createElement(Q.a,{onClick:function(){return u(e.title,e.slug)},focusRipple:!0,key:e.title,className:s.image,focusVisibleClassName:s.focusVisible},o.a.createElement("span",{className:s.imageSrc,style:{background:e.background}},o.a.createElement("svg",{className:s.imageSVG,width:"24",height:"24",strokeWidth:"1.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",dangerouslySetInnerHTML:{__html:e.svg}})),o.a.createElement("span",{className:s.imageButton},o.a.createElement(K.a,{component:"span",variant:"subtitle1",color:"inherit",className:s.imageTitle},d(e.title)))))}))),o.a.createElement("div",null,o.a.createElement(p.c,null,o.a.createElement(p.a,{exact:!0,path:"/login",component:R}),o.a.createElement(p.a,{exact:!0,path:"/register",component:V}),o.a.createElement(p.a,{exact:!0,path:"/profile",component:Z}),o.a.createElement(p.a,{path:"/user",component:ae}),o.a.createElement(p.a,{path:"/map",component:Map}),o.a.createElement(p.a,{path:"/management",component:ue}),o.a.createElement(p.a,{exact:!0,path:"/music",component:xe}),o.a.createElement(p.a,{exact:!0,path:"/youtube",component:Ie}),o.a.createElement(p.a,{exact:!0,path:"/videos",component:Je}),o.a.createElement(p.a,{exact:!0,path:"/technology-support",component:So}),o.a.createElement(p.a,{exact:!0,path:"/voice-command",component:kl}),o.a.createElement(p.a,{exact:!0,path:"/heart-rate",component:Ll}),o.a.createElement(p.a,{exact:!0,path:"/monitoring",component:el}),o.a.createElement(p.a,{exact:!0,path:"/receptionist",component:El}),o.a.createElement(p.a,{exact:!0,path:"/fitbit",component:Xr}),o.a.createElement(p.a,{exact:!0,path:"/manage-user",component:Or}),o.a.createElement(p.a,{exact:!0,path:"/manage-profile",component:_l}),o.a.createElement(p.a,{exact:!0,path:"/manage-robot",component:zr}),o.a.createElement(p.a,{exact:!0,path:"/manage-resident",component:Si}),o.a.createElement(p.a,{exact:!0,path:"/manage-conversation",component:Mi}),o.a.createElement(p.a,{exact:!0,path:"/conversation-log",component:Hi}),o.a.createElement(p.a,{exact:!0,path:"/reception",component:Wi}),o.a.createElement(p.a,{exact:!0,path:"/face-recognition",component:fc}),o.a.createElement(p.a,{exact:!0,path:"training-module-list",component:Tc}),o.a.createElement(p.a,{exact:!0,path:"/health-and-wellbeing",component:He}),o.a.createElement(p.a,{exact:!0,path:"/emotional-wellbeing",component:Go}),o.a.createElement(p.a,{exact:!0,path:"/brain-training",component:Ko}),o.a.createElement(p.a,{exact:!0,path:"/bingo-card",component:Vl}),o.a.createElement(p.a,{exact:!0,path:"/bingo-card-serguis",component:Ql}),o.a.createElement(p.a,{exact:!0,path:"/number-card-1to20",component:Jl}),o.a.createElement(p.a,{exact:!0,path:"/friends-and-relatives",component:$o}),o.a.createElement(p.a,{exact:!0,path:"/service-scheduling",component:ar}),o.a.createElement(p.a,{exact:!0,path:"/safety",component:rr}),o.a.createElement(p.a,{exact:!0,path:"/technology-tools",component:cr}),o.a.createElement(p.a,{exact:!0,path:"/code-base-management",component:Bc}),o.a.createElement(p.a,{exact:!0,path:"/profiling",component:Vo}),o.a.createElement(p.a,{exact:!0,path:"/story-builder",component:Dc}),o.a.createElement(p.a,{exact:!0,path:"/event-log",component:_c}),o.a.createElement(p.a,{exact:!0,path:"/admin",component:Yr}),o.a.createElement(p.a,{exact:!0,path:"/hobbies",component:ko}),o.a.createElement(p.a,{exact:!0,path:"/entertainment",component:Ao}),o.a.createElement(p.a,{exact:!0,path:"/cookinglist",component:tc}),o.a.createElement(p.a,{exact:!0,path:"/school",component:Gi}),o.a.createElement(p.a,{exact:!0,path:"/talk-with-matilda",component:mr}),o.a.createElement(p.a,{exact:!0,path:"/audio-call",component:Ho}),o.a.createElement(p.a,{exact:!0,path:"/exercise",component:pt}),o.a.createElement(p.a,{exact:!0,path:"/new-games",component:fr}),o.a.createElement(p.a,{exact:!0,path:"/smart-home",component:bo}),o.a.createElement(p.a,{exact:!0,path:"/voice-com",component:vo}),o.a.createElement(p.a,{path:"/book",component:bt}),o.a.createElement(p.a,{path:"/gamelist",component:za}),o.a.createElement(p.a,{path:"/learninglist",component:Rt}),o.a.createElement(p.a,{path:"/games",component:za}),o.a.createElement(p.a,{path:"/memorygame",component:wa}),o.a.createElement(p.a,{path:"/maths",component:Ta}),o.a.createElement(p.a,{path:"/chess",component:Ia}),o.a.createElement(p.a,{path:"/sudoku",component:La}),o.a.createElement(p.a,{path:"/scrabble",component:Da}),o.a.createElement(p.a,{path:"/call",component:Ga,onLeave:function(){console.log("LEAVING CALL")}}),o.a.createElement(p.a,{path:"/call-receptionist",component:ei}),o.a.createElement(p.a,{path:"/callv2/:id",component:Qa}),o.a.createElement(p.a,{path:"/uTube",component:Ie}),o.a.createElement(p.a,{path:"/tictactoe",component:ka}),o.a.createElement(p.a,{path:"/family",component:mo}),o.a.createElement(p.a,{path:"/settings",component:qn}),o.a.createElement(p.a,{path:"/calendar",component:aa}),o.a.createElement(p.a,{path:"/analytics",component:ra}),o.a.createElement(p.a,{path:"/interaction-logs",component:Wr}),o.a.createElement(p.a,{path:"/service-pattern",component:Ur}),o.a.createElement(p.a,{path:"/service-preference",component:ll}),o.a.createElement(p.a,{path:"/translation",component:sl}),o.a.createElement(p.a,{path:"/face-detection",component:gl}),o.a.createElement(p.a,{path:"/emotion-recognition",component:Cl}),o.a.createElement(p.a,{path:"/system-settings",component:hl}),o.a.createElement(p.a,{path:"/quiz",component:function(){return o.a.createElement(Ct,{quizid:"Famous Faces.quiz"})}}),o.a.createElement(p.a,{path:"/quizlist",component:function(){return o.a.createElement(Gl,null)}}),o.a.createElement(p.a,{path:"/specific-quiz",component:function(){return o.a.createElement(Ct,null)}}),o.a.createElement(p.a,{path:"/bingolist",component:function(){return o.a.createElement(Mc,null)}}),o.a.createElement(p.a,{path:"/wifisetting",component:ya}),o.a.createElement(p.a,{path:"/changepassword",component:Ht}),o.a.createElement(p.a,{path:"/player/:id",component:ne}),o.a.createElement(p.a,{path:"/news",component:xa}),o.a.createElement(p.a,{path:"/robotblocks",component:Ka}),o.a.createElement(p.a,{path:"/workflowdesigner",component:Xa}),o.a.createElement(p.a,{path:"/conversation-question",component:Zl}),o.a.createElement(p.a,{path:"/command-control",component:$l}),o.a.createElement(p.a,{path:"/robot-control",component:Rc}),o.a.createElement(p.a,{path:"/messenger",component:yn}),o.a.createElement(p.a,{path:"/messenger-audio",component:Nn}))))}a(977);var Wc=a(276),Fc=a.n(Wc),Hc=(a(978),function(e){var t=e.users;return o.a.createElement("div",{className:"textContainer"},t?o.a.createElement("div",null,o.a.createElement("h1",null,"Robots currently running:"),o.a.createElement("div",{className:"activeContainer"},o.a.createElement("h2",null,t.map((function(e){var t=e.name;return o.a.createElement("div",{key:t,className:"activeItem"},t,o.a.createElement("img",{alt:"Online Icon",src:Fc.a}))}))))):null)}),Uc=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1];return Object(n.useEffect)((function(){H().then((function(e){r(e.data)}),(function(e){var t=e.response&&e.response.data&&e.response.data.message||e.message||e.toString();r(t)}))}),[]),o.a.createElement("div",{className:"container"},o.a.createElement("header",{className:"jumbotron"},o.a.createElement("h3",null,a)))},qc=a(506),Gc=a.n(qc),Yc=(a(1011),a(348)),Qc=a.n(Yc),Kc=function(e){var t=e.message,a=t.text,n=t.user,r=!1,l=e.name.trim().toLowerCase();return n===l&&(r=!0),r?o.a.createElement("div",{className:"messageContainer justifyEnd"},o.a.createElement("p",{className:"sentText pr-10"},l),o.a.createElement("div",{className:"messageBox backgroundBlue"},o.a.createElement("p",{className:"messageText colorWhite"},Qc.a.emojify(a)))):o.a.createElement("div",{className:"messageContainer justifyStart"},o.a.createElement("div",{className:"messageBox backgroundLight"},o.a.createElement("p",{className:"messageText colorDark"},Qc.a.emojify(a))),o.a.createElement("p",{className:"sentText pl-10 "},n))},Zc=(a(1012),function(e){var t=e.messages,a=e.name;return o.a.createElement(Gc.a,{className:"messages"},t.map((function(e,t){return o.a.createElement("div",{key:t},o.a.createElement(Kc,{message:e,name:a}))})))}),Xc=(a(507),a(1013),a(1014),function(e){var t=e.setMessage,a=e.sendMessage,n=e.message;return o.a.createElement("form",{className:"form"},o.a.createElement("input",{className:"input",type:"text",placeholder:"Type a message...",value:n,onChange:function(e){var a=e.target.value;return t(a)},onKeyPress:function(e){return"Enter"===e.key?a(e):null}}),o.a.createElement("button",{className:"sendButton",onClick:function(e){return a(e)}},"Send"))}),$c=(a(1015),function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)(""),u=Object(v.a)(s,2),d=u[0],m=u[1],p=Object(n.useState)(""),g=Object(v.a)(p,2),f=g[0],b=g[1],E=Object(n.useState)([]),y=Object(v.a)(E,2),O=y[0],S=y[1];Object(n.useEffect)((function(){var e=h.getCurrentUser().username;c("AgedCare"),r(e),q.c.emit("join",{name:e,room:"AgedCare"},(function(e){e&&alert(e)}))}),[]),Object(n.useEffect)((function(){q.c.on("message",(function(e){S((function(t){return[].concat(Object(ee.a)(t),[e])}))})),q.c.on("roomData",(function(e){var t=e.users;m(t)}))}),[]);return o.a.createElement("div",{className:"outerContainer"},o.a.createElement("div",{className:"container"},o.a.createElement(Zc,{messages:O,name:a}),o.a.createElement(Xc,{message:f,setMessage:b,sendMessage:function(e){e.preventDefault(),f&&q.c.emit("sendMessage",f,(function(){return b("")}))}})),o.a.createElement(Hc,{users:d}))}),es=a(1107),ts=a(1126),as=a(1146),ns=a(508),os=a.n(ns),rs=a(509),ls=a.n(rs),is=Object(Y.a)({root:{width:400}}),cs=function(e){var t=Object(n.useState)(""),a=Object(v.a)(t,2),r=(a[0],a[1]),l=Object(n.useState)(""),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)(""),u=Object(v.a)(s,2),d=(u[0],u[1],Object(n.useState)("")),m=Object(v.a)(d,2),p=m[0],g=m[1],f=Object(n.useState)([]),b=Object(v.a)(f,2);b[0],b[1];Object(n.useEffect)((function(){console.log(e.location.search);c("AgedCare"),r("user")}),[]),Object(n.useEffect)((function(){q.c.onopen=function(){console.log("WebSocket Client Connected")},q.c.onmessage=function(e){console.log(e)}}),[]);var h=function(e){e&&q.c.send(e)},E=function(e){if(e.preventDefault(),p){var t='{"api":"vocalise", "text":"'.concat(p,'", "emotion":"neutral","sound":"none","language":"en"}');q.c.send(t),g("")}},y=is(),O=o.a.useState({dialog:!0,humandetec:!1,ears:!1}),S=Object(v.a)(O,2),C=S[0],j=S[1],x=o.a.useState(30),w=Object(v.a)(x,2),k=w[0],T=w[1],I=function(e){if(j(Object(de.a)(Object(de.a)({},C),{},Object(P.a)({},e.target.name,e.target.checked))),"ears"==e.target.name)e.target.checked?h('{"api":"ears","action":"on"}'):h('{"api":"ears","action":"off"}');else if("humandetect"==e.target.name)if(e.target.checked){var t='{"api":"vocalise", "text":"turn on human detection", "emotion":"neutral","sound":"none","language":"en"}';q.c.send(t)}else{t='{"api":"vocalise", "text":"turn off human detection", "emotion":"neutral","sound":"none","language":"en"}';q.c.send(t)}else if("dialog"==e.target.name)if(e.target.checked){t='{"api":"vocalise", "text":"turn on dialog system", "emotion":"neutral","sound":"none","language":"en"}';q.c.send(t)}else{t='{"api":"vocalise", "text":"turn off dialog system", "emotion":"neutral","sound":"none","language":"en"}';q.c.send(t)}};return o.a.createElement("div",{className:y.root},o.a.createElement("div",null,o.a.createElement(Me.a,{component:"fieldset"},o.a.createElement(Qr.a,{component:"legend"},"Service Management"),o.a.createElement(es.a,null,o.a.createElement(Wn.a,{control:o.a.createElement(ts.a,{checked:C.gilad,onChange:I,name:"dialog"}),label:"Dialog System"}),o.a.createElement(Wn.a,{control:o.a.createElement(ts.a,{checked:C.jason,onChange:I,name:"humandetect"}),label:"Human Dection"}),o.a.createElement(Wn.a,{control:o.a.createElement(ts.a,{checked:C.antoine,onChange:I,name:"ears"}),label:"Ears"}))),o.a.createElement(K.a,{id:"continuous-slider",gutterBottom:!0},"Volume"),o.a.createElement(ia.a,{container:!0,spacing:2},o.a.createElement(ia.a,{item:!0},o.a.createElement(os.a,null)),o.a.createElement(ia.a,{item:!0,xs:!0},o.a.createElement(as.a,{value:k,onChange:function(e,t){T(t),h('{"api":"volume","action":"set","value":"'.concat(t,'"}'))},"aria-labelledby":"continuous-slider"})),o.a.createElement(ia.a,{item:!0},o.a.createElement(ls.a,null)))),o.a.createElement("div",null,o.a.createElement("form",{className:"form"},o.a.createElement("input",{className:"input",type:"text",placeholder:"Type a message...",value:p,onChange:function(e){var t=e.target.value;return g(t)},onKeyPress:function(e){return"Enter"===e.key?E(e):null}}),o.a.createElement(me.a,{variant:"contained",color:"secondary",className:y.button,onClick:function(e){return E(e)}},"Send"))),o.a.createElement("div",null,o.a.createElement(me.a,{variant:"contained",color:"secondary",className:y.button,onClick:function(){return function(){console.log("JOANNA REBOOT");var e='{"api":"rebootMatilda", "action":"get","name": "'.concat(localStorage.getItem("remoteId"),'"}');Object(q.f)(q.c,(function(){h(e)}))}()}},"Reboot Now")))},ss=a(225),us=a.n(ss);a(1016);us.a.accessToken="pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA";var ds=function(){var e=Object(n.useRef)(null),t=Object(n.useState)(127),a=Object(v.a)(t,2),r=a[0],l=a[1],i=Object(n.useState)(-2.3),c=Object(v.a)(i,2),s=c[0],u=c[1],d=Object(n.useState)(2.5),m=Object(v.a)(d,2),p=m[0],g=m[1];return Object(n.useEffect)((function(){var t=new us.a.Map({container:e.current,style:"mapbox://styles/mapbox/streets-v11",center:[r,s],zoom:p}),a={width:100,height:100,data:new Uint8Array(4e4),onAdd:function(){var e=document.createElement("canvas");e.width=this.width,e.height=this.height,this.context=e.getContext("2d")},render:function(){var e=performance.now()%1e3/1e3,a=35*e+15,n=this.context;return n.clearRect(0,0,this.width,this.height),n.beginPath(),n.arc(this.width/2,this.height/2,a,0,2*Math.PI),n.fillStyle="rgba(255, 200, 200,"+(1-e)+")",n.fill(),n.beginPath(),n.arc(this.width/2,this.height/2,15,0,2*Math.PI),n.fillStyle="rgba(255, 100, 100, 1)",n.strokeStyle="white",n.lineWidth=2+4*(1-e),n.fill(),n.stroke(),this.data=n.getImageData(0,0,this.width,this.height).data,t.triggerRepaint(),!0}};t.addControl(new us.a.NavigationControl,"top-right"),t.on("load",(function(){t.addImage("pulsing-dot",a,{pixelRatio:2}),t.addSource("points",{type:"geojson",data:{type:"FeatureCollection",features:[{type:"Feature",properties:{description:'<strong>Robot ID: 00000110 </br>Location: Melbourne Innovation Centre</strong></br><nav> <a href="/switch">Online</a></nav> from 8.31 am on 26/11/2020',icon:"theatre"},geometry:{type:"Point",coordinates:[145.10707045767901,-37.688039225669904]}},{type:"Feature",properties:{description:"Robot2",icon:"theatre"},geometry:{type:"Point",coordinates:[145.02095745767406,-37.77804011980329]}},{type:"Feature",properties:{description:"Robot3",icon:"theatre"},geometry:{type:"Point",coordinates:[145.11797599182376,-37.512826465108276]}},{type:"Feature",properties:{description:"Robot4",icon:"theatre"},geometry:{type:"Point",coordinates:[144.838513352591,-37.813369796132385]}},{type:"Feature",properties:{description:"Robot",icon:"theatre"},geometry:{type:"Point",coordinates:[144.9453004479078,-37.79840563667389]}},{type:"Feature",properties:{description:"Robot",icon:"theatre"},geometry:{type:"Point",coordinates:[114.20814522882858,22.41855228708002]}},{type:"Feature",properties:{description:"Robot",icon:"theatre"},geometry:{type:"Point",coordinates:[114.19445952540059,22.341962661944862]}}]}}),t.addLayer({id:"points",type:"symbol",source:"points",layout:{"icon-image":"pulsing-dot"}})})),t.on("move",(function(){l(t.getCenter().lng.toFixed(4)),u(t.getCenter().lat.toFixed(4)),g(t.getZoom().toFixed(2))}));var n={top:[0,0],"top-left":[0,0],"top-right":[0,0],bottom:[0,-50],"bottom-left":[25,-65],"bottom-right":[-25,-65],left:[10,-40],right:[-10,-40]};return t.on("click","points",(function(e){for(var a=e.features[0].geometry.coordinates.slice(),o=e.features[0].properties.description;Math.abs(e.lngLat.lng-a[0])>180;)a[0]+=e.lngLat.lng>a[0]?360:-360;new us.a.Popup({offset:n,className:"my-class"}).setLngLat(a).setHTML(o).setMaxWidth("300px").addTo(t)})),function(){return t.remove()}}),[]),o.a.createElement("div",null,o.a.createElement("div",null,o.a.createElement("div",null,"Longitude: ",r," | Latitude: ",s," | Zoom: ",p)),o.a.createElement("div",{className:"map-container",ref:e}))};a(1127),a(1128),a(278),a(279),a(510);a(1129),a(511);var ms=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},ps=function(){var e=Object(n.useState)(),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)("learning"),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("url"),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),f=Object(v.a)(g,2),b=f[0],h=f[1],E=Object(n.useState)(""),y=Object(v.a)(E,2),O=y[0],S=y[1],C=Object(n.useState)(""),j=Object(v.a)(C,2),x=j[0],w=j[1],T=Object(n.useState)(""),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useState)(!1),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(!1),_=Object(v.a)(D,2),B=_[0],V=_[1],P=Object(n.useState)(!1),J=Object(v.a)(P,2),W=J[0],F=J[1],H=function(){var e=Object(te.a)($.a.mark((function e(){var t,n,o,r,l;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(V(!0),F(!1),M(""),console.log("JOANNA ...",c,a,m),"video"!==c||"url"!==m){e.next=17;break}return console.log("Joanna oops this is url"),t={title:O,url:b},n='{"action":"setYouTubeData","event":'.concat(JSON.stringify(t),', "name":"').concat(q.a,'" }'),Object(q.f)(q.c,(function(){Object(q.b)(n)})),S(""),h(""),V(!1),F(!0),M("Uploaded successfully"),e.abrupt("return");case 17:if("workflow"!==c){e.next=27;break}return console.log("Joanna execute submit"),(o=new FormData).append("file",a),o.append("robot_id",localStorage.getItem("remoteId")),o.append("category",c),fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:o}).then((function(e){if(!e.ok)throw new Error("Failed to upload file");return e.text()})).then((function(e){console.log("Success:",e),M("Uploaded successfully"),V(!1),F(!0);var t='{"action":"upMoWflw","service":"'.concat(c,'" , "file_id":"').concat(e,'", "file_name":"').concat(a.name,'", "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))})).catch((function(e){V(!1),F(!1),M("Upload failed"),console.error("Error:",e)})),e.abrupt("return");case 27:if("code"!==c){e.next=35;break}return console.log("Joanna execute submit for source",x),(r=new FormData).append("file",a),r.append("robot_id",localStorage.getItem("remoteId")),r.append("category",c),fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:r}).then((function(e){if(!e.ok)throw new Error("Failed to upload file");return e.text()})).then((function(e){console.log("Success:",e),M("Uploaded successfully"),V(!1),F(!0);var t='{"action":"upMoSrcCde","service":"'.concat(c,'" ,"code_path":"').concat(x,'" , "file_id":"').concat(e,'", "file_name":"').concat(a.name,'", "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))})).catch((function(e){V(!1),F(!1),M("Upload failed"),console.error("Error:",e)})),e.abrupt("return");case 35:console.log("Joanna execute submit"),(l=new FormData).append("file",a),l.append("robot_id",localStorage.getItem("remoteId")),l.append("category",c),fetch("https://cloud-api-389807.ue.r.appspot.com/upload-file",{method:"POST",body:l}).then((function(e){if(!e.ok)throw new Error("Failed to upload file");return e.text()})).then((function(e){console.log("Success:",e),M("Uploaded successfully"),V(!1),F(!0);var t='{"action":"upMoToRo","service":"'.concat(c,'" , "file_id":"').concat(e,'", "file_name":"').concat(a.name,'", "name":"').concat(localStorage.getItem("remoteId"),'" }');Object(q.f)(q.c,(function(){return Object(q.b)(t)}))})).catch((function(e){V(!1),F(!1),M("Upload failed"),console.error("Error:",e)}));case 41:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),U={display:"block",marginBottom:"10px",fontSize:"16px",color:"#333"},G={width:"100%",padding:"10px",borderRadius:"4px",border:"1px solid #ccc",fontSize:"16px",marginBottom:"20px"},Y={width:"100%",padding:"12px",backgroundColor:"#007BFF",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",fontSize:"16px"},Q={marginTop:"20px",color:A.includes("successfully")?"green":"red",fontSize:"16px"};return o.a.createElement("div",null,o.a.createElement(pe.a,{title:ms("Upload"),parentNode:"/technology-tools"}),o.a.createElement("div",{style:{margin:"20px auto",maxWidth:"500px",backgroundColor:"#ffffff",padding:"20px",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)"}},o.a.createElement("div",null,o.a.createElement("label",{htmlFor:"category",style:U},ms("Choose a category:")),o.a.createElement("select",{id:"category",value:c,onChange:function(e){s(e.target.value)},style:G},o.a.createElement("option",{value:"music"},"Music"),o.a.createElement("option",{value:"books"},"Book"),o.a.createElement("option",{value:"learning"},"Learning"),o.a.createElement("option",{value:"video"},"Video"),o.a.createElement("option",{value:"workflow"},"Workflow"),o.a.createElement("option",{value:"code"},"Source Code"))),"video"===c&&o.a.createElement("div",null,o.a.createElement("label",{htmlFor:"videoType",style:U},ms("Choose video type:")),o.a.createElement("select",{id:"videoType",value:m,onChange:function(e){p(e.target.value)},style:G},o.a.createElement("option",{value:"file"},"Video File"),o.a.createElement("option",{value:"url"},"URL"))),!("video"===c&&"url"===m)&&o.a.createElement(o.a.Fragment,null,!W&&o.a.createElement(o.a.Fragment,null,o.a.createElement("input",{type:"file",name:"quiz",onChange:function(e){M(""),r(e.target.files[0]),L(!0)},style:{display:"block",marginBottom:"20px",padding:"10px",width:"100%",borderRadius:"4px",border:"1px solid #ccc",fontSize:"16px"},disabled:B}),z?o.a.createElement("div",{style:{marginTop:"20px",backgroundColor:"#f7f7f7",padding:"10px",borderRadius:"4px",fontSize:"14px",lineHeight:"1.5"}},o.a.createElement("p",null,o.a.createElement("strong",null,ms("Filename"),":")," ",a.name),o.a.createElement("p",null,o.a.createElement("strong",null,ms("Filetype"),":")," ",a.type),o.a.createElement("p",null,o.a.createElement("strong",null,ms("Size in bytes"),":")," ",a.size),o.a.createElement("p",null,o.a.createElement("strong",null,ms("Last modified date"),":")," ",a.lastModifiedDate.toLocaleDateString())):o.a.createElement("p",null,ms("Select a file to show details"))),B&&o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"10px 0"}},o.a.createElement(k.a,{size:32,style:{color:"#007BFF"}}),o.a.createElement("span",{style:{marginLeft:10}},ms("Uploading..."))),W&&!B&&o.a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",color:"green",fontWeight:"bold",margin:"10px 0"}},o.a.createElement("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"green",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"},o.a.createElement("polyline",{points:"20 6 10 18 4 12"})),o.a.createElement("span",{style:{marginLeft:10}},ms("Upload successful!"))),A&&!B&&!W&&o.a.createElement("p",{style:Q},A)),"code"===c&&o.a.createElement(he.a,{label:ms("Code Path"),defaultValue:x,inputProps:{maxLength:500},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0,style:{marginBottom:"20px"}}),"video"===c&&"url"===m&&o.a.createElement(o.a.Fragment,null,o.a.createElement(he.a,{label:ms("Title"),defaultValue:O,inputProps:{maxLength:200},onChange:function(e){S(e.target.value)},value:O,fullWidth:!0}),o.a.createElement(he.a,{label:ms("URL"),defaultValue:b,inputProps:{maxLength:200},onChange:function(e){h(e.target.value)},value:b,fullWidth:!0})),W?o.a.createElement("button",{onClick:function(){r(void 0),L(!1),F(!1),M("")},style:Y,disabled:B},ms("Add more")):o.a.createElement("button",{onClick:H,style:Y,disabled:B||("code"===c?!x:"video"===c&&"url"===m?!O&&!b:!z)},ms(B?"Uploading...":"Submit"))))},gs=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},fs=function(){var e=Object(n.useState)(),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(!1),d=Object(v.a)(u,2),m=d[0],p=d[1];return o.a.createElement("div",null,o.a.createElement(pe.a,{title:gs("Quiz Upload"),parentNode:"/technology-tools"}),o.a.createElement("input",{type:"file",name:"quiz",onChange:function(e){s(""),r(e.target.files[0]),p(!0)}}),c?o.a.createElement("div",null,o.a.createElement("p",null,gs(c))):o.a.createElement("p",null),m?o.a.createElement("div",null,o.a.createElement("p",null,gs("Filename:")," ",a.name),o.a.createElement("p",null,gs("Filetype:")," ",a.type),o.a.createElement("p",null,gs("Size in bytes:")," ",a.size),o.a.createElement("p",null,gs("lastModifiedDate:")," ",a.lastModifiedDate.toLocaleDateString())):o.a.createElement("p",null,gs("Select a file to show details")),o.a.createElement("div",null,o.a.createElement("button",{onClick:function(){var e=new FormData;e.append("quiz",a),fetch("http://localhost:8080/quiz/upload",{method:"POST",body:e}).then((function(e){console.log("Success:",e),s("Uploaded sucessfully")})).catch((function(e){console.error("Error:",e),s("Upload error!")}))}},gs("Submit"))))},bs=a(1130),hs=function(){var e,t,a=Object(p.f)(),r=Object(n.useState)(""),l=Object(v.a)(r,2),i=l[0],c=l[1],s="wss://socket.mymatilda.com.au:3389";((null===(e=localStorage.getItem("remoteId"))||void 0===e?void 0:e.includes("b518"))||(null===(t=localStorage.getItem("remoteId"))||void 0===t?void 0:t.includes("ba57")))&&(s="wss://socket.mymatilda.com.au:443");var u=Object(n.useRef)(null),d=Object(n.useState)([]),m=Object(v.a)(d,2),g=m[0],b=m[1],h=Object(n.useState)(""),E=Object(v.a)(h,2),y=E[0],O=E[1],S=Object(n.useState)("unknown"),C=Object(v.a)(S,2),j=C[0],x=C[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=(T[0],T[1]),A=Object(n.useState)(""),M=Object(v.a)(A,2),N=M[0],R=M[1];console.log("Joanna ... TRANSLATE"),Object(n.useEffect)((function(){ye.a.translateString(),console.log("END TRANSLATE");var e={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/user-robot?email="+localStorage.getItem("userEmail"),headers:{}};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),c(e.data.data[0])})).catch((function(e){console.log(e)}));var t={method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/user-robot?email="+localStorage.getItem("userEmail"),headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),"404"==e.data||null===e.data.data?b([]):b(e.data.data.robots)})).catch((function(e){console.log(e)}))}),[]);Object(n.useEffect)((function(){localStorage.getItem("remoteId")&&a.push("/menu"),u.current=new Ee.w3cwebsocket(s),console.log("socket check"),u.current.onopen=function(e){console.log("Connection Established!"),i&&(u.current.send(JSON.stringify({event:"check_is_robot_activated",remoteId:i})),x("unknown"),I(!1),u.current.send(JSON.stringify({api:"check_default_motion",name:i})))},u.current.onclose=function(e){console.log("disconnected",e)},u.current.onerror=function(e){console.log("Socket error",e)},u.current.onmessage=function(e){try{if("string"===typeof e.data&&e.data.includes("IS_ROBOT_ACTIVATED")){var t=JSON.parse(e.data);t&&"undefined"!==typeof t.IS_ROBOT_ACTIVATED?"True"===t.IS_ROBOT_ACTIVATED?(x("activated"),I(!0)):"False"===t.IS_ROBOT_ACTIVATED?(x("deactivated"),I(!0)):(x("unknown"),I(!1)):(x("unknown"),I(!1))}if("string"===typeof e.data&&e.data.toLowerCase().includes("songlist")&&x((function(e){return"activated"===e?"activated":"connected"})),"string"===typeof e.data&&e.data.includes("DEFAULT_MOTION")){var a=JSON.parse(e.data);if(a&&"undefined"!==typeof a.DEFAULT_MOTION){R(a.DEFAULT_MOTION);try{localStorage.setItem("defaultMotion",a.DEFAULT_MOTION)}catch(n){}}}}catch(n){e.data&&"string"===typeof e.data&&e.data.includes("IS_ROBOT_ACTIVATED True")?(x("activated"),I(!0)):e.data&&"string"===typeof e.data&&e.data.includes("IS_ROBOT_ACTIVATED False")&&(x("deactivated"),I(!0))}};var e=u.current;return function(){e.close()}}),[i]);var z=Object(n.useState)("text"),L=Object(v.a)(z,2);L[0],L[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Welcome, Please connect to your Matilda"}),o.a.createElement("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",padding:"40px 20px"}},o.a.createElement(w.a,{style:{maxWidth:"800px",width:"100%",borderRadius:"20px",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",overflow:"hidden",display:"flex",flexDirection:"row"},className:"entry-card"},o.a.createElement("div",{style:{background:"linear-gradient(135deg, #8800c9 0%, #ec4899 100%)",padding:"30px 25px",textAlign:"center",flex:"0 0 40%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},className:"entry-header"},o.a.createElement(_a,{style:{width:"85px",height:"85px",display:"block",marginBottom:"15px"},className:"entry-logo"}),o.a.createElement("h1",{style:{color:"white",fontSize:"22px",fontWeight:"700",margin:"0",marginBottom:"8px"},className:"entry-title"},"Select Your Matilda"),o.a.createElement("p",{style:{color:"rgba(255, 255, 255, 0.8)",margin:"0",fontSize:"12px"},className:"entry-subtitle"},"Choose which matilda to connect to"),o.a.createElement("div",{style:{marginTop:"18px",color:"white",fontWeight:600,fontSize:"15px"}},"Activation Status: ",o.a.createElement("span",{style:{color:"activated"===j?"#00ffb3":"deactivated"===j?"#ffb300":"#fff"}},j)),o.a.createElement("div",{style:{marginTop:"8px",color:"#fff",fontWeight:500,fontSize:"14px"}},N&&o.a.createElement(o.a.Fragment,null,"Motion: ",o.a.createElement("span",{style:{color:"#00eaff"}},N)))),o.a.createElement("div",{style:{padding:"30px 25px",flex:"1",display:"flex",flexDirection:"column",justifyContent:"center"},className:"entry-form"},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},o.a.createElement("div",null,o.a.createElement("label",{style:{display:"block",fontSize:"13px",fontWeight:"600",color:"#333",marginBottom:"10px",textTransform:"uppercase",letterSpacing:"0.5px"}},o.a.createElement(xr.a,{style:{verticalAlign:"middle",marginRight:"8px",fontSize:"16px"}}),"Matilda IDs"),o.a.createElement(Ne.a,{value:i,onChange:function(e){c(e.target.value),u.current&&1===u.current.readyState&&(u.current.send(JSON.stringify({event:"check_is_robot_activated",remoteId:e.target.value})),x("unknown"),I(!1))},fullWidth:!0,style:{borderRadius:"8px",border:"2px solid #e0e0e0",padding:"12px 15px",fontSize:"14px",transition:"all 0.3s ease"}},o.a.createElement(ze.a,{value:"",disabled:!0},o.a.createElement("em",null,"Select a Matilda...")),g.map((function(e,t){return o.a.createElement(ze.a,{key:t,value:e},e)})))),o.a.createElement("button",{onClick:function(){if(""==i||void 0===i)console.log("NO SELECTED"),O("No valid Matilda selected. Please choose a Matilda to connect to.");else{console.log("REMOTE ID ",i),localStorage.setItem("remoteId",i);var e=i,t=e.lastIndexOf("_"),n="Caregiver"+e.slice(t);localStorage.setItem("peerId",n),u.current.send(JSON.stringify({remoteId:i})),a.push("/menu")}},disabled:"activated"!==j&&"unknown"!==j,style:{background:"activated"===j||"unknown"===j?"linear-gradient(135deg, #8800c9 0%, #ec4899 100%)":"#ccc",color:"white",border:"none",borderRadius:"8px",padding:"14px 20px",fontSize:"16px",fontWeight:"600",cursor:"activated"===j||"unknown"===j?"pointer":"not-allowed",marginTop:"10px",transition:"all 0.3s ease",boxShadow:"activated"===j||"unknown"===j?"0 4px 15px rgba(136, 0, 201, 0.4)":"none",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},onMouseEnter:"activated"===j||"unknown"===j?function(e){return e.target.style.boxShadow="0 6px 20px rgba(136, 0, 201, 0.6)"}:void 0,onMouseLeave:"activated"===j||"unknown"===j?function(e){return e.target.style.boxShadow="0 4px 15px rgba(136, 0, 201, 0.4)"}:void 0},o.a.createElement(bs.a,{style:{fontSize:"20px"}}),"Connect to Matilda"),y&&o.a.createElement("div",{style:{background:"#ffebee",color:"#c62828",padding:"12px 16px",borderRadius:"8px",fontSize:"13px",border:"1px solid #ef5350",marginTop:"10px",textAlign:"center"}},"\u26a0\ufe0f ",y)))))),o.a.createElement("link",{href:"https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css",rel:"stylesheet"}),"      ",o.a.createElement("style",null,"\n        @media (max-width: 768px) {\n          .entry-card {\n            flex-direction: column !important;\n          }\n          \n          .entry-header {\n            flex: 1 !important;\n            padding: 20px 15px !important;\n          }\n          \n          .entry-logo {\n            width: 60px !important;\n            height: 60px !important;\n            margin-bottom: 10px !important;\n          }\n          \n          .entry-title {\n            font-size: 18px !important;\n            margin-bottom: 5px !important;\n          }\n          \n          .entry-subtitle {\n            font-size: 11px !important;\n          }\n          \n          .entry-form {\n            padding: 20px 15px !important;\n          }\n        }\n      "),"    ")},vs=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(""),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),f=Object(v.a)(g,2),b=(f[0],f[1],function(e){var t=localStorage.getItem("remoteId"),a=JSON.stringify({api:"check_recipient_number",number:e,name:t});Object(q.f)(q.c,(function(){Object(q.b)(a)}))});Object(n.useEffect)((function(){var e=function(e){if("string"===typeof e.data){console.log("[Medication.js] WebSocket message received:",e.data);try{var t=JSON.parse(e.data);"MEDICATION_RECIPIENT"===t.api&&t.number?(console.log("[Medication.js] MEDICATION_RECIPIENT received, updating recipient:",t.number),p(t.number)):"CHECK_RECIPIENT_NUMBER"===t.api&&t.number?(console.log("[Medication.js] CHECK_RECIPIENT_NUMBER received, updating recipient:",t.number),p(t.number)):t.MEDICATION_RECIPIENT&&(console.log("[Medication.js] MEDICATION_RECIPIENT (alt format) received, updating recipient:",t.MEDICATION_RECIPIENT),p(t.MEDICATION_RECIPIENT))}catch(a){console.log("[Medication.js] Not a JSON message:",e.data)}}};return q.c&&q.c.addEventListener&&q.c.addEventListener("message",e),function(){q.c&&q.c.removeEventListener&&q.c.removeEventListener("message",e)}}),[]);return o.a.createElement("div",{id:"medication-page"},o.a.createElement(pe.a,{title:"Medication"}),o.a.createElement("div",{style:{padding:"2rem",textAlign:"center"}},o.a.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",margin:"2rem 0"}},o.a.createElement("svg",{width:"120",height:"120",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("circle",{cx:"32",cy:"20",r:"12",fill:"#90caf9"}),o.a.createElement("rect",{x:"14",y:"36",width:"36",height:"20",rx:"10",fill:"#1976d2"}),o.a.createElement("rect",{x:"28",y:"44",width:"8",height:"12",rx:"4",fill:"#fff"}),o.a.createElement("rect",{x:"30.5",y:"48",width:"3",height:"6",rx:"1.5",fill:"#1976d2"}),o.a.createElement("rect",{x:"36",y:"50",width:"6",height:"3",rx:"1.5",fill:"#fff"}),o.a.createElement("rect",{x:"22",y:"50",width:"6",height:"3",rx:"1.5",fill:"#fff"}))),o.a.createElement("div",{style:{display:"flex",justifyContent:"center",gap:"1.5rem",marginTop:"2rem"}},o.a.createElement("button",{onClick:function(){var e=a?JSON.stringify({api:"stop_medication",name:localStorage.getItem("remoteId")}):JSON.stringify({api:"start_medication",name:localStorage.getItem("remoteId")});Object(q.f)(q.c,(function(){Object(q.b)(e),r((function(e){return!e}))}))},style:{padding:"1rem 2rem",fontSize:"1.2rem",background:a?"#d32f2f":"#388e3c",color:"white",border:"none",borderRadius:"8px",cursor:"pointer",minWidth:"180px",fontWeight:600}},a?"Stop Medication":"Start Medication"),o.a.createElement("button",{onClick:function(){s(!0),b(m)},style:{padding:"1rem 2rem",fontSize:"1.2rem",background:"#1976d2",color:"white",border:"none",borderRadius:"8px",cursor:"pointer",minWidth:"180px",fontWeight:600}},"Settings"))),o.a.createElement(ge.a,{open:c,onClose:function(){return s(!1)},fullWidth:!0,maxWidth:"xs"},o.a.createElement(fe.a,null,"Medication Settings"),o.a.createElement(be.a,null,o.a.createElement("div",{style:{minHeight:60,textAlign:"center",color:"#888",marginBottom:20}},o.a.createElement("div",{style:{marginBottom:16,textAlign:"left"}},o.a.createElement("label",{htmlFor:"recipient-field",style:{fontWeight:500,fontSize:16,color:"#333"}},"Recipient"),o.a.createElement("input",{id:"recipient-field",type:"text",value:m,onChange:function(e){return p(e.target.value)},onBlur:function(e){return b(e.target.value)},placeholder:"Enter recipient number",style:{width:"100%",padding:"10px",fontSize:"1rem",borderRadius:"6px",border:"1px solid #ccc",marginTop:8}})))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){!function(e){if(e){var t=localStorage.getItem("remoteId"),a=JSON.stringify({api:"update_recipient_number",number:e,name:t});Object(q.f)(q.c,(function(){Object(q.b)(a)}))}}(m),s(!1)},color:"primary"},"Save"),o.a.createElement(me.a,{onClick:function(){return s(!1)},color:"primary"},"Close"))))};a(1131),a(1132),a(1133),Object(Y.a)((function(e){return{root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",overflow:"hidden",backgroundColor:e.palette.background.paper},imageList:{width:500,height:500},icon:{color:"rgba(255, 255, 255, 0.54)"}}}));var Es=function e(){var t=Object(n.useState)(-1),a=Object(v.a)(t,2),r=(a[0],a[1]),l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=(i[0],i[1]),s=Object(n.useState)(!1),u=Object(v.a)(s,2),d=u[0],m=u[1],p=Object(n.useState)(!1),g=Object(v.a)(p,2),f=g[0],b=g[1],h=Object(n.useState)(!1),E=Object(v.a)(h,2),y=E[0],O=E[1],S=Object(n.useRef)(null),C=Object(n.useRef)(1),j=Object(n.useState)(null),x=Object(v.a)(j,2),w=x[0],k=x[1];o.a.useEffect((function(){d||(r(-1),c(!1))}),[d]);var T=Object(n.useState)([]),I=Object(v.a)(T,2),A=I[0],M=I[1],N=Object(n.useState)(null),R=Object(v.a)(N,2),z=R[0],L=R[1],D=Object(n.useState)(null),_=Object(v.a)(D,2),B=(_[0],_[1],Object(n.useState)([])),V=Object(v.a)(B,2),P=V[0],J=V[1],W=Object(n.useState)(null),F=Object(v.a)(W,2),H=F[0],U=F[1],q=[{group:"Matilda Basic",events:[{label:"Speak",icon:"\ud83d\udd0a"},{label:"Earlobe",icon:"\ud83d\udc42"},{label:"Head",icon:"\ud83e\uddd1\u200d\ud83e\uddb2"},{label:"Motion",icon:"\ud83c\udfc3"},{label:"Music",icon:"\ud83c\udfb5"},{label:"Book",icon:"\ud83d\udcd6"},{label:"Video",icon:"\ud83c\udfac"}]},{group:"AI Services",events:[{label:"Face Detection",icon:"\ud83d\ude0a"},{label:"Pose Detection",icon:"\ud83e\uddcd"},{label:"Fall Detection",icon:"\ud83e\udd38"}]},{group:"Notification Service",events:[{label:"SMS",icon:"\ud83d\udce9"},{label:"Email",icon:"\u2709\ufe0f"},{label:"Telegram",icon:"\ud83d\udce8"}]},{group:"Others",events:[{label:"IF-Else",icon:"\u2753"},{label:"Timer",icon:"\u23f2\ufe0f"},{label:"Cast",icon:"\ud83d\udcfa"}]}],G=Object(n.useState)(0),Y=Object(v.a)(G,2),Q=Y[0],K=Y[1],Z=Q===A.length-1;return Object(n.useEffect)((function(){if(!(Z||A.length<=1)){var e=setInterval((function(){K((function(e){return e+1}))}),3e3);return function(){return clearInterval(e)}}}),[Q,A.length,Z]),o.a.createElement("div",null,o.a.createElement(pe.a,{title:"AI Workflow",parentNode:"/technology-tools"}),o.a.createElement("div",{style:{display:"flex",justifyContent:"flex-start",alignItems:"center",margin:"16px 0 0 0",gap:10}},d?o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #dc3545",background:"#fff0f0",color:"#dc3545",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){return m(!1)}},"Stop Test Workflow"):o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #28a745",background:"#eafbe7",color:"#28a745",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){return m(!0)}},o.a.createElement("span",{style:{marginRight:6}},"\ud83e\uddea")," Test Workflow"),o.a.createElement("input",{type:"file",accept:"application/json",style:{display:"none"},ref:function(t){return e._importInput=t},onChange:function(){var t=Object(te.a)($.a.mark((function t(a){var n,o,r,l,i,c;return $.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n=a.target.files[0]){t.next=3;break}return t.abrupt("return");case 3:return t.next=5,n.text();case 5:o=t.sent;try{r=JSON.parse(o),Array.isArray(r.activities)&&Array.isArray(r.connections)?(l={},q.forEach((function(e){e.events.forEach((function(e){l[e.label]=e.icon}))})),i=r.activities.map((function(e){var t="",a="string";return e.state&&e.state.textExpression&&(t=e.state.textExpression.expression||"",a="JavaScript"===e.state.textExpression.syntax?"js":"string"),{id:e.id,label:e.type,icon:l[e.type]||"",x:e.left,y:e.top,action:t,actionType:a,language:e.state&&e.state.language?e.state.language:"English"}})),c=r.connections.map((function(e){return{fromId:e.sourceActivityId,toId:e.destinationActivityId}})),M(i),J(c)):alert("Invalid workflow file format.")}catch(s){alert("Failed to parse workflow file.")}e._importInput&&(e._importInput.value="");case 8:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()}),o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #bbb",background:"#f8f9fa",color:"#333",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){return e._importInput&&e._importInput.click()}},o.a.createElement("span",{style:{marginRight:6}},"\ud83d\udce4")," Import workflow"),o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #bbb",background:"#f8f9fa",color:"#333",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){var e=A.map((function(e){var t={},a=e.language||"English";switch(e.label){case"Speak":t={phrase:e.action||""};break;case"Earlobe":t={action:e.action||""};break;case"Head":t={vertical:e.vertical||"",horizontal:e.horizontal||""};break;case"Motion":t={action:e.action||""};break;case"Music":case"Book":t={action:e.action||"",filePath:e.filePath||""};break;case"Video":t={action:e.action||"",url:e.url||""};break;case"Face Detection":case"Pose Detection":case"Fall Detection":t={action:e.action||""};break;case"SMS":case"Telegram":t={recipient:e.recipient||"",message:e.message||""};break;case"Email":t={recipient:e.recipient||"",subject:e.subject||"",message:e.message||""};break;case"IF-Else":t={condition:e.condition||""};break;case"Timer":t={totalTimeout:e.totalTimeout||""};break;case"Cast":t={deviceIp:e.deviceIp||"",url:e.url||""};break;default:t={action:e.action||""}}return"js"===e.actionType?t.syntax="JavaScript":e.actionType&&(t.syntax="Literal"),{id:e.id,top:e.y,left:e.x,type:e.label,state:{textExpression:t,language:a}}})),t=P.map((function(e){return{sourceActivityId:e.fromId,destinationActivityId:e.toId,outcome:"Done"}})),a=JSON.stringify({activities:e,connections:t},null,2),n=new Blob([a],{type:"application/json"}),o=URL.createObjectURL(n),r=document.createElement("a");r.href=o,r.download="workflow.json",document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(o)}},o.a.createElement("span",{style:{marginRight:6}},"\ud83d\udce5")," Export workflow"),o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #dc3545",background:"#fff0f0",color:"#dc3545",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){return O(!0)}},o.a.createElement("span",{style:{marginRight:6}},"\ud83d\uddd1\ufe0f")," Delete Workflow"),o.a.createElement("button",{style:{padding:"6px 14px",fontSize:"15px",borderRadius:"4px",border:"1px solid #bbb",background:"#f8f9fa",color:"#333",cursor:"pointer",display:"flex",alignItems:"center"},onClick:function(){return b(!0)}},o.a.createElement("span",{style:{marginRight:6}},"\u2795")," Add event")),d&&o.a.createElement("div",{style:{margin:"16px 0",fontWeight:"bold"}},"HELLO",o.a.createElement("div",{style:{marginTop:8,fontWeight:"normal",fontFamily:"sans-serif"}},o.a.createElement("div",{style:{marginBottom:"8px",color:"#666"}},"Total Connections: ",o.a.createElement("strong",null,P.length)),o.a.createElement("ul",{style:{listStyleType:"none",padding:0,margin:0}},A.map((function(e,t){return o.a.createElement("li",{key:e.id||t,style:{display:"flex",alignItems:"center",gap:"10px",height:"30px",opacity:t===Q?1:.3,transition:"opacity 0.5s ease"}},o.a.createElement("span",null,"*"),o.a.createElement("span",null,e.label),t===Q&&o.a.createElement("div",{className:"loading-spinner"}))}))),o.a.createElement("style",null,"\n            .loading-spinner {\n            width: 12px;\n            height: 12px;\n            border: 2px solid #ddd;\n            border-top: 2px solid #007bff;\n            border-radius: 50%;\n            animation: spin 0.8s linear infinite;\n            }\n            @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n            }\n        "))),o.a.createElement("div",{ref:S,style:{margin:"32px auto",minHeight:500,maxWidth:1400,width:"100%",background:"#f4f4f4",border:"1px dashed #bbb",borderRadius:8,padding:0,boxSizing:"border-box",position:"relative",overflow:"hidden"},onMouseMove:function(e){if(w){var t=S.current.getBoundingClientRect(),a=e.clientX-t.left-w.offsetX,n=e.clientY-t.top-w.offsetY;M((function(e){return e.map((function(e){return e.id===w.id?Object(de.a)(Object(de.a)({},e),{},{x:a,y:n}):e}))}))}},onMouseUp:function(){return k(null)}},o.a.createElement("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1}},o.a.createElement("defs",null,o.a.createElement("marker",{id:"arrowhead",markerWidth:"12",markerHeight:"8",refX:"12s",refY:"4",orient:"auto",markerUnits:"strokeWidth"},o.a.createElement("polygon",{points:"0 0, 12 4, 0 8",fill:"#007bff"}))),P.map((function(e,t){var a=A.find((function(t){return t.id===e.fromId})),n=A.find((function(t){return t.id===e.toId}));return a&&n?o.a.createElement("g",{key:t},o.a.createElement("line",{x1:a.x+85,y1:a.y+30,x2:n.x+85,y2:n.y+30,stroke:"#007bff",strokeWidth:"3",markerEnd:"url(#arrowhead)"})):null}))),A.map((function(e){var t=P.filter((function(t){return t.toId===e.id}));return o.a.createElement("div",{key:e.id,style:{position:"absolute",left:e.x,top:e.y,width:170,height:60,background:"#fff",border:"2px solid #bbb",borderRadius:8,boxShadow:"0 2px 8px rgba(0,0,0,0.07)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"move",userSelect:"none",zIndex:2,outline:H===e.id?"2px solid #007bff":"none"},onMouseDown:function(t){var a=t.currentTarget.getBoundingClientRect();k({id:e.id,offsetX:t.clientX-a.left,offsetY:t.clientY-a.top})},onClick:function(t){if(H&&H!==e.id){var a=t.target.closest("button");if(a&&("Connect"===a.textContent||"Connecting..."===a.textContent))return;J((function(t){return t.some((function(t){return t.fromId===H&&t.toId===e.id}))?t:[].concat(Object(ee.a)(t),[{fromId:H,toId:e.id}])})),U(null)}}},o.a.createElement("span",{style:{fontSize:26}},e.icon),o.a.createElement("span",{style:{fontSize:15,marginTop:4}},e.label),o.a.createElement("div",{style:{marginTop:10,display:"flex",gap:8,justifyContent:"center",alignItems:"center",width:"100%",padding:"6px 0 0 0",borderTop:"1px solid #eee",pointerEvents:"auto"}},o.a.createElement("span",{title:"Edit",style:{cursor:"pointer",fontSize:16,color:"#007bff",marginRight:2},onClick:function(t){t.stopPropagation(),L(e)}},"\u270f\ufe0f"),o.a.createElement("span",{title:"Delete",style:{cursor:"pointer",fontSize:16,color:"#888"},onClick:function(t){t.stopPropagation(),M((function(t){return t.filter((function(t){return t.id!==e.id}))})),J((function(t){return t.filter((function(t){return t.fromId!==e.id&&t.toId!==e.id}))}))}},"\ud83d\uddd1"),o.a.createElement("button",{style:{padding:"2px 8px",borderRadius:4,border:"none",background:"none",color:(e.id,"#007bff"),cursor:"pointer",fontSize:16,display:"flex",alignItems:"center",justifyContent:"center"},title:H===e.id?"Click another box to connect":"Connect to another box",onClick:function(t){t.stopPropagation(),U(e.id)}},o.a.createElement("span",{style:{fontSize:18}},H===e.id?"\ud83d\udd12":"\ud83d\udd17")),t.map((function(e,t){return o.a.createElement("button",{key:t,title:"Disconnect",style:{padding:"0 6px",borderRadius:4,border:"1px solid #dc3545",background:"#fff",color:"#dc3545",cursor:"pointer",fontSize:13},onClick:function(t){t.stopPropagation(),J((function(t){return t.filter((function(t){return!(t.fromId===e.fromId&&t.toId===e.toId)}))}))}},"\xd7")}))))})),z&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",background:"rgba(0,0,0,0.2)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2e3},onClick:function(){return L(null)}},o.a.createElement("div",{style:{background:"#fff",borderRadius:10,padding:16,minWidth:400,boxShadow:"0 2px 12px rgba(0,0,0,0.10)",display:"flex",flexDirection:"column",gap:8},onClick:function(e){return e.stopPropagation()}},o.a.createElement("h3",{style:{margin:0,marginBottom:8,fontSize:18}},"Edit Node"),function(){switch(z.label){case"Speak":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Phrase"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Earlobe":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Action"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Head":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Vertical"),o.a.createElement("input",{type:"text",value:z.vertical||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{vertical:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Horizontal"),o.a.createElement("input",{type:"text",value:z.horizontal||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{horizontal:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Motion":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Action"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Music":case"Book":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Action"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"File Path"),o.a.createElement("input",{type:"text",value:z.filePath||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{filePath:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Video":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Action"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"URL"),o.a.createElement("input",{type:"text",value:z.url||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{url:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Face Detection":case"Pose Detection":case"Fall Detection":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Action"),o.a.createElement("input",{type:"text",value:z.action||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{action:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"SMS":case"Telegram":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Recipient"),o.a.createElement("input",{type:"text",value:z.recipient||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{recipient:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Message"),o.a.createElement("input",{type:"text",value:z.message||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{message:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Email":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Recipient"),o.a.createElement("input",{type:"text",value:z.recipient||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{recipient:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Subject"),o.a.createElement("input",{type:"text",value:z.subject||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{subject:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Message"),o.a.createElement("input",{type:"text",value:z.message||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{message:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"IF-Else":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Condition"),o.a.createElement("input",{type:"text",value:z.condition||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{condition:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Timer":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Total Timeout"),o.a.createElement("input",{type:"text",value:z.totalTimeout||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{totalTimeout:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));case"Cast":return o.a.createElement(o.a.Fragment,null,o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"Device IP"),o.a.createElement("input",{type:"text",value:z.deviceIp||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{deviceIp:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}),o.a.createElement("label",{style:{fontWeight:500,marginBottom:2,fontSize:14}},"URL"),o.a.createElement("input",{type:"text",value:z.url||"",onChange:function(e){return L(Object(de.a)(Object(de.a)({},z),{},{url:e.target.value}))},style:{padding:"6px",borderRadius:4,border:"1px solid #bbb",fontSize:14}}));default:return null}}(),o.a.createElement("div",{style:{display:"flex",justifyContent:"flex-end",gap:6,marginTop:8}},o.a.createElement("button",{style:{padding:"5px 12px",borderRadius:4,border:"1px solid #bbb",background:"#eee",color:"#333",cursor:"pointer",fontSize:14},onClick:function(){return L(null)}},"Cancel"),o.a.createElement("button",{style:{padding:"5px 12px",borderRadius:4,border:"1px solid #007bff",background:"#007bff",color:"#fff",cursor:"pointer",fontSize:14},onClick:function(){M((function(e){return e.map((function(e){return e.id===z.id?Object(de.a)(Object(de.a)({},e),z):e}))})),L(null)}},"Save"))))),y&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",background:"rgba(0,0,0,0.2)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:3e3},onClick:function(){return O(!1)}},o.a.createElement("div",{style:{background:"#fff",borderRadius:10,padding:28,minWidth:340,boxShadow:"0 2px 12px rgba(0,0,0,0.13)",display:"flex",flexDirection:"column",gap:18,alignItems:"center"},onClick:function(e){return e.stopPropagation()}},o.a.createElement("div",{style:{fontSize:22,color:"#dc3545",marginBottom:6}},"\ud83d\uddd1\ufe0f"),o.a.createElement("div",{style:{fontSize:17,color:"#333",textAlign:"center"}},"Delete all workflow nodes and connections?"),o.a.createElement("div",{style:{display:"flex",gap:12,marginTop:8}},o.a.createElement("button",{style:{padding:"7px 18px",borderRadius:4,border:"1px solid #bbb",background:"#eee",color:"#333",cursor:"pointer",fontSize:15},onClick:function(){return O(!1)}},"Cancel"),o.a.createElement("button",{style:{padding:"7px 18px",borderRadius:4,border:"1px solid #dc3545",background:"#dc3545",color:"#fff",cursor:"pointer",fontSize:15},onClick:function(){M([]),J([]),O(!1)}},"Delete")))),f&&o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",background:"rgba(0,0,0,0.2)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},onClick:function(){return b(!1)}},o.a.createElement("div",{style:{background:"#fff",borderRadius:12,padding:32,minWidth:700,maxWidth:900,boxShadow:"0 4px 24px rgba(0,0,0,0.15)",display:"flex",flexDirection:"column",gap:18},onClick:function(e){return e.stopPropagation()}},o.a.createElement("h3",{style:{margin:0,marginBottom:16}},"Select Event Type"),o.a.createElement("div",{style:{display:"flex",flexDirection:"row",gap:32,justifyContent:"center"}},q.map((function(e){return o.a.createElement("div",{key:e.group,style:{width:"100%",marginBottom:32}},o.a.createElement("h4",{style:{margin:"0 0 12px 0",fontSize:"17px",color:"#444",textAlign:"left"}},e.group),o.a.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:16,width:"100%"}},e.events.map((function(e){return o.a.createElement("button",{key:e.label,style:{display:"flex",alignItems:"center",padding:"10px 18px",fontSize:"16px",borderRadius:"6px",border:"1px solid #bbb",background:"#f8f9fa",color:"#333",cursor:"pointer",gap:12,minWidth:120,marginBottom:2,justifyContent:"flex-start"},onClick:function(){b(!1);var t=S.current.getBoundingClientRect(),a=t.width/2-60,n=t.height/2-30;M((function(t){return[].concat(Object(ee.a)(t),[{id:C.current++,label:e.label,icon:e.icon,x:a,y:n}])}))}},o.a.createElement("span",{style:{fontSize:22}},e.icon)," ",e.label)}))))}))),o.a.createElement("button",{style:{marginTop:18,alignSelf:"flex-end",padding:"6px 18px",borderRadius:4,border:"1px solid #bbb",background:"#eee",color:"#333",cursor:"pointer"},onClick:function(){return b(!1)}},"Close"))))},ys=Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"4px solid currentColor"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#A8DADC",opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}})),Os=function(e){var t=e.question,a=o.a.useState(50),r=Object(v.a)(a,2),l=r[0],i=(r[1],o.a.useState(null)),c=Object(v.a)(i,2),s=(c[0],c[1]),u=ys(),d=o.a.useState("female"),m=Object(v.a)(d,2),p=m[0],g=m[1];Object(n.useEffect)((function(){s(t)}),[t]);return o.a.createElement("div",{className:u.root},o.a.createElement(ia.a,{container:!0,className:u.root,spacing:2},o.a.createElement(ia.a,{item:!0,xs:12},o.a.createElement(ia.a,{container:!0,justifyContent:"center",spacing:l},o.a.createElement(ia.a,{key:0},o.a.createElement("form",{className:u.root,noValidate:!0,autoComplete:"off"},o.a.createElement("div",null,o.a.createElement(he.a,{id:"outlined-multiline-static",label:"Content",multiline:!0,rows:4,defaultValue:t.text,variant:"outlined"})),o.a.createElement("div",null,o.a.createElement(Qr.a,{component:"legend"},"Options"),o.a.createElement(sr.a,{"aria-label":"gender",name:"gender1",value:p,onChange:function(e){g(e.target.value)}},t.options.map((function(e,a){return o.a.createElement("div",null,o.a.createElement(he.a,{id:a,label:"Option ".concat(a),multiline:!0,rows:1,defaultValue:e,variant:"outlined"}),o.a.createElement(Wn.a,{value:a,control:o.a.createElement(ur.a,{checked:e===t.answer}),label:"Correct"}))})))))),o.a.createElement(ia.a,{key:1},o.a.createElement(xc,{url:t.image}))))))},Ss=Object(Y.a)((function(e){return{root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper}}}));function Cs(e){var t=e.questions,a=e.selectCallback,n=e.editCallback,r=e.deleteCallback,l=Ss(),i=o.a.useState(1),c=Object(v.a)(i,2),s=c[0],u=c[1];return o.a.createElement("div",{className:l.root},o.a.createElement(da.a,{style:{maxHeight:400,overflow:"auto"}},o.a.createElement(sn.a,{component:"nav","aria-label":"main mailbox folders"},t.map((function(e,t){return o.a.createElement(un.a,{button:!0,selected:s==t,key:t+e.text,value:e.text,onClick:function(e){return function(e,t){u(t),a(t)}(0,t)}},o.a.createElement(dn.a,null,o.a.createElement(gn.a,null)),o.a.createElement(mn.a,{primary:e.text}),o.a.createElement(Zi.a,null,o.a.createElement($a.a,{edge:"end","aria-label":"edit",onClick:function(t){return function(e,t){u(t),n(t),alert("edit"+t)}(0,e)}},o.a.createElement(Ki.a,null)),o.a.createElement($a.a,{edge:"end","aria-label":"delete",onClick:function(t){return function(e,t){r(t)}(0,e)}},o.a.createElement(No.a,null))))})))),o.a.createElement(Jt.a,null))}var js=Object(Y.a)((function(e){var t;return{root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:(t={position:"relative",height:200},Object(P.a)(t,e.breakpoints.down("xs"),{width:"100% !important",height:100}),Object(P.a)(t,"&:hover, &$focusVisible",{zIndex:1,"& $imageBackdrop":{opacity:.15},"& $imageMarked":{opacity:0},"& $imageTitle":{border:"4px solid currentColor"}}),t),focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:"#1D3557"},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundRepeat:"no-repeat",backgroundSize:"contain",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:"#A8DADC",opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:"".concat(e.spacing(2),"px ").concat(e.spacing(4),"px ").concat(e.spacing(1)+6,"px")},imageMarked:{height:3,width:18,backgroundColor:"#1D3557",position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}}));function xs(){var e=o.a.useState(50),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)(null)),r=Object(v.a)(a,2),l=r[0],i=r[1],c=Object(n.useState)([]),s=Object(v.a)(c,2),u=s[0],d=s[1],m=Object(n.useState)([]),p=Object(v.a)(m,2),g=p[0],f=p[1],b=js(),E=Object(n.useState)(""),y=Object(v.a)(E,2),O=y[0],S=y[1],C=o.a.useState(!1),j=Object(v.a)(C,2),x=(j[0],j[1]),w=o.a.useState(!1),k=Object(v.a)(w,2),T=k[0],I=k[1],A=Object(n.useState)(""),M=Object(v.a)(A,2),N=(M[0],M[1]),R=Object(n.useState)(""),z=Object(v.a)(R,2),L=(z[0],z[1],Object(n.useState)("")),D=Object(v.a)(L,2),_=(D[0],D[1],Object(n.useState)("")),B=Object(v.a)(_,2),V=(B[0],B[1],Object(n.useState)("")),P=Object(v.a)(V,2),J=(P[0],P[1],Object(n.useState)("")),W=Object(v.a)(J,2),F=(W[0],W[1],Object(n.useState)("")),H=Object(v.a)(F,2),U=(H[0],H[1],Object(n.useState)()),q=Object(v.a)(U,2);q[0],q[1];Object(n.useEffect)((function(){var e=[];h.getQuizList().then((function(t){t.data.quiz.map((function(t,a){e.push(t.replace(".quiz",""))})),d(e),console.log(t.data.quiz)}),(function(e){}))}),[]);return l?o.a.createElement("div",{className:b.root},o.a.createElement(Os,{question:l})):o.a.createElement("div",null,o.a.createElement(pe.a,{title:"Edit Quiz",parentNode:"/technology-tools"}),o.a.createElement(ia.a,{container:!0,spacing:2},o.a.createElement(ia.a,{item:!0,xs:6},o.a.createElement("h5",null,"Quiz List"),o.a.createElement($i,{input:u,selectCallback:function(e){N(u[e]);h.getQuizContent(u[e]+".quiz").then((function(e){f(e.data.quiz)}))},editCallback:function(e){},deleteCallback:function(e){var t=u.filter((function(t){return t!==e}));console.log(t),d(t)}}),o.a.createElement(me.a,{variant:"outlined",onClick:function(){I(!0)}},"Add Quiz"),o.a.createElement(ge.a,{open:T,onClose:function(){x(!1)}},o.a.createElement(fe.a,null,"Add Quiz"),o.a.createElement(be.a,null,o.a.createElement(he.a,{autoFocus:!0,margin:"dense",id:"name",label:"Title",type:"title",fullWidth:!0,variant:"standard",onChange:function(e){S(e.target.value)}})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){I(!1)}},"Cancel"),o.a.createElement(me.a,{onClick:function(){I(!1);var e=u.push(O);console.log(e)}},"Add")))),o.a.createElement(ia.a,{item:!0,xs:6},o.a.createElement("h5",null,"Question List"),o.a.createElement(Cs,{questions:g,selectCallback:function(e){i(g[e])},editCallback:function(e){},deleteCallback:function(e){var t=g.filter((function(t){return t!==e}));console.log(t),f(t)}}))))}var ws,ks=a(1134),Ts=a(1135),Is=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},As=re.a.div(ws||(ws=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Ms(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),Is(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Ns,Rs=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)("sales"),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),b=Object(v.a)(g,2),h=b[0],E=b[1],y=Object(n.useState)(["Selling is unique in that it provides you with an opportunity to prove your worth  you have got what it takes! it provides you with fast money and growth ","Selling is your way to know yourself  it helps you to transform your potential into actuality  money is not a primary consideration ","Selling is like any other job for you to earn your livelihood?","You like to socialise with people  selling primarily provides you with this opportunity and at the same time earns your livelihood ","You are generally aggressive and assertive with others?","You are not aggressive with others  you are engaging  warm and assertive?","You are generally more cautious and less assertive with others?","You are generally friendly and warm with others  you do not believe in being assertive or non assertive ","You are decisive and self reliant in your actions even though sometimes you are in self doubt and hesitant inside?","You are a cool headed person who makes decisions easily without being in any self doubt?","At times of indecision you let things take their own shape?","You prefer to consult others before making decisions?","You treat every new prospect as a challenge which must be met successfully?","You determine who your best prospects are and devote your time and energy on them only?","When a prospective customer is ready to buy he will let you know  chasing prospects is basically a waste of time and energy?","You believe business follows from friendship  you prospect for friends who will automatically become customers?","You believe the sale depends more upon one's selling skill (which involves among other things  being aggressive and pushy) rather than what you are selling?","To sell the best hope is to make benefit proving presentations based upon sound product knowledge  Prices and delivery are secondary   ","Salespersons are hard pressed to sell products with high prices  A lot depends on price structure and delivery periods rather than the selling skill ","In this business the customer is really buying you  Hence the art of making everyone your friend is more important than being aggessive and pushy ","Customers are of all types but most of them tend to resist buying  My job is to sell our product to them and that is what matters in the end ","Customers buy only when they are convinced that your product can satisfy their needs and you strictly pursue this policy ","You do not sell to customers who tend to resist buying  When they are ready they will let you know  Things like persuasion and likeability do not really work ","Customers do not resist buying as such  They buy from salespersons they like  Buying is simply one way in which people display their natural tendency to be friendly ","In sales the law of the jungle prevails  It is either you or the competitor  You relish defeating your competitors  and fight them hard using every available weapon ","The best way to outwork and outsell competitors is by keeping abreast of competitive activity and having sound product knowledge of your product ","You may not be aggressive but when it comes to competition you are the opposite  You spend a good deal of your time explaining to the customer why he should not buy from the competitor ","You do not believe in being aggressive towards your competitors  Competitors are people like you and there is room for everybody ","I hate to lose or fail  I just don't seem to  be able to digest failure    ","You take failures in stride  People are important up to a point  Success and progress is the ultimate goal ","You do your job  Failures mostly happen due to product and pricing policies of the company ","It is more important to be associated with people than thinking of success or failure ","You do not like interference in your operations  Boss wants results  he will get them ","You welcome criticism from your boss  You do not support him or her when you feel he or she is wrong and do not hesitate to give your point of view ","You play it safe with the boss and are careful and cautious in dealing with him or her ","You believe that the boss has a hard job and needs strong support from everybody even when he or she is sometimes wrong  You welcome his or her close association with your activities ","You take fellow salespersons as competitors in a competitive world   ","You do not hesitate to ask your peers for help and at the same time like to help them without going out of your way ","You do not prefer to significantly interact with your fellow sales persons  you want to do your job and that is it ","You do not think of your peers as competitors  You take them as your friends whom you will like to help in any respect even if at times you have to go out of your way ","You believe rules and regulations sometimes tend to get in the way of initiative  In some situations one is forced to deviate a little in interest of making sales ","You think  some  rules can  hamper sales efforts and fight hard with management to bring about changes ","Whether a particular sale is made or not  your job is to go strictly as per the rules and regulations of the company and that is it ","You accept rules and regulations without complaint  But you believe people are more important than rules so you may overspend on customers in order to make friends with them ","People are mostly selfish and out to get what they can  One has to be tough and fight hard to achieve results ","People are both self interested and well meaning ","People are mostly selfish  untrustworthy and exploitative  Rather than being tough  one has to be careful in dealing with them ","People are mostly sincere  decent  dependable and trustworthy ","Your idea of training is to send the trainee into the field to do a days work  If he or she has got what it takes he or she will get by  If not  he or she will be better off in some other field ","You wholeheartedly support training programs  You accept criticism readily and effect changes in your attitude ","You believe that although one may not be setting the world on fire  but as long as one is doing reasonably alright  why tamper with one's attitudes ","Training sessions have seldom anything useful to say  Like  though one hears the familiar refrain Be aggressive in training  you still believe that selling does not have anything to do with aggressiveness ","You are seldom deeply satisfied  You want to move up the ladder quickly  You constantly seek money and power ","You get deep satisfaction from the job as long as you are growing  You tend to change the company if you are unable to progress and the organisational climate is not congenial to your strategy ","You do not like to change jobs frequently  Even if you are not deeply satisfied  you retain a job because it provides you stability and a predictable environment ","You are generally contented  Although you are not eager to climb the managerial ladder  you like the idea of being promoted ","You dislike writing reports and spend minimum time on them  This time could be more effectively spent in developing new clients  Paper work makes you feel like a clerk ","Your spend great deal of time in writing reports as you feel they are important  They are detailed and go beyond the information required ","Your reports are  always complete and up to date  You believe in passing only information which is asked for  nothing more and nothing less ","You believe people are more important than profits and policies  You like human aspects of this job  Paper work and reports drive you crazy ","The salesperson is the real heart and soul of the business  All other departments are basically auxiliaries ","You feel all departments are equally important ","You feel the production department are many times responsible for sales failures  Accountants and administrators are the watchdogs of the company ","All departments  particularly production go through a hard time  One must be sympathetic towards their problems ","You feel the best line of defense is good offense ","You are open minded and deal with people on a one to one basis ","You feel the best line of offense is good deefense ","You feel kindness is repaid by kindness ","You like to gain attention of others to the extent of controlling them ","You do not like to control others as such  You further your own ends by generating respect for your ideas and at the same time displaying genuine respect for others ideas ","You do not like to gain attention of others  You prefer to be left alone to do your job ","You do not believe in this rat race where people fight the survival game  You believe there is room for everybody ","You believe in sales ends are more important than the means  Thus one has to be manipulative at times ","You welcome criticism and accept your weaknesses ","You prefer a well ordered  predictable and stable existence ","You always try to be agreeable with others "]),O=Object(v.a)(y,2),S=O[0],C=(O[1],Object(n.useState)(0)),j=Object(v.a)(C,2),x=j[0],w=(j[1],Object(n.useState)(0)),k=Object(v.a)(w,2),T=(k[0],k[1]),I=Object(n.useState)(!1),A=Object(v.a)(I,2),M=A[0],N=A[1],R=Object(n.useState)(!1),z=Object(v.a)(R,2),L=z[0],D=z[1],_=Object(n.useState)(!1),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1];Object(n.useEffect)((function(){T(S.length),q.c.onmessage=function(e){console.log("MESSAGE ",e.data);var t=JSON.parse(e.data);if(e.data&&e.data.toString().includes("interview-with-position"))Y();else if(e.data&&e.data.toString().includes("interviewFullNameStatus")){var a=t["interview-name"];a&&"ok"===a.status?(P(!0),s(a.fullname),V||Q()):setTimeout(Y,5e3)}else if(e.data&&e.data.toString().includes("interview-position-name")){var n=t["interview-position-name"];n&&"ok"===n.status?(console.log("JOanna is setting answer ",n.position),p(n.position),setTimeout(X,23e3)):setTimeout(Z,5e3)}else if(e.data&&e.data.toString().includes("interview-position"))void 0!==m&&m||Z(),setTimeout(X,23e3);else if(e.data&&e.data.toString().includes("interview-questions")){var o=t["interview-questions"];o&&"done"===o&&(F||(H(!0),ae(0)))}else if(e.data&&e.data.toString().includes("interview-next")){if(e.data.toString().includes("false"))setTimeout(ae,5e3);else if(e.data.toString().includes("true")){console.log("NEXT QUESTION PLEASE");var r=localStorage.getItem("qIdx");setTimeout(ee,5e3),localStorage.setItem("qIdx",parseInt(r)+1)}}else if(e.data&&e.data.toString().includes("srbs_report_items")){var l=t.srbs_report_items;ce(l),D(!0)}}}),[]);var U=function(){console.log("onStopDetection");var e='{"api":"onStopDetection", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},G=function(){var e='{"api":"interview-with-position", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},Y=function(){var e='{"api":"interview-name", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},Q=function(){var e='{"api":"interview-position", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},Z=function(){var e='{"api":"interview-position-name", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},X=function(){console.log("Joanna question ",S.length,x),localStorage.setItem("qIdx",1),ee(x),N(!0)},ee=function(e){var t=e||localStorage.getItem("qIdx");if(console.log("QUESTION ID ",t),t<S.length){console.log("STARING QUESTION");var a='{"api":"interview-questions", "action":"get", "name": "'.concat(q.a,'", "idx": "').concat(t.toString(),'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}else ne(),E(Is("End of Interview. Thank you!")),U()},ae=function(e){console.log("JOANNA IS NEXT ",e);var t=e||localStorage.getItem("qIdx"),a='{"api":"interview-next", "action":"get", "name": "'.concat(q.a,'", "idx": "').concat(t.toString(),'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},ne=function(){E(Is("End of Interview. Thank you!")),U();var e='{"api":"interview-stop", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},oe=o.a.useMemo((function(){return[{Header:"Fullname",accessor:"fullname"},{Header:"Date",accessor:"dateTime"},{Header:"Generated?",accessor:"is_done"},{Header:"Actions",accessor:"file",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.file,onClick:ue},Is("View")),o.a.createElement(me.a,{size:"small",variant:"outlined",value:t.row.values.file,onClick:se},Is("Generate")))}}]}),[]),re=Object(n.useState)([]),le=Object(v.a)(re,2),ie=le[0],ce=le[1],se=function(e){console.log("Generate ",e.currentTarget.value);var t={method:"get",url:"http://192.168.163.30:8000/srbs/generate?filename="+e.currentTarget.value,headers:{}};f.a.request(t).then((function(e){console.log(e)})).catch((function(e){console.log(e)}))},ue=function(){var e=Object(te.a)($.a.mark((function e(t){var a,n;return $.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=t.currentTarget.value.split(".")[0],n='{"api":"srbs/download", "action":"get", "name": "'.concat(q.a,'", "filename": "').concat(a,'"}'),Object(q.f)(q.c,(function(){Object(q.b)(n)}));case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return o.a.createElement(As,null,o.a.createElement(pe.a,{title:Is("Interview and Training"),parentNode:"/technology-tools"}),!a&&!L&&o.a.createElement("div",{className:"row align-items-center"},o.a.createElement("div",{className:"col-md-6"},o.a.createElement("img",{src:"images/robot.jpg",className:"w-100"})),o.a.createElement("div",{className:"col-md-6"},o.a.createElement("h2",null,Is("Welcome to Interview and Training session with Matilda")),o.a.createElement(me.a,{color:"primary",variant:"outlined",onClick:function(){r(!0),G()}},Is("Start Interview")),o.a.createElement(me.a,{color:"primary",variant:"outlined",onClick:function(e){var t='{"api":"srbs/reports", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},Is("View Reports")))),a&&!M&&!L&&o.a.createElement("div",{className:"row align-items-center"},o.a.createElement("div",{className:"col-md-6"},o.a.createElement("img",{src:"images/robot.jpg",className:"w-100"})),o.a.createElement("div",{className:"col-md-6"},o.a.createElement(ks.a,null,o.a.createElement(Ts.a,null,Is("Personal Information"),o.a.createElement("br",null),o.a.createElement(Me.a,null,o.a.createElement(K.a,null,Is("Fullname")),o.a.createElement(he.a,{defaultValue:c,inputProps:{maxLength:200},onChange:function(e){s(e.target.value)},value:c,fullWidth:!0}))),o.a.createElement(Ts.a,null,Is("Positions"),o.a.createElement(Me.a,null,o.a.createElement(K.a,null,Is("Select your position")),o.a.createElement(sr.a,{row:!0,value:m,onChange:function(e){p(e.target.value)}},o.a.createElement(Wn.a,{value:"sales",control:o.a.createElement(ur.a,null),label:"Sales"}),o.a.createElement(Wn.a,{value:"sales support",control:o.a.createElement(ur.a,null),label:"Sales Support"}),o.a.createElement(Wn.a,{value:"customer service",control:o.a.createElement(ur.a,null),label:"Customer Service"})))),o.a.createElement(me.a,{color:"primary",variant:"outlined",onClick:ne},Is("Stop Interview"))))),M&&!L&&o.a.createElement("div",{className:"row align-items-center"},o.a.createElement("div",{className:"col-md-6"},o.a.createElement("img",{src:"images/robot.jpg",className:"w-100"})),o.a.createElement("div",{className:"col-md-6"},o.a.createElement(ks.a,null,o.a.createElement(Ts.a,null,o.a.createElement("h5",null,h)),o.a.createElement(me.a,{color:"primary",variant:"outlined",onClick:ne},Is("Stop Interview"))))),L&&o.a.createElement("div",{className:"row align-items-start"},o.a.createElement("div",{className:"col-md-4"},o.a.createElement("img",{src:"images/robot.jpg",className:"w-100"})),o.a.createElement("div",{className:"col-md-8"},o.a.createElement(ks.a,null,o.a.createElement(Ts.a,null,o.a.createElement("h5",null,Is("Reports"))),o.a.createElement(ca.a,null,o.a.createElement(Ms,{columns:oe,data:ie}))))))},zs=function(e){var t=e.show,a=(e.onClose,e.children);return t?o.a.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0,0,0,0.3)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3}},o.a.createElement("div",{style:{background:"white",padding:"2rem",borderRadius:"8px",minWidth:"500px",maxWidth:"700px",width:"100%",boxShadow:"0 2px 8px rgba(0,0,0,0.2)"}},a)):null},Ls=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Ds=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=(t[0],t[1],Object(n.useState)(!1)),r=Object(v.a)(a,2),l=r[0],i=r[1],c=Object(n.useState)(!1),s=Object(v.a)(c,2),u=(s[0],s[1],Object(n.useState)(Ls("Good day, welcome to cognitive and emotion assessment"))),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)([]),b=Object(v.a)(g,2),h=b[0],E=b[1],y=Object(n.useState)(!1),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(0),x=Object(v.a)(j,2),w=x[0],k=(x[1],Object(n.useState)(0)),T=Object(v.a)(k,2),I=T[0],A=T[1];Object(n.useEffect)((function(){Object(q.f)(q.c,(function(){Object(q.d)("Good day, welcome to cognitive and emotion assessment")}));f.a.request({method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question",headers:{}}).then((function(e){console.log("DATA FROM DB",JSON.stringify(e.data),e.data.data.length),A(e.data.data.length),E(e.data.data)})).catch((function(e){console.log(e)}))}),[]);var M=function e(){f.a.request({method:"get",url:"http://192.168.163.30:8000/interview-name",headers:{}}).then((function(t){console.log("FULLNAME",JSON.stringify(t.data)),"notok"===t.data.status?setTimeout(e,5e3):(i(t.data.fullname),p(""),setTimeout(z,23e3))})).catch((function(e){console.log(e)}))},N=function(e){if(console.log("QUESTION ID ",e),e<=I-1){console.log("STARING QUESTION");var t={method:"get",url:"http://192.168.163.30:8000/interview-questions?idx="+e.toString(),headers:{}};f.a.request(t).then((function(t){console.log(JSON.stringify(t.data)),R(e)})).catch((function(e){console.log(e)}))}else L(),p(Ls("End of Assessment. Thank you!"))},R=function e(t){f.a.request({method:"get",url:"http://192.168.163.30:8000/interview-next",headers:{}}).then((function(t){if(console.log("NEXT",JSON.stringify(t.data)),JSON.stringify(t.data).includes("false"))setTimeout(e,3e3);else{console.log("NEXT QUESTION PLEASE");var a=localStorage.getItem("qIdx");N(a),localStorage.setItem("qIdx",parseInt(a)+1),p(Ls(h[parseInt(a)].question))}})).catch((function(e){console.log(e)}))},z=function(){localStorage.setItem("qIdx",1),p(Ls(h[w].question)),N(w)},L=function(){f.a.request({method:"get",url:"http://192.168.163.30:8000/interview-stop",headers:{}}).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)}))};return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Ls("Cognitive and Emotion Assessment"),parentNode:"/health-and-wellbeing"}),o.a.createElement("div",{style:{display:"grid",gap:"2rem",width:"100%",gridTemplateColumns:window.innerWidth>700?"1fr 1fr":"1fr"},id:"blocks"},o.a.createElement("div",null,Ls("VIDEO HERE")),o.a.createElement("div",null,o.a.createElement("h4",null,m),o.a.createElement("br",null),o.a.createElement("br",null),l?o.a.createElement(o.a.Fragment,null,Ls("Full Name"),": ",l):o.a.createElement(o.a.Fragment,null),o.a.createElement("br",null),o.a.createElement(xo.a,{onClick:function(){p(Ls("Please say your fullname")),f.a.request({method:"get",url:"http://192.168.163.30:8000/interview-greeting",headers:{}}).then((function(e){console.log(JSON.stringify(e.data))})).catch((function(e){console.log(e)})).finally((function(){M()}))}},Ls("Start Interview")),o.a.createElement("span",{style:{marginLeft:"1rem"}}),o.a.createElement(xo.a,{onClick:L},Ls("Stop Interview")),o.a.createElement(xo.a,{color:"secondary",style:{marginLeft:"1rem"},onClick:function(){return C(!0)}},Ls("Configuration")),o.a.createElement(zs,{show:S,onClose:function(){return C(!1)}},o.a.createElement("h5",null,"Configuration"),o.a.createElement("form",null,o.a.createElement("div",{style:{marginBottom:"1rem"}},o.a.createElement("label",null,o.a.createElement("b",null,"Emotion Recognition:")),o.a.createElement("br",null),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",name:"emotionRecognition",value:"cloud",defaultChecked:!0})," Cloud Based"),o.a.createElement("label",{style:{marginLeft:"1rem"}},o.a.createElement("input",{type:"radio",name:"emotionRecognition",value:"local"})," Local")),o.a.createElement("div",{style:{marginBottom:"1rem"}},o.a.createElement("label",null,o.a.createElement("b",null,"Save Recording:")),o.a.createElement("br",null),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",name:"saveRecording",value:"yes",defaultChecked:!0})," Yes"),o.a.createElement("label",{style:{marginLeft:"1rem"}},o.a.createElement("input",{type:"radio",name:"saveRecording",value:"no"})," No")),o.a.createElement("div",{style:{marginBottom:"1rem"}},o.a.createElement("label",null,o.a.createElement("b",null,"Process Report:")),o.a.createElement("br",null),o.a.createElement("label",null,o.a.createElement("input",{type:"radio",name:"processReport",value:"yes",defaultChecked:!0})," Yes"),o.a.createElement("label",{style:{marginLeft:"1rem"}},o.a.createElement("input",{type:"radio",name:"processReport",value:"no"})," No")),o.a.createElement("div",{style:{marginTop:"2rem",textAlign:"right"}},o.a.createElement(xo.a,{color:"primary",style:{marginRight:"1rem"},type:"button"},"Save"),o.a.createElement(xo.a,{color:"secondary",onClick:function(){return C(!1)},type:"button"},"Close")))))))},_s=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Bs=re.a.div(Ns||(Ns=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Vs(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),_s(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Ps=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(!1),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)([]),d=Object(v.a)(u,2),m=d[0],p=d[1],g=Object(n.useState)(""),b=Object(v.a)(g,2),h=b[0],E=b[1],y=Object(n.useState)(),O=Object(v.a)(y,2),S=O[0],C=O[1],j=Object(n.useState)(),x=Object(v.a)(j,2),w=x[0],k=x[1],T=Object(n.useState)(""),I=Object(v.a)(T,2),A=I[0],M=I[1];Object(n.useEffect)((function(){D()}),[]);var N=o.a.useMemo((function(){return[{Header:"Question",accessor:"question"},{Header:"Position",accessor:"position"},{Header:"Is Show",accessor:"is_show"},{Header:"Action",accessor:"_id",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.values._id.$oid,onClick:L},_s("Delete")),o.a.createElement(me.a,{size:"large",variant:"outlined",value:t.row.index,onClick:z},_s("Update")))}}]}),[]),R=function(){console.log("Close Add"),r(!1),s(!1)},z=function(e){console.log("Open Edit");localStorage.setItem("editID",e.currentTarget.value),f.a.request({method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question",headers:{}}).then((function(e){var t,a,n,o;E(null===(t=e.data.data[localStorage.getItem("editID")])||void 0===t?void 0:t.question),C(null===(a=e.data.data[localStorage.getItem("editID")])||void 0===a?void 0:a.is_show),k(null===(n=e.data.data[localStorage.getItem("editID")])||void 0===n||null===(o=n._id)||void 0===o?void 0:o.$oid),s(!0)})).catch((function(e){console.log(e)})).finally((function(){console.log("Question ",h)}))},L=function(e){console.log("Delete Question");var t={method:"delete",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question?question_id="+e.currentTarget.value,headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),D()})).catch((function(e){console.log(e)}))},D=function(){console.log("Get All Questions");f.a.request({method:"get",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question",headers:{}}).then((function(e){console.log(JSON.stringify(e.data)),p(e.data.data)})).catch((function(e){console.log(e)}))};return o.a.createElement(Bs,null,o.a.createElement(pe.a,{title:_s("Cognitive and Emotion Assessment Settings"),parentNode:"/system-settings"}),o.a.createElement(me.a,{size:"small",color:"primary",variant:"outlined",onClick:function(){console.log("Open Add"),r(!0)}},_s("Add Question")),o.a.createElement(Vs,{columns:N,data:m}),o.a.createElement(ge.a,{open:a,onClose:R,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,_s("ADD NEW QUESTION")),o.a.createElement(be.a,null,o.a.createElement(he.a,{label:_s("Question"),defaultValue:h,inputProps:{maxLength:1e3},onChange:function(e){E(e.target.value)},value:h,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:_s("Position"),defaultValue:A,inputProps:{maxLength:200},onChange:function(e){M(e.target.value)},value:A,fullWidth:!0}),o.a.createElement("br",null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){var e={method:"post",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question",headers:{"Content-Type":"application/json"},data:JSON.stringify({question:h,is_deleted:"no",is_show:"yes",position:A})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),D()})).catch((function(e){console.log(e)})).finally((function(){E(""),r(!1)}))}},_s("Submit")),o.a.createElement(me.a,{onClick:R},_s("Cancel")))),o.a.createElement(ge.a,{open:c,onClose:R,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,null,_s("EDIT QUESTION")),o.a.createElement(be.a,null,o.a.createElement(he.a,{label:_s("Question"),defaultValue:h,inputProps:{maxLength:200},onChange:function(e){E(e.target.value)},value:h,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:_s("Position"),defaultValue:A,inputProps:{maxLength:200},onChange:function(e){M(e.target.value)},value:A,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(Me.a,null,o.a.createElement(K.a,null,_s("Is Show?")),o.a.createElement(sr.a,{row:!0,label:_s("Is Show"),defaultValue:S,onChange:function(e){C(e.target.value)},value:S},o.a.createElement(Wn.a,{value:"yes",control:o.a.createElement(ur.a,null),label:"Yes"}),o.a.createElement(Wn.a,{value:"no",control:o.a.createElement(ur.a,null),label:"No"})))),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:function(){console.log("Update Question"),console.log(S,h,w);var e={method:"put",url:"https://cloud-api-389807.ue.r.appspot.com/cognitive-question",headers:{"Content-Type":"application/json"},data:JSON.stringify({question_id:w,question:h,is_show:S})};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),D()})).catch((function(e){console.log(e)})).finally((function(){E(""),k(""),R()}))}},_s("Submit")),o.a.createElement(me.a,{onClick:R},_s("Cancel")))))};var Js,Ws=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e},Fs=function(){var e=function(){var e=Object(n.useRef)(null),t=Object(n.useState)(!1),a=Object(v.a)(t,2),o=a[0],r=a[1];return Object(n.useEffect)((function(){var t=function(){if(e.current){e.current.disconnected||e.current.disconnect();try{e.current.destroyed||e.current.destroy()}catch(t){console.log(t)}}};e.current=e.current?e.current:new Va.a("Caregiver_229a-g-eyegaze",{host:"socket.mymatilda.com.au",port:9090,path:"/peerpath",secure:!0}),e.current.on("open",(function(e){console.log("Peer opened:",e),r(!0)})),e.current.on("call",(function(e){console.log("Peer CALLED:",e);navigator.mediaDevices.getUserMedia({video:!0,audio:{autoGainControl:!0,channelCount:2,echoCancellation:!0,latency:0,noiseSuppression:!0,sampleRate:48e3,sampleSize:16}}).then((function(t){e.answer(t)}))})),e.current.on("connection",(function(e){console.log("Peer connected:",e)})),e.current.on("disconnected",(function(){console.log("Peer disconnected"),e.current.reconnect()})),e.current.on("close",(function(){console.log("Peer closed remotely"),t()})),e.current.on("error",(function(e){console.log("peer error",e),t()})),e.current.on("data",(function(e){console.log("received userperv3")}))}),[]),[e.current,"Caregiver_229a-g-eyegaze",o]}(),t=Object(v.a)(e,3),a=(t[0],t[1],t[2],Object(n.useState)(!1)),r=Object(v.a)(a,2);r[0],r[1];return o.a.createElement(o.a.Fragment,null,o.a.createElement(pe.a,{title:Ws("Eye Gaze"),parentNode:"/technology-tools"}),o.a.createElement("button",{onClick:function(){var e='{"api":"eyegazestart", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},Ws("Start")),o.a.createElement("button",{onClick:function(){var e='{"api":"eyegazestop", "action":"get","name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},Ws("Stop")),o.a.createElement(El,null))},Hs=re.a.div(Js||(Js=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Us(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var qs,Gs=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)([]),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(!1),S=Object(v.a)(O,2),C=(S[0],S[1],Object(n.useState)()),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(!0),D=Object(v.a)(L,2),_=(D[0],D[1],Object(n.useState)("")),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!1),G=Object(v.a)(U,2),Y=G[0],Q=G[1],K=Object(n.useState)("Scanning devices..."),Z=Object(v.a)(K,2),X=(Z[0],Z[1]),$=Object(n.useState)(""),ee=Object(v.a)($,2),te=ee[0],ae=ee[1],ne=Object(n.useState)([]),oe=Object(v.a)(ne,2),re=(oe[0],oe[1]),le=Object(n.useState)(""),ie=Object(v.a)(le,2),ce=ie[0],se=(ie[1],Object(p.f)());function ue(){var e=window;return{width:e.innerWidth,height:e.innerHeight}}Object(n.useEffect)((function(){localStorage.getItem("remoteId")||se.push("/login");var e={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/exercise?robot="+localStorage.getItem("remoteId"),headers:{}};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),y(de(e.data.data))})).catch((function(e){console.log(e)}))}),[]);var de=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=ke(e[a].title),t.push(e[a]);return e},Ee=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:Ce},ke("Start")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:je},ke("Stop")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values._id,onClick:Se},ke("Delete")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:xe},ke("Cast to TV")))}}]}),[]),Oe=function(e){r(!1)},Se=function(e){console.log("Handle Delete",e.currentTarget.value)},Ce=function(e){var t=e.currentTarget.value;w(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(a),t=(t=t.split("v=")[1]).split("&")[0],P(t),A(!0)},je=function(e){var t='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),P(""),A(!1)},xe=function(e){H(!0);var t='{"api":"handleStartCast", "action":"start", "url": "'.concat(e.currentTarget.value,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))},we=function(){X("Scanning devices..."),Q(!1),ae(),re([])},ke=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(Hs,null,o.a.createElement(pe.a,{title:ke("Exercise with Video"),parentNode:"/health-and-wellbeing"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){"add"==e.currentTarget.value&&s(ke("Add New Video")),r(!0)}},ke("Add Video")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){H(!1);var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},"Stop Cast"),o.a.createElement(ge.a,{open:a,onClose:Oe,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Oe},c),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:ke("Title"),defaultValue:m,inputProps:{maxLength:200},onChange:function(e){g(e.target.value)},value:m,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:ke("URL"),defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Oe,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){var t={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/exercise",headers:{"Content-Type":"application/json"},data:JSON.stringify({robot:localStorage.getItem("remoteId"),title:m,url:x})};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data));var t={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/exercise?robot="+localStorage.getItem("remoteId"),headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),y(de(e.data.data)),r(!1)})).catch((function(e){console.log(e)}))})).catch((function(e){console.log(e)}))},color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:Y,onClose:we,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:we},ke("Scan Devices")),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:we,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",te,e.currentTarget.value,ce),X("Scanning devices..."),Q(!1),ae(),re([])},value:te,color:"primary"},"Submit"))),F?o.a.createElement("div",{style:{width:"100%",alignItems:"center",alignSelf:"center"}},o.a.createElement("b",null,"Cast Controls"),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePauseCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},"Pause"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePlayCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}))}},"Play")):"",I?o.a.createElement("div",{style:{width:"100%",paddingLeft:"5px"}},o.a.createElement("h3",null,m),o.a.createElement("p",null,x),o.a.createElement("div",null,o.a.createElement(Ae.a,{videoId:V,onReady:function(e){z(e.target)},opts:{playerVars:{controls:0,autoplay:1,rel:0,enablejsapi:0,showInfo:0,autohide:1},allowFullScreen:!0,height:ue().height,width:.75*ue().width},onPlay:function(e){var t='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(t),console.log("MONTION")},onPause:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)},onEnd:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)}})),o.a.createElement(me.a,{onClick:function(){R.playVideo();var e='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e),console.log("MONTION")},className:"primary",color:"primary"},"Play"),o.a.createElement(me.a,{onClick:function(){R.pauseVideo();var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');q.c.send(e)},className:"primary",color:"secondary"},"Pause")):"",o.a.createElement(Us,{columns:Ee,data:E}))},Ys=re.a.div(qs||(qs=Object(oe.a)(["\n  padding: 0rem;\n\n  table {\n    width:100%;\n    border-collapse: separate;\n    border-spacing: 5px;\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    th{\n      margin: 0;\n      padding: 10px 10px;\n      background: #ccc;\n      border-radius: 10px;\n      font-size: 16px;\n    }\n    td {\n      margin: 0;\n      padding: 3px 12px;\n      background: #fff;\n      font-size: 16px;\n      color:#6e6e6e;\n      border-radius: 10px;\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n"])));function Qs(e){var t=e.columns,a=e.data,n=Object(le.useTable)({columns:t,data:a}),r=n.getTableProps,l=n.getTableBodyProps,i=n.headerGroups,c=n.rows,s=n.prepareRow;return o.a.createElement("table",r(),o.a.createElement("thead",null,i.map((function(e){return o.a.createElement("tr",e.getHeaderGroupProps(),e.headers.map((function(e){return o.a.createElement("th",e.getHeaderProps(),function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e}(e.render("Header")))})))}))),o.a.createElement("tbody",l(),c.map((function(e,t){return s(e),o.a.createElement("tr",e.getRowProps(),e.cells.map((function(e){return o.a.createElement("td",e.getCellProps(),e.render("Cell"))})))}))))}var Ks=function(){var e=Object(n.useState)(!1),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(n.useState)(),d=Object(v.a)(u,2),m=d[0],g=d[1],b=Object(n.useState)([]),h=Object(v.a)(b,2),E=h[0],y=h[1],O=Object(n.useState)(!1),S=Object(v.a)(O,2),C=(S[0],S[1],Object(n.useState)()),j=Object(v.a)(C,2),x=j[0],w=j[1],k=Object(n.useState)(!1),T=Object(v.a)(k,2),I=T[0],A=T[1],M=Object(n.useState)(null),N=Object(v.a)(M,2),R=N[0],z=N[1],L=Object(n.useState)(!0),D=Object(v.a)(L,2),_=(D[0],D[1],Object(n.useState)("")),B=Object(v.a)(_,2),V=B[0],P=B[1],J=Object(n.useState)(!1),W=Object(v.a)(J,2),F=W[0],H=W[1],U=Object(n.useState)(!1),G=Object(v.a)(U,2),Y=G[0],Q=G[1],K=Object(n.useState)("Scanning devices..."),Z=Object(v.a)(K,2),X=(Z[0],Z[1]),$=Object(n.useState)(""),ee=Object(v.a)($,2),te=ee[0],ae=ee[1],ne=Object(n.useState)([]),oe=Object(v.a)(ne,2),re=(oe[0],oe[1]),le=Object(n.useState)(""),ie=Object(v.a)(le,2),ce=ie[0],se=(ie[1],Object(p.f)());function ue(){var e=window;return{width:e.innerWidth,height:e.innerHeight}}Object(n.useEffect)((function(){localStorage.getItem("remoteId")||se.push("/login");var e={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/audiobook?robot="+localStorage.getItem("remoteId"),headers:{}};f.a.request(e).then((function(e){console.log(JSON.stringify(e.data)),y(de(e.data.data))})).catch((function(e){console.log(e)}))}),[]);var de=function(e){for(var t=[],a=0;a<e.length;a++)e[a].title=ke(e[a].title),t.push(e[a]);return e},Ee=o.a.useMemo((function(){return[{Header:"Title",accessor:"title"},{Header:"Action",accessor:"url",Cell:function(e){var t=e.cell;return o.a.createElement("div",null,o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:Ce},"Start"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:je},"Stop"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.title,onClick:Se},"Delete"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:t.row.values.url,onClick:xe},"Cast to TV"))}}]}),[]),Oe=function(e){r(!1)},Se=function(e){console.log("Handle Delete",e.currentTarget.value);var t={method:"delete",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/audiobook?title="+e.currentTarget.value,headers:{"Content-Type":"application/json"}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data));var t={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/audiobook?robot="+localStorage.getItem("remoteId"),headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),y(de(e.data.data)),r(!1)})).catch((function(e){console.log(e)}))})).catch((function(e){console.log(e)}))},Ce=function(e){var t=e.currentTarget.value;w(t);var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)})),t=(t=t.split("v=")[1]).split("&")[0],P(t),A(!0)},je=function(e){var t='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),P(""),A(!1)},xe=function(e){H(!0);var t='{"api":"handleStartCast", "action":"start", "url": "'.concat(e.currentTarget.value,'", "ip": "').concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}));var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))},we=function(){X("Scanning devices..."),Q(!1),ae(),re([])},ke=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t),console.log("TITLE ",e)),e};return o.a.createElement(Ys,null,o.a.createElement(pe.a,{title:ke("Audiobooks"),parentNode:"/book"}),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(e){"add"==e.currentTarget.value&&s("Add New Audiobook"),r(!0)}},ke("Add Audiobook")),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",value:"add",onClick:function(){Q(!0);var e='{"api":"handleScan", "action":"get", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}},ke("Scan Cast Devices")),o.a.createElement(me.a,{size:"small",variant:"outlined",color:"primary"},o.a.createElement("a",{href:"/book"},"Book")),o.a.createElement(ge.a,{open:a,onClose:Oe,fullWidth:!0,"aria-labelledby":"form-dialog-title"},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:Oe},c),o.a.createElement(be.a,{dividers:!0},o.a.createElement(he.a,{label:"Title",defaultValue:m,inputProps:{maxLength:200},onChange:function(e){g(e.target.value)},value:m,fullWidth:!0}),o.a.createElement("br",null),o.a.createElement(he.a,{label:"URL",defaultValue:x,inputProps:{maxLength:200},onChange:function(e){w(e.target.value)},value:x,fullWidth:!0})),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:Oe,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){var t={method:"post",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/audiobook",headers:{"Content-Type":"application/json"},data:JSON.stringify({robot:localStorage.getItem("remoteId"),title:m,url:x})};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data));var t={method:"get",maxBodyLength:1/0,url:"https://cloud-api-389807.ue.r.appspot.com/audiobook?robot="+localStorage.getItem("remoteId"),headers:{}};f.a.request(t).then((function(e){console.log(JSON.stringify(e.data)),y(de(e.data.data)),r(!1)})).catch((function(e){console.log(e)}))})).catch((function(e){console.log(e)}))},color:"primary"},"Submit"))),o.a.createElement(ge.a,{open:Y,onClose:we,fullWidth:!0},o.a.createElement(fe.a,{id:"form-dialog-title",onClose:we},"Scan Devices"),o.a.createElement(be.a,{dividers:!0},o.a.createElement(Be,null)),o.a.createElement(ve.a,null,o.a.createElement(me.a,{onClick:we,color:"primary"},"Cancel"),o.a.createElement(me.a,{onClick:function(e){console.log("castDevice ",te,e.currentTarget.value,ce),X("Scanning devices..."),Q(!1),ae(),re([])},value:te,color:"primary"},"Submit"))),F?o.a.createElement("div",{style:{width:"100%",alignItems:"center",alignSelf:"center"}},o.a.createElement("b",null,"Cast Controls"),o.a.createElement("br",null),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePauseCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}));var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}},"Pause"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){var t='{"api":"handlePlayCast", "action":"stop", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}));var a='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}},"Play"),o.a.createElement(me.a,{size:"small",type:"primary",variant:"outlined",onClick:function(e){H(!1);var t='{"api":"handleStopCast", "action":"stop", "ip": "'.concat(localStorage.getItem("castDevice"),'", "name": "').concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)}));var a='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(a)}))}},"Stop Cast")):"",I?o.a.createElement("div",{style:{width:"100%",paddingLeft:"5px"}},o.a.createElement("h3",null,m),o.a.createElement("p",null,x),o.a.createElement("div",null,o.a.createElement(Ae.a,{videoId:V,onReady:function(e){z(e.target)},opts:{playerVars:{controls:0,autoplay:1,rel:0,enablejsapi:0,showInfo:0,autohide:1},allowFullScreen:!0,height:ue().height,width:.75*ue().width},onPlay:function(e){var t='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(t)})),console.log("MONTION")},onPause:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},onEnd:function(){var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))}})),o.a.createElement(me.a,{onClick:function(){R.playVideo();var e='{"api":"motion", "action":"start", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)})),console.log("MONTION")},className:"primary",color:"primary"},"Play"),o.a.createElement(me.a,{onClick:function(){R.pauseVideo();var e='{"api":"motion", "action":"stop", "motion_id": "neutral", "name": "'.concat(q.a,'"}');Object(q.f)(q.c,(function(){Object(q.b)(e)}))},className:"primary",color:"secondary"},"Pause")):"",o.a.createElement(Qs,{columns:Ee,data:E}))},Zs=function(e){Object(d.a)(a,e);var t=Object(m.a)(a);function a(){var e;return Object(c.a)(this,a),(e=t.call(this)).computeTitle=function(e){var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=ye.a.translateString(e,t)),e},e.translateToCantonese=function(e){return e=ye.a.translateString(e,"Cantonese")},e.drawCard=function(){var t=["hearts","diamonds","clubs","spades"],a=["2","3","4","5","6","7","8","9","10","J","Q","K","A"],n=t[Math.floor(Math.random()*t.length)],o=a[Math.floor(Math.random()*a.length)],r={suit:n,rank:o};e.setState((function(e){return{drawnCards:[r].concat(Object(ee.a)(e.drawnCards))}}));var l=o;"A"==l?l="One":"J"==l?l="Jack":"Q"==l?l="Queen":"K"==l&&(l="King");var i=window.location.href,c="Matilda_229a-g";console.log("Mounting ...",i),i.includes("remoteId")&&(c=i.split("?")[1].split("=")[1].trim(),console.log("Mounted ",c),localStorage.setItem("remoteId",c),e.setState({remoteId:c})),console.log(l,n);var s={api:"vocCan",phrase:l+" of "+n,language:"en",emotion:"neutral",sound:"none",name:c};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(s))})),setTimeout(e.drawCard,3e4)},e.resetDeck=function(){Object(q.f)(q.c,(function(){Object(q.d)("Re-starting bingo card game. Please clear up your cards now")})),e.setState({drawnCards:[]})},e.finishGame=function(){Object(q.f)(q.c,(function(){Object(q.d)("Thank you for playing bingo with me")})),e.setState({drawnCards:[]})},e.state={drawnCards:[],cardsPerRow:4,remoteId:"Matilda_229a-g"},e.computeTitle=e.computeTitle.bind(Object(u.a)(e)),e.drawCard=e.drawCard.bind(Object(u.a)(e)),e.resetDeck=e.resetDeck.bind(Object(u.a)(e)),e.finishGame=e.finishGame.bind(Object(u.a)(e)),e}return Object(s.a)(a,[{key:"componentDidMount",value:function(){var e=window.location.href,t="Matilda_229a-g";console.log("Mounting ...",e),e.includes("remoteId")&&(t=e.split("?")[1].split("=")[1].trim(),console.log("Mounted ",t),localStorage.setItem("remoteId",t),this.setState({remoteId:t}));var a={api:"vocalise",text:this.translateToCantonese("Welcome to bingo service. Let us start playing bingo now."),language:"zh-ca",emotion:"neutral",sound:"none",name:t};Object(q.f)(q.c,(function(){q.c.send(JSON.stringify(a))})),setTimeout(this.drawCard,8e3)}},{key:"render",value:function(){var e=this.state,t=e.drawnCards;e.cardsPerRow;return o.a.createElement("div",{id:"main-menu-panel"},t.length>0&&o.a.createElement("div",null,o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0===t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""}))),o.a.createElement("div",{style:{display:"flex",flexWrap:"wrap",justifyContent:"center"}},t.map((function(e,t){return 0!==t?o.a.createElement("div",{key:t,style:{marginRight:"10px",marginBottom:"10px",border:0===t?"2px solid red":"none"}},o.a.createElement("img",{src:"images/".concat(e.rank).concat(e.suit.charAt(0).toUpperCase(),".png"),style:{width:0===t?"250px":"100px",height:0===t?"300px":"150px"}})):""})))))}}]),a}(n.Component),Xs=Object(De.a)((function(e){return{}}))(Zs),$s=a(349),eu=a.n($s),tu=function(){var e=Object(n.useState)(""),t=Object(v.a)(e,2),a=t[0],r=t[1],l=Object(n.useState)(""),i=Object(v.a)(l,2),c=i[0],s=i[1],u=Object(p.f)(),d=function(e){e.preventDefault(),console.log("Submitted OTP:",a);var t={method:"post",url:"https://verify.twilio.com/v2/Services/VA06979f39e05b1defdf93b4244c15092b/VerificationCheck",headers:{"Content-Type":"application/x-www-form-urlencoded",Authorization:"Basic QUNiYzBhODAyYzdlNjJkNzNjOWEwMDcyZTY2M2Y4ODEyZTo5MWJiMmMwMmUzYWQ5M2IxNDIyODFmN2VjMmE5Y2UwYQ=="},data:eu.a.stringify({To:"+639654171440",Code:a})};f.a.request(t).then((function(e){r(""),s("You have successfully authenticated! You will be redirected."),u.push("/home")})).catch((function(e){console.log(e),s("You have entered invalid otp. Please try again!")}))};return o.a.createElement("div",{style:{textAlign:"center",marginTop:"50px"}},o.a.createElement("h2",null,"Two-Factor Authentication"),o.a.createElement("p",null,"Please enter the OTP you received"),o.a.createElement("form",{onSubmit:d,style:{display:"inline-block"}},o.a.createElement("label",null,"OTP: \xa0\xa0\xa0",o.a.createElement("input",{type:"text",value:a,onChange:function(e){r(e.target.value)}})),o.a.createElement("br",null),o.a.createElement(me.a,{onClick:d},"Submit OTP")),o.a.createElement("br",null),o.a.createElement(me.a,{onClick:function(){console.log("Regenerate OTP");var e={method:"post",url:"https://verify.twilio.com/v2/Services/VA06979f39e05b1defdf93b4244c15092b/Verifications?",headers:{"Content-Type":"application/x-www-form-urlencoded",Authorization:"Basic QUNiYzBhODAyYzdlNjJkNzNjOWEwMDcyZTY2M2Y4ODEyZTo5MWJiMmMwMmUzYWQ5M2IxNDIyODFmN2VjMmE5Y2UwYQ=="},data:eu.a.stringify({To:"+639654171440",Channel:"sms"})};f.a.request(e).then((function(e){s("New OTP has been generated!")})).catch((function(e){console.log(e),s("Failed to generate OTP. Please try again")}))}},"Regenerate OTP"),o.a.createElement("br",null),c&&o.a.createElement("small",null,c))},au=function(e){Object(d.a)(n,e);var t=Object(m.a)(n);function n(e){var a;return Object(c.a)(this,n),(a=t.call(this,e)).logOut=a.logOut.bind(Object(u.a)(a)),a.state={showModeratorBoard:!1,showAdminBoard:!1,currentUser:void 0},a}return Object(s.a)(n,[{key:"componentDidMount",value:function(){var e=h.getCurrentUser();e&&this.setState({currentUser:e,showModeratorBoard:e.roles.includes("ROLE_MODERATOR"),showAdminBoard:e.roles.includes("ROLE_ADMIN")})}},{key:"logOut",value:function(){h.logout()}},{key:"render",value:function(){var e=this.state;e.currentUser,e.showModeratorBoard,e.showAdminBoard;return o.a.createElement("div",{id:"wrapper"},o.a.createElement(p.c,null,o.a.createElement(p.a,{exact:!0,path:"/menu",component:Jc}),o.a.createElement(p.a,{exact:!0,path:"/home",component:hs}),o.a.createElement(p.a,{exact:!0,path:["/","/login"],component:R}),o.a.createElement(p.a,{exact:!0,path:"/register",component:V}),o.a.createElement(p.a,{exact:!0,path:"/profile",component:Z}),o.a.createElement(p.a,{path:"/user",component:ae}),o.a.createElement(p.a,{path:"/chat",component:$c}),o.a.createElement(p.a,{path:"/map",component:ds}),o.a.createElement(p.a,{path:"/management",component:ue}),o.a.createElement(p.a,{path:"/control",component:cs}),o.a.createElement(p.a,{exact:!0,path:"/music",component:xe}),o.a.createElement(p.a,{exact:!0,path:"/youtube",component:Ie}),o.a.createElement(p.a,{exact:!0,path:"/videos",component:Je}),o.a.createElement(p.a,{exact:!0,path:"/technology-support",component:So}),o.a.createElement(p.a,{exact:!0,path:"/voice-command",component:kl}),o.a.createElement(p.a,{exact:!0,path:"/heart-rate",component:Ll}),o.a.createElement(p.a,{exact:!0,path:"/fitbit",component:Xr}),o.a.createElement(p.a,{exact:!0,path:"/manage-questions",component:a(1019).default}),o.a.createElement(p.a,{exact:!0,path:"/code-base-management",component:Bc}),o.a.createElement(p.a,{exact:!0,path:"/manage-user",component:Or}),o.a.createElement(p.a,{exact:!0,path:"/manage-profile",component:_l}),o.a.createElement(p.a,{exact:!0,path:"/manage-robot",component:zr}),o.a.createElement(p.a,{exact:!0,path:"/manage-resident",component:Si}),o.a.createElement(p.a,{exact:!0,path:"/reception",component:Wi}),o.a.createElement(p.a,{exact:!0,path:"/manage-conversation",component:Mi}),o.a.createElement(p.a,{exact:!0,path:"/conversation-log",component:Hi}),o.a.createElement(p.a,{exact:!0,path:"/health-and-wellbeing",component:He}),o.a.createElement(p.a,{exact:!0,path:"/emotional-wellbeing",component:Go}),o.a.createElement(p.a,{exact:!0,path:"/brain-training",component:Ko}),o.a.createElement(p.a,{exact:!0,path:"/bingo-card",component:Vl}),o.a.createElement(p.a,{exact:!0,path:"/bingo-card-sergius",component:Ql}),o.a.createElement(p.a,{exact:!0,path:"/bingo-card-cantonese",component:Xs}),o.a.createElement(p.a,{exact:!0,path:"/otp-authenticator",component:tu}),o.a.createElement(p.a,{exact:!0,path:"/number-card-1to20",component:Jl}),o.a.createElement(p.a,{exact:!0,path:"/friends-and-relatives",component:$o}),o.a.createElement(p.a,{exact:!0,path:"/service-scheduling",component:ar}),o.a.createElement(p.a,{exact:!0,path:"/safety",component:rr}),o.a.createElement(p.a,{exact:!0,path:"/technology-tools",component:cr}),o.a.createElement(p.a,{exact:!0,path:"/monitoring",component:el}),o.a.createElement(p.a,{exact:!0,path:"/receptionist",component:El}),o.a.createElement(p.a,{exact:!0,path:"/admin",component:Yr}),o.a.createElement(p.a,{exact:!0,path:"/hobbies",component:ko}),o.a.createElement(p.a,{exact:!0,path:"/entertainment",component:Ao}),o.a.createElement(p.a,{exact:!0,path:"/cookinglist",component:tc}),o.a.createElement(p.a,{exact:!0,path:"/face-recognition",component:fc}),o.a.createElement(p.a,{exact:!0,path:"training-module-list",component:Tc}),o.a.createElement(p.a,{exact:!0,path:"/school",component:Gi}),o.a.createElement(p.a,{exact:!0,path:"/talk-with-matilda",component:mr}),o.a.createElement(p.a,{exact:!0,path:"/audio-call",component:Ho}),o.a.createElement(p.a,{exact:!0,path:"/exercise",component:pt}),o.a.createElement(p.a,{exact:!0,path:"/new-games",component:fr}),o.a.createElement(p.a,{exact:!0,path:"/profiling",component:Vo}),o.a.createElement(p.a,{exact:!0,path:"/story-builder",component:Dc}),o.a.createElement(p.a,{exact:!0,path:"/event-log",component:_c}),o.a.createElement(p.a,{exact:!0,path:"/smart-home",component:bo}),o.a.createElement(p.a,{exact:!0,path:"/voice-com",component:vo}),o.a.createElement(p.a,{path:"/book",component:bt}),o.a.createElement(p.a,{path:"/gamelist",component:za}),o.a.createElement(p.a,{path:"/learninglist",component:Rt}),o.a.createElement(p.a,{path:"/bingolist",component:Mc}),o.a.createElement(p.a,{path:"/games",component:za}),o.a.createElement(p.a,{path:"/memorygame",component:wa}),o.a.createElement(p.a,{path:"/maths",component:Ta}),o.a.createElement(p.a,{path:"/settings",component:qn}),o.a.createElement(p.a,{path:"/chess",component:Ia}),o.a.createElement(p.a,{path:"/sudoku",component:La}),o.a.createElement(p.a,{path:"/scrabble",component:Da}),o.a.createElement(p.a,{path:"/tictactoe",component:ka}),o.a.createElement(p.a,{path:"/learningupload",component:ps}),o.a.createElement(p.a,{path:"/quizupload",component:fs}),o.a.createElement(p.a,{path:"/call",component:Ga}),o.a.createElement(p.a,{path:"/call-receptionist",component:ei}),o.a.createElement(p.a,{path:"/callv2/:id",component:Qa}),o.a.createElement(p.a,{path:"/mod",component:Uc}),o.a.createElement(p.a,{path:"/calendar",component:aa}),o.a.createElement(p.a,{path:"/analytics",component:ra}),o.a.createElement(p.a,{path:"/interaction-logs",component:Wr}),o.a.createElement(p.a,{path:"/service-pattern",component:Ur}),o.a.createElement(p.a,{path:"/service-preference",component:ll}),o.a.createElement(p.a,{path:"/translation",component:sl}),o.a.createElement(p.a,{path:"/conversation-question",component:Zl}),o.a.createElement(p.a,{path:"/family",component:mo}),o.a.createElement(p.a,{path:"/system-settings",component:hl}),o.a.createElement(p.a,{path:"/quiz",component:function(){return o.a.createElement(Ct,{quizid:"Famous Faces.quiz"})}}),o.a.createElement(p.a,{path:"/quizlist",component:function(){return o.a.createElement(Gl,null)}}),o.a.createElement(p.a,{path:"/specific-quiz",component:function(){return o.a.createElement(Ct,null)}}),o.a.createElement(p.a,{path:"/wifisetting",component:ya}),o.a.createElement(p.a,{path:"/changepassword",component:Ht}),o.a.createElement(p.a,{path:"/face-detection",component:gl}),o.a.createElement(p.a,{path:"/emotion-recognition",component:Cl}),o.a.createElement(p.a,{path:"/player/:id",component:ne}),o.a.createElement(p.a,{path:"/news",component:xa}),o.a.createElement(p.a,{path:"/robotblocks",component:Ka}),o.a.createElement(p.a,{path:"/messenger",component:yn}),o.a.createElement(p.a,{path:"/messenger-audio",component:Nn}),o.a.createElement(p.a,{path:"/workflowdesigner",component:Xa}),o.a.createElement(p.a,{path:"/command-control",component:$l}),o.a.createElement(p.a,{path:"/robot-control",component:Rc}),o.a.createElement(p.a,{path:"/interview",component:Rs}),o.a.createElement(p.a,{path:"/editquiz",component:xs}),o.a.createElement(p.a,{path:"/audiorecorder",component:An}),o.a.createElement(p.a,{path:"/cognitive",component:Ds}),o.a.createElement(p.a,{path:"/cognitive-settings",component:Ps}),o.a.createElement(p.a,{path:"/interview",component:Rs}),o.a.createElement(p.a,{path:"/eye-gaze",component:Fs}),o.a.createElement(p.a,{path:"/exercise-video",component:Gs}),o.a.createElement(p.a,{path:"/audiobooks",component:Ks}),o.a.createElement(p.a,{exact:!0,path:"/ai-workflow",component:Es}),o.a.createElement(p.a,{exact:!0,path:"/medication",component:vs})))}}]),n}(n.Component);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}$/));l.a.render(o.a.createElement(i.a,null,o.a.createElement(au,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))},179:function(e,t,a){},250:function(e,t,a){e.exports=a.p+"static/media/main.46caada5.png"},276:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAAExJREFUCB1jbPh/le3lx5tNDIwMcQwg8J9hkTi/eh0LWJCBoRwoAAPlQDEGJrhKmDCIBupmQuYjs5lAZiILgNlAMRaQRSAz4UZCLQcAIwYaiAejKoYAAAAASUVORK5CYII="},295:function(e,t,a){},296:function(e,t,a){},297:function(e,t,a){},369:function(e,t,a){},389:function(e,t,a){},390:function(e,t,a){},391:function(e,t,a){},507:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAHBJREFUGBmNkAEKwCAMA2VfGP2mrx3sOV2us6IymIXQGlNTW9zdhCqcZQm4dmelFUp+CZZa6sYpeUVIFyIixMqjCO51Wy5unQExuYSbSF5JASLqPsqRM21lOoWc89tagr3PSMgOiWlwnUeXWA/E78IfuAX270S3ydAAAAAASUVORK5CYII="},547:function(e,t,a){e.exports=a(1020)},646:function(e){e.exports=JSON.parse("{}")},647:function(e,t,a){},659:function(e,t,a){},660:function(e,t,a){},676:function(e,t,a){},677:function(e,t){},702:function(e,t,a){},704:function(e,t,a){},705:function(e,t,a){},9:function(e,t,a){"use strict";var n=a(2),o=a(133),r=a(1139),l=a(1082),i=a(0),c=a.n(i),s=a(131),u=a(1),d=a(10),m=a(198);function p(e){return c.a.createElement(m.a,e,c.a.createElement("path",{d:"M19.14 12.94a7.957 7.957 0 0 0 .05-.94c0-.32-.02-.63-.05-.94l2.03-1.58a.5.5 0 0 0 .12-.64l-1.92-3.32a.5.5 0 0 0-.6-.22l-2.39.96a7.31 7.31 0 0 0-1.63-.94l-.36-2.54a.5.5 0 0 0-.5-.42h-3.84a.5.5 0 0 0-.5.42l-.36 2.54c-.58.23-1.12.53-1.63.94l-2.39-.96a.5.5 0 0 0-.6.22L2.71 8.84a.5.5 0 0 0 .12.64l2.03 1.58c-.03.31-.05.62-.05.94 0 .32.02.63.05.94l-2.03 1.58a.5.5 0 0 0-.12.64l1.92 3.32c.13.22.39.31.6.22l2.39-.96c.51.41 1.05.71 1.63.94l.36 2.54c.04.24.25.42.5.42h3.84c.25 0 .46-.18.5-.42l.36-2.54c.58-.23 1.12-.53 1.63-.94l2.39.96c.22.09.47 0 .6-.22l1.92-3.32a.5.5 0 0 0-.12-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7z"}))}a(647),t.a=function(e){var t=e.title,a=e.parentNode,m=Object(s.f)(),g=Object(i.useState)(""),f=Object(n.a)(g,2),b=f[0],h=f[1],v=Object(i.useState)(["Arabic","Cantonese","English","Greek","Hindi","Italian","Japanese","Korean","Mandarin","Russian","Serbian","Polish","Sinhala","Filipino","Macedonian"]),E=Object(n.a)(v,2),y=E[0],O=(E[1],Object(i.useState)([])),S=Object(n.a)(O,2),C=S[0],j=S[1],x=Object(i.useState)(!1),w=Object(n.a)(x,2),k=w[0],T=w[1],I=Object(i.useRef)(null),A=function(e){console.log("COMPUTE TITLE");var t=localStorage.getItem("pageLanguage");return"English"!==t&&void 0!==t&&(e=d.a.translateString(e,t),console.log("TITLE woho",e)),e},M=Object(i.useState)(!1),N=Object(n.a)(M,2),R=(N[0],N[1],Object(i.useState)([])),z=Object(n.a)(R,2);z[0],z[1];Object(i.useEffect)((function(){console.log("Use effect"),null===localStorage.getItem("pageLanguage")?h("English"):h(localStorage.getItem("pageLanguage"))}),[]),Object(i.useEffect)((function(){var e=function(e){I.current&&!I.current.contains(e.target)&&T(!1)};return k&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[k]),Object(i.useEffect)((function(){var e=function(e){if(console.log("JOANNA ",e),e.data){var t=e.data.toString().replace(/\0/g,"").trim();if(t&&t.includes("{"))if(t.includes("service")||t.includes("current-service")||t.includes("serviceTerminate")){var a=function(e){if(!e||!e.includes("{"))return null;var t=e.indexOf("{"),a=e.lastIndexOf("}");if(t<0||a<0||a<t)return null;var n=e.slice(t,a+1).trim();if(!n)return null;try{return JSON.parse(n)}catch(r){try{var o=n.replace(/([{,]\s*)([A-Za-z0-9_]+)\s*:/g,'$1"$2":').replace(/'([^']+)'\s*:/g,'"$1":').replace(/:\s*'([^']*)'/g,':"$1"');return JSON.parse(o)}catch(l){return null}}}(t);if(!a)return;try{var n=[];Array.isArray(a.services)?n=a.services:Array.isArray(a.running_services)?(n=a.running_services,console.log("MESSAGE HERE TITLE BAR ",n)):Array.isArray(a.current_service)?n=a.current_service:Array.isArray(a.current_services)?n=a.current_services:"string"===typeof a.service?n=[a.service]:"string"===typeof a.current_service?n=[a.current_service]:"string"===typeof a.running_service&&(n=[a.running_service]);var o=n.map((function(e){return"string"===typeof e?e:e&&"object"===typeof e&&(e.name||e.service||e.id)||""})).filter(Boolean);console.log("Updating running services:",o),j(Array.from(new Set(o)))}catch(r){console.log("Failed to parse running services",r)}}else t.includes("successNotification")&&console.log("Success notification received: successNotification",t)}};return u.c.addEventListener("message",e),function(){u.c.removeEventListener("message",e)}}),[]);return c.a.createElement("div",{className:"titleBar"},c.a.createElement("a",{onClick:function(){return function(e){console.log("HOME ON CLICK",e);var t=localStorage.getItem("remoteId"),a='{"api":"running-services", "action":"get","name": "'.concat(t,'"}');Object(u.f)(u.c,(function(){Object(u.b)(a)})),void 0===e||"undefined"===e?m.push("/home"):m.push(e),window.location.reload()}(a)},value:"value"},c.a.createElement("svg",{width:"24",height:"24","stroke-width":"2.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.a.createElement("path",{d:"M3 9.5L12 4L21 9.5",stroke:"#FF00FF","stroke-linecap":"round","stroke-linejoin":"round"}),c.a.createElement("path",{d:"M19 13V19.4C19 19.7314 18.7314 20 18.4 20H5.6C5.26863 20 5 19.7314 5 19.4V13",stroke:"#FF00FF","stroke-linecap":"round","stroke-linejoin":"round"}))),c.a.createElement("h3",null,t),c.a.createElement("div",{className:"titleBarActions"},"ADMIN"==localStorage.getItem("userRole")?c.a.createElement(c.a.Fragment,null,c.a.createElement("small",null,c.a.createElement("a",{href:"/admin"},A("Admin"))),"\xa0\xa0"):c.a.createElement(c.a.Fragment,null,c.a.createElement("small",null,c.a.createElement("a",{href:"/manage-profile"},A("Profile"))),"\xa0\xa0"),c.a.createElement("div",{className:"notificationWrapper",ref:I},c.a.createElement("button",{className:"notificationButton",onClick:function(){var e='{"api":"running-services", "action":"get","name": "'.concat(u.a,'"}');Object(u.f)(u.c,(function(){Object(u.b)(e)})),T(!k)},title:A("Services")},c.a.createElement(p,null),c.a.createElement("span",{className:"notificationBadge"},C.length||0)),k&&c.a.createElement("div",{className:"notificationDropdown"},c.a.createElement("div",{className:"notificationHeader"},A("Services running")),0===C.length?c.a.createElement(c.a.Fragment,null,"No active services found"):C.map((function(e,t){return c.a.createElement("div",{key:t,className:"notificationItem"},e)})),c.a.createElement("div",{className:"serviceActions"},c.a.createElement(o.a,{onClick:function(){var e=localStorage.getItem("remoteId");Object(u.f)(u.c,(function(){C.length>0&&C.forEach((function(t){var a='{"api":"serviceTerminate", "action":"stop", "service":"'.concat(t,'", "name":"').concat(e,'"}');Object(u.b)(a)}));var t='{"api":"serviceTerminate", "action":"get", "name":"'.concat(e,'"}'),a='{"api":"music", "action":"stop", "name":"'.concat(e,'"}'),n='{"api":"book", "action":"stop", "name":"'.concat(e,'"}'),o='{"api":"setYouTubeStop", "url":"test", "action":"get", "name":"'.concat(e,'"}'),r='{"api":"motion", "action":"stop", "motion_id":"neutral", "name":"'.concat(e,'"}'),l='{"api":"handleStopCast", "action":"stop", "ip":"'.concat(localStorage.getItem("castDevice"),'", "name":"').concat(e,'"}');Object(u.b)(t),Object(u.b)(a),Object(u.b)(n),Object(u.b)(o),Object(u.b)(r),Object(u.b)(l)})),j([])},variant:"outlined",size:"small",color:"secondary"},A("Stop Services"))))),c.a.createElement(r.a,{value:b,onClick:function(e){h(e.target.value),localStorage.setItem("pageLanguage",e.target.value),window.location.reload()}},y.map((function(e,t){return c.a.createElement(l.a,{key:t,value:e},e)}))),c.a.createElement(o.a,{onClick:function(){console.log("LogoUT"),localStorage.setItem("remoteId",""),localStorage.setItem("peerId",""),m.push("/login")},variant:"outlined",color:"error"},A("Logout"))))}},976:function(e,t,a){},977:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADfQAAA30B9OarxAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA8sSURBVHja7V1rUxVHGtbS8ouW3/xm6X/YkI1Vq5td3VqrSLKJqd2qKAbUNV5i3IjEC4oawMBBMQQVEEREBQFRjCYoS4w3QFETRVEUoghKQLmIisj9vNvvbJ/kcDiXnpmemZ5zZlJPpUJN+vT088x093vrUQAwyt/wzcMjEwmCCEIIYghyCYoJygiqCOoJ2gj6KNro36roPcX0/4mhbWBbE/1xrPyB7PEEswkSCM4RNBOARmimv5FAf3O8JQD9CR9HMJNgK0EFQb+GhPtCP+1DLO3TOEsA2hE/jSCFoMNAwn2hg/ZxmiUAPqRPJYgiqBWYdE+opX2faglAPvG46CoisJuQeFfY6bMEWQLwTfwMghI/IN0T8NlmWAIYSfwsgot+TLwr8FlnBbwAyCBMJigMIOJdgc8+OeAEQB56LEEEQVcAk+9AFx2LsQEhAPKg0wmqLeJHAMdkut8KgDzcGII4P1nZa7ljwDEa41cCoHN9mUUwM8r0WhvoQX4wQbtFqmzgmAWbVgCk86MJbNYnX/WUgGM42lQCoA6bPItAbsjTytGkBfkTCEot0rgDx3SC0AIgHZxEcM0iSzPg2E4SUgCkY1NM6rUzo5dxilACoG++Rb6+IpgkhADonK/5Zz+yNA2WZtmYgPd6a+uz3ESmdpZlb4PYn7JFng4mGCoAutrXdMGXWJsHsz75DP4QHMqEN99fADFX93ttc0mmjbm9N94JhfmJW0ReGI4zRAB0n6/5Vm9FTiIzWYj3vojw2eb2u4cJsWHsInh3AcRVHRJ5izjaCAHY9HjADyLXyhLA/B1fMrX79sfLZLW7Mv9rkdcENl0FQM27ulj4PlgvTwBzNq712WbSgwIyVSyUJ4C8HaJbDIN1EQB17Ohm25crgD/NXQJf38/32ubGM+my2jSBABy+g8maCoC6dHX16skVACJsZ6yXtz8f/rZ0pT8KwOFFHKOlAOL0figlAnjj3TBYuHsr+RIUDGsr7sZBaZEotz0TCQARp4kAaCSP3QwCcODP85fBP7dEQmhyjET8W3MWKW7LRAKwy4kskhPDZ0gYlxoB8ISJBOAILxvLUwARRj2MJQDFiOAiALrq77IEYDoBdLHsClgEYGjcvrMA5FjvtBRAUn2BafIOVAmAZuwY+hD/it4An+yNh+jKLGl/v6U8ExalfiXZ/PUUADqG0CeAFsSg98Jg5uIVEJoUDTvq8kQXwSw1AjA8Xct1K+dA9OUseOvDRboJAP0B7v7+10WfwrbbuUKnoSkSAE3UFFrdch1FWmHOxvWifwVmKBGA8Fm6OCW8+Y8FQojAVp0jdFayLAHQ/HxTLHT+vnylEAJYeypF9LEKkiOAIrMI4O2wZUIIYNOFvaKPVRGTAGhZFlMkc8TfPCQE+X+csxB2/JJvBhPxVBYBRJnl7f8wap0QAlh+YJtZ7AJRLAIQKrp3w5k9kFQ//G/4tuGeXE+SZ6/8fMSCE7eGC3bFMhmGMh9/Bz+0XYP0RycMjSb2KgBaik0o1aIlEP33od/EwPLsbTDXtpnM+8sNsQRihDAahOYlbJb+HVOZxfQMVzprYNA+BHgNkX9f6qw2ckyneRNAiogCMLMv4OrzGnB3VXbeMWpMU90KgIZ4d1gC4CcAfNO9XQaJoMM5lNxZADNFXLiYVQAXO6qA5TJIBDPdCWCrJQA+Ajjb/jPIuQwQwVZ3AqiwBKBeALjSV3LpLIKKYQKgJdf7LQGoE8Dp1kqwk3+UXjqKoN9R6t4hgNmiGi/MIoDvn15SRb7jKnt2U6+xne0sgARLAOoEcKb9J6h/3ayY+Na+TjjSfBZ2NhTqNbYJzgI4J6oA3o8URACMuYFHW87D68FeWeQ39bTCroZjeo/tOWcBNIsqgKVZCYaTjynicuoEnHxazkz+oH0QsptOGTG2zZIA6AFLwjowttcchunzlhgqAEwukdvvlt4OJgE86nlq5PhONEXwB8YFfn40SQrCZME74au9EvqRbRNTO5hjuOl8hqI+33x5n0kAeJ+RQSKj6LFoflM/Bz2Ff/HhLJobv0lx+weaTsNuhvn61ssHTAK4393E5EmsflkPyQ+5LxBDUAAx/iSAdSWpDGVkFko1ApSQ3z3YA0VPLnCbAl6R9nwJCncYeN191chbBDEogFx/EsCSfWyLxtir2YrIx+vh6xav9554WiZrF1D14hePbWH8QLfTruIX8sXY1XCU13jlogCKRSc1mbytp0t2QN3uCCguTYKdXt7e8KJkpvRxOQkdzuQ7rmvP75I9+0gi8prPSG+13KuaTBlpjd8Oa6ug+Ud4PtA14t6Hr5t5bRuLR4lexn133WFo2v4ZwKqPfgP+dwr5u9s4waqDPrOGZq/4XBX5jquj/wVc6Lgh7f2LWy9Jb/IQDfxQcvUPDUBTTxvcI5/6dtK2N8si7h5SGopUF5RAAVSJSv6u+3nQ+PV/hpHvQIvtU0i75z4jZ3FGvEfyg95bAJvLM1WTL8L1a28bpDYeVzPGVSiAehHJx8/8g+RVbsl3oPWrZZB+d2RCBsYQLs6IGxHDNyNkKaw7neoX5DuuJ73PYI/L1CED9SiANhHn/LqUL7yS70BH7BLIuHPQbTu2W4dg9bc7pYUh7g4S7+X5FfnOIlA41m0ogD6hBFBfADXp65jId6Dzy8Wwr/oAtz7gp9Vs13dPK5Q8a59wAri1L1IW+Q683LQI9t/Yr/r3DzaVgBmvimfVigUgzBRw/UCUIvIdeBW1AA5c36eqD2lkUdU31G8q8ofsdtj76DvFU4AQi8CruVtUkf//ReFSuFAUp7ovvqJ5RbvOdVxXtQgUYhuIb+7ZEzbo3hAmm3h7+EdQXhgrrR949efnF7WmIF9lBFGVcIYg3Nu3xC+XJYCq/Rs16Qtm9Ih8Xe68zcUQJJwpOPtGFgx8EcJEfv+aEI9WQR6oeHZLSPLRFM3LFCykM+jhN6uYBIBfC637cr7jhlDk33hRx9UZJKQ7mHVR2JDEZtfPuaaugAO6ZHlE/aq9MM6AtztY14CQ739IYjLa3M5cz7z189XW3uqDMLBmPhRd2K2q7yVtVwwVQU3XQ00CQnQLCTt5dicMrZ4LpcXbvZuC64/As+hPmBeBxURULF+TwYgQqQ9qngG9fmo8fkqvulePtIgICtItKPT4+V0SAZLVLmqhR0+eNOcej5O1C+hZHwo5P2V6Fl34vN/uRQEWlyo7/gXNrQ+6f4UB+6DuAui3D0gu4GMt5/kGheoRFn6MfHoHI+aNcOeOsNqRfTwaclzvZQES+/PBTXC0LAUyyRSDn3tP04id3PvfU9tlPcPtrnphFoHlZGfCLSxc68SQwvJUaf51RwR+EeqTw+Fazmao3rte1mdfNcLnwo8nE5jnftFMvxh5xDMxRJPUsIKKNLJPn68fqQrAYjpu63sunB2Aw1YwQdPk0PzKdOhbKzb5DlwqiPEcmNJQ+Ft9H/3ecN+/1/j6CdfkUK7p4YfIgqx33cemIN+B3Kue7QS9Q30+CbnSeYdLEAnWFMLtHksQKbf0cN4FIu6lrTEV+Yg7GZ4LPvvK+kXbwL7H30s5fi8HuhWTjw4o/L1vn/gOK2fJTWAuEMGzRAzu4fvWfGw6AZw/Hu81SMTbNHCdEodAIXT2d8km3zU3oKarwcvXpkaTEjHcikTh22Qm8tEFvedujs9kj67B125Ms/dHxOjvfXRSChmXkxPgyfzcNfD7b74YeCUZorQqEsWtTFzWzWzJRGsG8nsiQ6U1C8tzpTYWwanWy5In7kJHFRz+9QevGT1Y9IGHeTeDtJXBr8Ko+zJxvAtFYnwexumJTD4uVA9fydAutqHxOLT0tnskv1Yb866yQpGgQanYfbey4fmX/xaSfFyn5F/eo/mAp5CvxuOe1hHkY46fjuVg2ErFggbFotETp6uFjwFomUQLpW7pbWSNgIYbDDbtGxrwmFdoeLFo0KhcfEbNIWjbulQI8tH8XHRxtyExDpjLl6YulUuXcvGaHBiBq+wnccsNJR8dRidUuoNNDLYDI0DDI2PSanOhedsKY8gPnycFowQo+exHxoDGh0ZhAGd77BLdBfA4cSUcqUiT8g4DVADsh0aBBsfGoYWwvHArdG8w1j6A0xDrvt+PIO/YONDg4MjaVHH8A74ikvwQ8g+OBI5Hx2I4mGh2AIweChDylR0dCxwPj65JXyucAHAqCBABKD88GjgdH/+EIdWLNROIBc+3+LY+viD3BAD56o6PpwKYTNClpiN1KRE+CanMi1adHo7AhSZG/fq67/6ucH8nHzmbrFoAVAQRajqDeQC+CMEtmto08cv50XSrmefdBxE+V1dTsEGIYOGWVQBjCarVlH3xVO0LgeHbwxIyj8TKJh+FM6xeX2U6dEeGuU0lx/b9nHzkaiw3AVARTFdjIsZ6f7jyxpj83+3y86S8fnfGGYzWVbui31OTI00rzQmfSg4pLDwVAG8+cjSdlVdmAVARxKntYGpdruSGxahhrAPo7V6M28fPtffaABsC2bzrDnFyOJUrgDF6F5QoOZ047KvhjGqcOuoLLNKdCj4gR5oJwGlX0K7ng+GqfshFBFhKLrneIt0J7SyrftUCoCII1sJl7A24qLu7Zy08jV9Gvgo7LPJHzvvBSrhUJAAqAps18MLAppRHNQIYTZBnDb7hQA5G6y4Ap1DyUosEw1DqHOKtuwCoCCYQXLPI0B045hPU8qdaAFQEk3hHE1vwHt2LY86DOy4CoCKYYolAN/Kn8OKNmwCcvgTWdKDtZ38ST864CsBpTWAtDLVZ8E3gzRd3ATjtDqwtIt+t3jgtuNJEAE52ApveFkM/tPDZ1OzzDROAi9m43SJTkW0/WGt+NBeAkwOpzCJVlldvsh7c6CIAJ1dynDUl+Pzkx8l16ZpCAC6RRdUW2W7DuKbrzYfuAnCKMYxQG23sR9G7EawxfH4hAJe1QWEAk1+o11wvpABcMpAuBhDxF31l7ASUAFwSUkv8mPgSb4maAS8Al/oERX6yY7DTZwkScayFFIBLuZook3oZa2nfp4o8xkILwE0JuxRexSw1Qgft4zSzjKtpBODiaJpJaxtX8KxyrrDqNvYhlvZpnNnG03QCcCOI8fS8gwR68omWx980099IoL853uzjZ3oBeBDFRLqQDKHnIuLhmMXUxo5nJeOB2Xhqeh9FG/1bFb2nmP4/MbQNbGuiP47V/wCogr5KDhqoPAAAAABJRU5ErkJggg=="},978:function(e,t,a){}},[[547,1,2]]]);
//# sourceMappingURL=main.56a867f9.chunk.js.map