https://fin-tube-dev.netlify.app/static/js/main.77f5aa0c.chunk.js

1(this["webpackJsonpfin-tube"]=this["webpackJsonpfin-tube"]||[]).push([[0],{104:function(e,t,a){},105:function(e,t,a){},106:function(e,t,a){},107:function(e,t,a){},108:function(e,t,a){},109:function(e,t,a){},110:function(e,t,a){},129:function(e,t,a){},130:function(e,t,a){},131:function(e,t,a){},132:function(e,t,a){},133:function(e,t,a){},136:function(e,t,a){"use strict";a.r(t);var c=a(1),n=a.n(c),r=a(36),i=a.n(r),s=(a(69),a(2)),o=a(16),d=a.n(o),l=(a(81),a(3)),f=(a(82),a(7)),j=a(0),u=function(){var e=Object(c.useState)(!1),t=Object(l.a)(e,2),a=t[0],n=t[1];function r(){n((function(e){return!e}))}return Object(j.jsxs)("div",{className:"topbar",children:[!a&&Object(j.jsxs)("div",{className:"topbar__main",children:[Object(j.jsxs)(f.b,{className:"topbar__main__left",to:"/",children:[Object(j.jsx)("div",{className:"topbar--logo",children:Object(j.jsx)("i",{className:"fas fa-piggy-bank"})}),Object(j.jsx)("div",{className:"topbar--appname",children:"FinTube"})]}),Object(j.jsxs)("div",{className:"topbar__main__right",children:[Object(j.jsx)("div",{className:"topbar--icon",onClick:function(){r()},children:Object(j.jsx)("span",{className:"material-icons",children:"search"})}),Object(j.jsx)("a",{className:"topbar--avatar",href:"/",children:Object(j.jsx)("img",{src:"https://picsum.photos/50/50",alt:""})})]})]}),a&&Object(j.jsxs)("div",{className:"topbar__search",children:[Object(j.jsx)("div",{className:"topbar--icon",onClick:function(){r()},children:Object(j.jsx)("span",{className:"material-icons",children:"arrow_back"})}),Object(j.jsx)("div",{className:"topbar--searchBox",children:Object(j.jsx)("input",{type:"text",name:"search",id:"search",placeholder:"Search...",autoFocus:!0})}),Object(j.jsx)("div",{className:"topbar--icon",children:Object(j.jsx)("span",{className:"material-icons",children:"search"})})]})]})},m=(a(84),function(){return Object(j.jsxs)("footer",{className:"footer",children:[Object(j.jsx)("div",{className:"footer--section",children:Object(j.jsxs)(f.c,{className:"footer--link",activeClassName:"footer--link-active",end:!0,to:"/",children:[Object(j.jsx)("span",{className:"material-icons footer--icon",children:"home"}),Object(j.jsx)("span",{children:"Home"})]})}),Object(j.jsx)("div",{className:"footer--section",children:Object(j.jsxs)(f.c,{className:"footer--link",activeClassName:"footer--link-active",to:"/playlists",children:[Object(j.jsx)("span",{className:"material-icons footer--icon",children:"playlist_play"}),Object(j.jsx)("span",{children:"My Playlists"})]})}),Object(j.jsx)("div",{className:"footer--section",children:Object(j.jsxs)(f.c,{className:"footer--link",activeClassName:"footer--link-active",to:"/categories",children:[Object(j.jsx)("span",{className:"material-icons footer--icon",children:"category"}),Object(j.jsx)("span",{children:"Categories"})]})}),Object(j.jsx)("div",{className:"footer--section",children:Object(j.jsxs)(f.c,{className:"footer--link",activeClassName:"footer--link-active",to:"/watchlater",children:[Object(j.jsx)("span",{className:"material-icons footer--icon",children:"watch_later"}),Object(j.jsx)("span",{children:"Watch Later"})]})})]})}),h=a(5),g=a.n(h),p=a(12),b=a(6),v=a(13),y=a(9),x=a.n(y),O=Object(c.createContext)(),w=function(e){var t=e.children;var a=Object(c.useReducer)((function(e,t){switch(t.type){case"SET_DATA":return Object(p.a)(t.payload);case"CREATE":return[].concat(Object(p.a)(e),[t.payload]);case"UPDATE":return e.map((function(e){return e.id===t.payload.id?Object(b.a)(Object(b.a)({},e),{},{videos:t.payload.videos}):e}));case"DELETE":return e.filter((function(e){return e.id!==t.payload}));default:throw new Error("Error in Playlist Reducer")}}),[]),n=Object(l.a)(a,2),r=n[0],i=n[1];return Object(c.useEffect)((function(){!function(){var e=Object(v.a)(g.a.mark((function e(){var t,a;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,x.a.get("/api/playlists");case 3:t=e.sent,a=t.data,i({type:"SET_DATA",payload:a.playlists}),e.next=11;break;case 8:throw e.prev=8,e.t0=e.catch(0),new Error("Error in fetching Playlists");case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(){return e.apply(this,arguments)}}()()}),[]),Object(j.jsx)(O.Provider,{value:{state:r,dispatch:i},children:t})},N=function(){return Object(c.useContext)(O)},A=(a(104),function(e){var t=e.id,a=e.name,n=e.categoryId,r=e.creator,i=N(),o=i.state,d=i.dispatch,f=Object(s.g)(),u=Object(c.useState)(!1),m=Object(l.a)(u,2),h=m[0],g=m[1],p=r.id,b=r.name,v=r.imgSrc;return Object(j.jsxs)("div",{className:"videocard",onClick:function(){return function(e,t,a,c,n){e("/watch/".concat(t),{state:{id:t,videoName:a,categoryId:c,creator:n}})}(f,t,a,n,r)},"data-categoryid":n,children:[Object(j.jsx)(k,{id:t}),Object(j.jsx)(S,{videoId:t,creatorImgSrc:v,videoName:a,creatorName:b,creatorId:p,playlistState:o,playlistDispatch:d,showMoreOptions:h,setShowMoreOptions:g})]})});function _(){return(_=Object(v.a)(g.a.mark((function e(t,a,c){var n,r,i;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,n=Object(b.a)(Object(b.a)({},t),{},{videos:[].concat(Object(p.a)(t.videos),[a])}),e.next=4,x.a.put("/api/playlists/".concat(t.id),n);case 4:r=e.sent,i=r.data,200===r.status&&c({type:"UPDATE",payload:i.playlist}),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),console.error("Error while adding video to Watch Later List",e.t0);case 13:case"end":return e.stop()}}),e,null,[[0,10]])})))).apply(this,arguments)}function k(e){var t=e.id;return Object(j.jsx)("div",{className:"vediocard__thumbnail",children:Object(j.jsx)("img",{src:"http://img.youtube.com/vi/".concat(t,"/hqdefault.jpg"),alt:"thumbnail"})})}function S(e){var t=e.videoId,a=e.creatorImgSrc,c=e.videoName,n=e.creatorName,r=e.creatorId,i=e.playlistState,s=e.playlistDispatch,o=e.showMoreOptions,d=e.setShowMoreOptions;return Object(j.jsxs)("div",{className:"videocard__details",children:[Object(j.jsx)("div",{className:"videocard__details__left",children:Object(j.jsx)("div",{className:"videocard--creator-avatar",children:Object(j.jsx)("img",{src:a,alt:"creator-img"})})}),Object(j.jsxs)("div",{className:"videoCard__details__center","data-creatorid":r,children:[Object(j.jsx)("span",{className:"videocard--videoname",children:c}),Object(j.jsx)("span",{className:"videocard--creatorname",children:n})]}),Object(j.jsx)("div",{className:"vedioCard__details__right",children:Object(j.jsx)("button",{title:"Add to Watchlater",onClick:function(e){d(!0),e.stopPropagation()},children:Object(j.jsx)("span",{className:"material-icons",children:"more_vert"})})}),o&&Object(j.jsxs)("div",{className:"videocard__more__options",children:[Object(j.jsx)("button",{onClick:function(e){!function(e,t,a){_.apply(this,arguments)}(i.find((function(e){return"f4558066-968c-11eb-a8b3-0242ac130003"===e.id})),t,s),d(!1),e.stopPropagation()},children:"Save to Watch Later"}),Object(j.jsx)("button",{onClick:function(e){d(!1),e.stopPropagation()},children:"Cancel"})]})]})}var C=a(19),I=a(138);function P(){return(P=Object(v.a)(g.a.mark((function e(t,a,c,n){var r,i,s;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,r=Object(b.a)({},t),c&&!t.videos.includes(a)?r=Object(b.a)(Object(b.a)({},t),{},{videos:[].concat(Object(p.a)(t.videos),[a])}):!c&&t.videos.includes(a)&&(r=Object(b.a)(Object(b.a)({},t),{},{videos:t.videos.filter((function(e){return e!==a}))})),e.next=5,x.a.put("/api/playlists/".concat(t.id),r);case 5:i=e.sent,s=i.data,200===i.status&&n({type:"UPDATE",payload:s.playlist}),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(0),console.error("Error while updating playlist",e.t0);case 14:case"end":return e.stop()}}),e,null,[[0,11]])})))).apply(this,arguments)}function U(){return(U=Object(v.a)(g.a.mark((function e(t,a,c,n){var r,i,s;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r={id:Object(I.a)(),name:t,videos:c?[c]:[]},e.prev=1,e.next=4,x.a.post("/api/playlists",r);case 4:i=e.sent,s=i.data,201===i.status&&a({type:"CREATE",payload:s.playlist}),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(1),console.error("ERROR while creating Playlist",e.t0);case 13:return e.prev=13,n(!1),e.finish(13);case 16:case"end":return e.stop()}}),e,null,[[1,10,13,16]])})))).apply(this,arguments)}function E(){return(E=Object(v.a)(g.a.mark((function e(t,a,c,n){var r;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,x.a.delete("/api/playlists/".concat(t));case 3:r=e.sent,r.data,200===r.status&&c({type:"DELETE",payload:t}),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.error("Error in Deleting Playlist");case 12:return e.prev=12,n(!1),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[0,9,12,15]])})))).apply(this,arguments)}var L={content:{position:"absolute",width:"15rem",margin:"auto",top:"300px",bottom:"300px",border:"1px solid #ccc",background:"#fff",overflow:"auto",WebkitOverflowScrolling:"touch",borderRadius:"4px",outline:"none",padding:"1.2rem"},overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"hsla(0,0%,6.7%,0.8)",zIndex:1e3}},R={content:{position:"absolute",maxHeight:"10rem",width:"12rem",margin:"auto",border:"1px solid #ccc",background:"#fff",overflow:"auto",WebkitOverflowScrolling:"touch",borderRadius:"4px",outline:"none",padding:"1.2rem"},overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"hsla(0,0%,6.7%,0.8)",zIndex:1e3}},H={content:{position:"absolute",maxHeight:"10rem",width:"12rem",margin:"auto",border:"1px solid #ccc",background:"#fff",overflow:"auto",WebkitOverflowScrolling:"touch",borderRadius:"4px",outline:"none",padding:"1.2rem"},overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"hsla(0,0%,6.7%,0.8)",zIndex:1e3}},T=(a(35),function(e){var t=e.videoId,a=e.modalVisibilityState,n=Object(c.useState)(""),r=Object(l.a)(n,2),i=r[0],s=r[1],o=Object(l.a)(a,2),f=o[0],u=o[1],m=N(),h=(m.state,m.dispatch);return Object(j.jsx)(d.a,{isOpen:f,style:R,children:Object(j.jsxs)("div",{className:"modal__createPlaylist",children:[Object(j.jsxs)("label",{htmlFor:"create-playlist",children:[Object(j.jsx)("div",{className:"modal__heading",children:"Create New Playlist"}),Object(j.jsx)("input",{type:"text",id:"create-playlist",value:i,onChange:function(e){s(e.target.value)},autoFocus:!0})]}),Object(j.jsx)("button",{className:"modal__close",onClick:function(){u(!1)},children:Object(j.jsx)(C.a,{size:"1.5rem"})}),Object(j.jsx)("div",{className:"modal__buttons",children:Object(j.jsx)("button",{onClick:function(){!function(e,t,a,c){U.apply(this,arguments)}(i,h,t,u),s("")},disabled:""===i,children:"Create PlayList"})})]})})}),F=function(e){var t=e.videoId,a=e.modalVisibilityState,c=Object(l.a)(a,3),n=c[0],r=c[1],i=c[2],s=N(),o=s.state,f=s.dispatch;return Object(j.jsx)(d.a,{isOpen:n,style:L,children:Object(j.jsxs)("div",{className:"modal__addToPlaylist",children:[Object(j.jsx)("div",{className:"modal__heading",children:"Add to Playlist"}),Object(j.jsx)("ul",{className:"modal__playlist",children:o.map((function(e){return Object(j.jsx)("li",{className:"modal__playlist--item",children:Object(j.jsxs)("label",{htmlFor:"".concat(e.id),children:[Object(j.jsx)("input",{id:"".concat(e.id),type:"checkbox",value:e.id,"data-playlist":e,checked:e.videos.includes(t),onChange:function(a){!function(e,t,a,c){P.apply(this,arguments)}(e,t,a.target.checked,f)}}),e.name]})},e.id)}))}),Object(j.jsx)("button",{className:"modal__close",onClick:function(){r(!1)},children:Object(j.jsx)(C.a,{size:"1.5rem"})}),Object(j.jsx)("div",{className:"modal__buttons",children:Object(j.jsx)("button",{className:"modal__createNewPlaylist",onClick:function(){r(!1),i(!0)},children:"Create New Playlist"})})]})})},B=function(e){var t=e.playlistId,a=e.modalVisibilityState,c=Object(l.a)(a,2),n=c[0],r=c[1],i=N(),s=i.state,o=i.dispatch;return Object(j.jsxs)(d.a,{isOpen:n,style:H,children:[Object(j.jsx)("div",{className:"modal__heading",children:"Do you want to delete the playlist?"}),Object(j.jsx)("button",{className:"modal__close",onClick:function(){r(!1)},children:Object(j.jsx)(C.a,{size:"1.5rem"})}),Object(j.jsxs)("div",{className:"modal__buttons",children:[Object(j.jsx)("button",{onClick:function(){r(!1)},children:"No"}

1),Object(j.jsx)("button",{onClick:function(){!function(e,t,a,c){E.apply(this,arguments)}(t,s,o,r)},children:"YES"})]})]})},M=(a(105),function(e){var t=e.id,a=e.name,n=e.videos,r=e.type,i=Object(c.useState)(!1),o=Object(l.a)(i,2),d=o[0],f=o[1],u=Object(s.g)(),m="playlists"===r?"/playlists/".concat(t):"/categories/".concat(t),h="https://picsum.photos/200/160/";return n&&0!==n.length&&(h="http://img.youtube.com/vi/".concat(n[0],"/hqdefault.jpg")),Object(j.jsxs)("div",{className:"videos-group__card",children:[Object(j.jsxs)("div",{onClick:function(){u(m)},children:[Object(j.jsxs)("div",{className:"videos-group__card__thumbnail",children:[Object(j.jsx)("img",{src:h,alt:"thumbnail"}),Object(j.jsxs)("div",{className:"videos-group__card--info",children:[Object(j.jsx)("div",{children:n?n.length:0}),Object(j.jsx)("div",{children:Object(j.jsx)("span",{className:"material-icons",children:"playlist_play"})})]})]}),Object(j.jsxs)("div",{className:"videos-group__card__details",children:[Object(j.jsx)("div",{className:"videos-group__card--name",children:a}),Object(j.jsx)("div",{className:"videos-group__card--videoCount",children:Object(j.jsxs)("span",{children:[n?n.length:0," Videos"]})})]})]}),Object(j.jsx)("div",{className:"videos-group__card__buttons",children:"playlists"===r&&Object(j.jsx)("button",{onClick:function(e){f(!0)},children:Object(j.jsx)("span",{className:"material-icons",children:"delete"})})}),Object(j.jsx)(B,{playlistId:t,modalVisibilityState:[d,f]})]})}),D=(a(106),function(e){var t=e.id,a=e.name,c=e.categoryId,n=e.creator,r=N(),i=r.state,o=r.dispatch,d=Object(s.g)(),l=n.id,f=n.name,u=n.imgSrc;return Object(j.jsxs)("div",{className:"videocard__list",onClick:function(){return function(e,t,a,c,n){e("/watch/".concat(t),{state:{id:t,videoName:a,categoryId:c,creator:n}})}(d,t,a,c,n)},"data-categoryId":c,children:[Object(j.jsx)(K,{id:t}),Object(j.jsx)(Q,{videoId:t,creatorImgSrc:u,videoName:a,creatorName:f,creatorId:l,playlistState:i,playlistDispatch:o})]})});function K(e){var t=e.id;return Object(j.jsx)("div",{className:"videocard__list__thumbnail",children:Object(j.jsx)("img",{src:"http://img.youtube.com/vi/".concat(t,"/hqdefault.jpg"),alt:"thumbnail"})})}function Q(e){e.videoId;var t=e.creatorImgSrc,a=e.videoName,c=e.creatorName,n=e.creatorId;e.playlistState,e.playlistDispatch;return Object(j.jsxs)("div",{className:"videocard__list--details__wrapper",children:[Object(j.jsx)("div",{className:"videocard__list--creator-avatar",children:Object(j.jsx)("img",{src:t,alt:"creator-img"})}),Object(j.jsxs)("div",{className:"videocard__list--details","data-creatorid":n,children:[Object(j.jsxs)("div",{className:"videocard__list--detials-inner",children:[Object(j.jsx)("span",{className:"videocard--videoname",children:a}),Object(j.jsx)("span",{className:"videocard--creatorname",children:c})]}),Object(j.jsx)("div",{className:"videocard__list--buttons",children:Object(j.jsx)("button",{onClick:function(e){e.stopPropagation()},children:Object(j.jsx)("span",{className:"material-icons",children:"more_vert"})})})]})]})}a(107);var Y=function(e){var t=e.videoList;return Object(j.jsx)("div",{className:"grid__items",children:t&&t.map((function(e){var t=e.id,a=e.name,c=e.categoryId,n=e.creator,r=e.playlists;return Object(j.jsx)("div",{className:"grid__items--card-wrapper",children:Object(j.jsx)(A,{id:t,name:a,categoryId:c,creator:n,playlists:r})},t)}))})},W=(a(108),function(e){var t=e.videosGroup,a=e.type;return Object(j.jsx)("div",{className:"grid__videos__group",children:t&&0!==t.length&&t.map((function(e){var t=e.id,c=e.name,n=e.videos;return Object(j.jsx)("div",{className:"grid__items--card-wrapper",children:Object(j.jsx)(M,{id:t,name:c,videos:n,type:a})},t)}))})}),V=(a(109),function(e){var t=e.videoList;return Object(j.jsx)("div",{className:"grid__recommendations",children:t&&t.map((function(e){var t=e.id,a=e.name,c=e.categoryId,n=e.creator,r=e.playlists;return Object(j.jsx)("div",{className:"grid__recommendations--card-wrapper",children:Object(j.jsx)(A,{id:t,name:a,categoryId:c,creator:n,playlists:r})},t)}))})}),G=Object(c.createContext)(),J=function(e){var t=e.children;var a=Object(c.useReducer)((function(e,t){switch(console.log(e),t.type){case"SET_DATA":return Object(p.a)(t.payload);default:throw new Error("something fishy...")}}),[]),n=Object(l.a)(a,2),r=n[0],i=n[1];return Object(c.useEffect)((function(){fetch("/api/videos").then((function(e){return e.json()})).then((function(e){return i({type:"SET_DATA",payload:e.videoList})}))}),[]),Object(j.jsx)(G.Provider,{value:r,children:t})},z=function(){return Object(c.useContext)(G)},q=(a(110),function(){var e=z();return Object(j.jsx)("div",{className:"home",children:Object(j.jsx)(Y,{videoList:e})})}),X=a(54),Z=a.n(X),$=Object(c.createContext)();function ee(e,t){return t.map((function(t){return Object(b.a)(Object(b.a)({},t),{},{videos:e.filter((function(e){return e.categoryId===t.id})).map((function(e){return e.id}))})}))}var te=function(e){var t=e.children;var a=Object(c.useReducer)((function(e,t){switch(t.type){case"SET_DATA":return Object(p.a)(t.payload);default:throw new Error("Problem in reducer of categories")}}),[]),n=Object(l.a)(a,2),r=n[0],i=n[1];return Object(c.useEffect)((function(){!function(){var e=Object(v.a)(g.a.mark((function e(){var t,a,c,n,r;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,x.a.get("/api/categories");case 3:return t=e.sent,a=t.data,e.next=7,x.a.get("/api/videos");case 7:c=e.sent,n=c.data,r=ee(n.videoList,a.categories),i({type:"SET_DATA",payload:r}),e.next=16;break;case 13:throw e.prev=13,e.t0=e.catch(0),new Error("Error while fetching categories data:",e.t0);case 16:case"end":return e.stop()}}),e,null,[[0,13]])})));return function(){return e.apply(this,arguments)}}()()}),[]),Object(j.jsx)($.Provider,{value:{state:r},children:t})},ae=function(){return Object(c.useContext)($)},ce=(a(129),function(){for(var e=Object(s.f)().state,t=e.id,a=e.videoName,n=e.categoryId,r=e.creator,i=Object(c.useState)(!1),o=Object(l.a)(i,2),d=o[0],f=

1o[1],u=Object(c.useState)(!1),m=Object(l.a)(u,2),h=m[0],g=m[1],p=N(),b=p.state,v=p.dispatch,y=z(),x=ae().state.filter((function(e){return e.id===n}))[0].videos,O=[],w=0;w<x.length;w++)for(var A=0;A<y.length;A++)if(x[w]===y[A].id){O.push(y[A]);break}return Object(j.jsxs)("div",{className:"watch",children:[Object(j.jsxs)("div",{className:"watch__video",children:[Object(j.jsx)("div",{className:"player__wrapper",children:Object(j.jsx)(Z.a,{controls:!0,width:"100%",height:"100%",className:"react-player",url:"https://www.youtube.com/watch?v=".concat(t)})}),Object(j.jsxs)("div",{className:"watch__details",children:[Object(j.jsx)("div",{children:Object(j.jsx)("strong",{children:a})}),Object(j.jsx)("div",{children:r.name}),Object(j.jsxs)("div",{className:"watch__buttons",children:[Object(j.jsx)("button",{onClick:function(){f(!0)},children:"Add To Playlist"}),Object(j.jsx)("button",{onClick:function(){!function(e,t,a){ne.apply(this,arguments)}(b.find((function(e){return"f4558066-968c-11eb-a8b3-0242ac130003"===e.id})),t,v)},children:"Save to Watch Later"})]})]})]}),Object(j.jsx)("div",{className:"watch__recommendations",children:Object(j.jsx)(V,{videoList:O})}),Object(j.jsx)(F,{videoId:t,modalVisibilityState:[d,f,g]}),Object(j.jsx)(T,{videoId:t,modalVisibilityState:[h,g]})]})});function ne(){return(ne=Object(v.a)(g.a.mark((function e(t,a,c){var n,r,i;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,n=Object(b.a)(Object(b.a)({},t),{},{videos:[].concat(Object(p.a)(t.videos),[a])}),e.next=4,x.a.put("/api/playlists/".concat(t.id),n);case 4:r=e.sent,i=r.data,200===r.status&&c({type:"UPDATE",payload:i.playlist}),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),console.error("Error while adding video to Watch Later List",e.t0);case 13:case"end":return e.stop()}}),e,null,[[0,10]])})))).apply(this,arguments)}a(130);var re=function(){var e=Object(c.useState)(!1),t=Object(l.a)(e,2),a=t[0],n=t[1],r=N(),i=r.state,s=(r.dispatch,i.filter((function(e){return"f4558066-968c-11eb-a8b3-0242ac130003"!==e.id})));return Object(j.jsxs)("div",{className:"playlists",children:[Object(j.jsx)("button",{onClick:function(){n(!0)},children:"Create PlayList"}),Object(j.jsx)(W,{videosGroup:s,type:"playlists"}),Object(j.jsx)(T,{modalVisibilityState:[a,n]})]})},ie=(a(131),function(e){var t=e.videosList;return Object(j.jsx)("div",{className:"videoslist",children:t&&t.map((function(e){var t=e.id,a=e.name,c=e.categoryId,n=e.creator,r=e.playlists;return Object(j.jsx)("div",{className:"videoslist--card-wrapper",children:Object(j.jsx)(D,{id:t,name:a,categoryId:c,creator:n,playlists:r})},t)}))})});var se=function(){for(var e=Object(s.h)().id,t=z(),a=function(e,t){return e.filter((function(e){return e.id===t}))[0]}(N().state,e),c=a.videos,n=[],r=0;r<c.length;r++)for(var i=0;i<t.length;i++)if(c[r]===t[i].id){n.push(t[i]);break}return Object(j.jsxs)("div",{className:"playlists-open",children:[Object(j.jsx)("h1",{children:a.name}),Object(j.jsx)(ie,{videosList:n})]})},oe=(a(132),function(){var e=ae().state;return Object(j.jsx)("div",{className:"categories",children:Object(j.jsx)(W,{videosGroup:e,type:"categories"})})});var de=function(){for(var e=Object(s.h)().id,t=z(),a=function(e,t){return e.filter((function(e){return e.id===t}))[0]}(ae().state,e),c=a.videos,n=[],r=0;r<c.length;r++)for(var i=0;i<t.length;i++)if(c[r]===t[i].id){n.push(t[i]);break}return Object(j.jsxs)("div",{className:"playlists",children:[Object(j.jsx)("h1",{children:a.name}),Object(j.jsx)(Y,{videoList:n})]})},le=(a(133),function(){var e=z(),t=N(),a=t.state,c=(t.dispatch,a.find((function(e){return"f4558066-968c-11eb-a8b3-0242ac130003"===e.id})).videos),n=c.map((function(t){return e.find((function(e){return t===e.id}))}));return Object(j.jsxs)("div",{className:"watchlater",children:[0===c.length&&Object(j.jsx)("p",{children:"No videos added to Watch Later..."}),0!==c.length&&Object(j.jsx)(ie,{videosList:n})]})});d.a.setAppElement("#root");var fe=function(){return Object(j.jsxs)("div",{className:"App",children:[Object(j.jsx)(u,{}),Object(j.jsx)("main",{children:Object(j.jsxs)(s.c,{children:[Object(j.jsx)(s.a,{path:"/",element:Object(j.jsx)(q,{})}),Object(j.jsx)(s.a,{path:"/watch/:id",element:Object(j.jsx)(ce,{})}),Object(j.jsx)(s.a,{path:"/playlists",element:Object(j.jsx)(re,{})}),Object(j.jsx)(s.a,{path:"/playlists/:id",element:Object(j.jsx)(se,{})}),Object(j.jsx)(s.a,{path:"/categories",element:Object(j.jsx)(oe,{})}),Object(j.jsx)(s.a,{path:"/categories/:id",element:Object(j.jsx)(de,{})}),Object(j.jsx)(s.a,{path:"/watchlater",element:Object(j.jsx)(le,{})})]})}),Object(j.jsx)(m,{})]})},je=a(64),ue={videoList:[{id:"rrBLkfWg_MI",name:"Dave Ramsey Explains His Investing Process",categoryId:"category5",creator:{id:"UC7eBNeDW1GQf2NJQ6G6gAxw",name:"The Ramsey Show - Highlights",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwng1IxObu9zr54EZwgOiIdaqKz2W7_1fjJComLF_bQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"l7ErNZmKzxY",name:"Best Mutual Funds to Invest in 2021 | Top Mutual Funds for SIP in India 2021 | \u092e\u094d\u092f\u0942\u091a\u0942\u0905\u0932 \u092b\u093c\u0902\u0921",categoryId:"category2",creator:{id:"UCwAdQUuPT6laN-AQR17fe1g",name:"Pranjal Kamra",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngY1SgK5Ib83DYx8yr2dI2s7Ke7dgkYtHdo8V6jig=s48-c-k-c0x00ffffff-no-rj"}},{id:"Xn7KWR9EOGQ",name:"Basics of Stock Market For Beginners Lecture 1 By CA Rachana Phadke Ranade",categoryId:"category1",creator:{id:"UCe3qdG0A_gr-sEdat5y2twQ",name:"CA Rachana Phadke Ranade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhyQxJ5qyZrz_BA3G3UnYz7H5GCX5PrkGtcyCM6RQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"LyePk679Crw",name:"DEBT FUND \u091c\u094d\u091e\u093e\u0928 for 1st Time Investor | Ep# 1 of 3",categoryId:"category2",creator:{id:"UCVOTBwF0v

1nSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"yNaN5kYTNLY",name:"The best ways to Invest in your 20s | Investing for Beginners | Ankur Warikoo Hindi Video",categoryId:"category3",creator:{id:"UCRzYN32xtBf3Yxsx5BvJWJw",name:"warikoo",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwni0zYJJ7E-m-2tskhvqp9bnUjIP0dnU1dcn9c8lNQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"3UF0ymVdYLA",name:"Stock Market For Beginners | How can Beginners Start Investing in Share Market | Hindi",categoryId:"category1",creator:{id:"UCwAdQUuPT6laN-AQR17fe1g",name:"Pranjal Kamra",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngY1SgK5Ib83DYx8yr2dI2s7Ke7dgkYtHdo8V6jig=s48-c-k-c0x00ffffff-no-rj"}},{id:"Q6RbQu8Wy0E",name:"Why Stock Market Crashed today | Latest Share Market News | Nifty | Sensex | Groww",categoryId:"category1",creator:{id:"UCw5TLrz3qADabwezTEcOmgQ",name:"Groww",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngDNZCcgAuTw-LNXiDJwab8gRrRXPX8d1mDc2OxLA=s88-c-k-c0x00ffffff-no-rj"}},{id:"7wjuCgtL0yA",name:"How To Become A Millionaire - Dave Ramsey Rant",categoryId:"category5",creator:{id:"UC7eBNeDW1GQf2NJQ6G6gAxw",name:"The Ramsey Show - Highlights",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwng1IxObu9zr54EZwgOiIdaqKz2W7_1fjJComLF_bQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"9DCGEPZPxFM",name:"Investing Basics: Bitcoin and Blockchain",categoryId:"category5",creator:{id:"",name:"TD Ameritrade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngnBDMzi_Wr_7PsvIy5URODlf4gVzj-dxQ-s4dPzA=s88-c-k-c0x00ffffff-no-rj"}},{id:"NbzOPGHvaj8",name:"Top 10 Personal Finance Tips For Beginners | The Helly School Ep 2",categoryId:"category3",creator:{id:"UCYLUA7FaYqZruSV32Cj19Hw",name:"Helly",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhKYYMpOxvtliFuisoEHDnlHyDyL3DOK9MwpI9_2A=s88-c-k-c0x00ffffff-no-rj"}},{id:"qVMdq9pDiuQ",name:"Dogecoin: Explained",categoryId:"category5",creator:{id:"UCBJycsmduvYEL83R_U4JriQ",name:"Marques Brownlee",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngW9TQgw7E7NqS3Qzd3Up3tjUzkpvMXPWAhYf3LaQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"0uYnj1i1EQw",name:"Personal finance: How to save, spend, and think rationally about money | Big Think",categoryId:"category3",creator:{id:"UCvQECJukTDE2i6aCoMnS-Vg",name:"Big Think",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhQtbqXRiJYKG55116p8H9rmytZ-bej8S2XGgKiMA=s88-c-k-c0x00ffffff-no-rj"}},{id:"vCw--ekvxJY",name:"6 Investing Strategies You Think Will Work, But Won't",categoryId:"category5",creator:{id:"UCSPYNpQ2fHv9HJ-q6MIMaPw",name:"The Financial Diet",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngp5sMGN5ZntThZexE1OX5ernmuKrF-2ogD-x8u4Q=s88-c-k-c0x00ffffff-no-rj"}},{id:"zGrrBYTOvMw",name:"Complete Personal Finance Guide 2021 || For College Students && Working Professionals",categoryId:"category3",creator:{id:"UCQHLxxBFrbfdrk1jF0moTpw",name:"Love Babbar",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniuiil3MsNvPltVwGbgyVArM0iMBtfTe00CcHNN=s88-c-k-c0x00ffffff-no-rj"}},{id:"W704irXHIbc",name:"Mutual Fund Tips by Experts \u2013 SIP Vs Lumpsum Investment",categoryId:"category2",creator:{id:"UCthN3CTgZY0WIE9A5u1Qcew",name:"B Wealthy",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnjRjQ-3st9QGzCI-re0m79OZvfRo_jkEyrc0JjvTw=s88-c-k-c0x00ffffff-no-rj"}},{id:"RYHPlLsdW0A",name:"Warren Buffett - HBO Documentary HD",categoryId:"category5",creator:{id:"UCtcsKTmGKo1UCT24OaGxEtw",name:"ADVEXON TV",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngBJ1KVa8akOLbCEsRznYfMU7FPPCy8dQjP_swWSQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"3PGL5pkqwVM",name:"Mutual Funds Investment Reality for Beginners in India",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"U1w80AsDwSE",name:"Mutual Funds Basics For Beginners - What are Mutual Funds, Their Risks & Returns?",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"5ejgM_Hs1oY",name:"NAV (Net Asset Value) - Mutual Funds & ULIPs (Hindi)",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85b

1koo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"1KMMqlSyiDE",name:"Large Cap, Mid Cap & Small Cap Stocks & Mutual Funds - As per SEBI",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"TDU8lve33KI",name:"DEBT FUNDS Can be Very Very Risky!! Ep# 2 of 3",categoryId:"category2",creator:{id:"UCVOTBwF0vnSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"bLOaHUBnueM",name:"ELSS - Tax Saving Mutual Funds (Hindi)",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"PXThRO04UwQ",name:"Debt Mutual Funds or Equity Mutual Funds in 2020? - Hindi",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"QzBcS_56V_w",name:"\ud83d\udfe2How to select BEST Debt Mutual Funds? | Pro INVESTOR shares his SECRET | Ep# 3 of 3",categoryId:"category2",creator:{id:"UCVOTBwF0v

1nSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"FLV2Jgy2Src",name:"Mutual Funds SIP Investment vs Lump Sum for Beginners",categoryId:"category2",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"bLl_VRQ7pBs",name:"Basics of Stock Market For Beginners Lecture 2 By CA Rachana Phadke Ranade",categoryId:"category1",creator:{id:"UCe3qdG0A_gr-sEdat5y2twQ",name:"CA Rachana Phadke Ranade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhyQxJ5qyZrz_BA3G3UnYz7H5GCX5PrkGtcyCM6RQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"hBKqk5oYexw",name:"Basics Of Stock Market for Beginners Lecture 3 by CA Rachana Ranade",categoryId:"category1",creator:{id:"UCe3qdG0A_gr-sEdat5y2twQ",name:"CA Rachana Phadke Ranade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhyQxJ5qyZrz_BA3G3UnYz7H5GCX5PrkGtcyCM6RQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"5hnyb78_sMc",name:"What Is Futures And Options Trading? F&O Explained By CA Rachana Ranade",categoryId:"category1",creator:{id:"UCe3qdG0A_gr-sEdat5y2twQ",name:"CA Rachana Phadke Ranade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhyQxJ5qyZrz_BA3G3UnYz7H5GCX5PrkGtcyCM6RQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"LLdKcFpHgM8",name:"Financial Planning for Beginners | Personal Financial Planning Course P1 By CA Rachana Phadke Ranade",categoryId:"category3",creator:{id:"UCe3qdG0A_gr-sEdat5y2twQ",name:"CA Rachana Phadke Ranade",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwnhyQxJ5qyZrz_BA3G3UnYz7H5GCX5PrkGtcyCM6RQ=s88-c-k-c0x00ffffff-no-rj"}},{id:"1cdHfk78a5A",name:"Everything about PPF - Public Provident Fund | Financial Advice",categoryId:"category4",creator:{id:"UCVOTBwF0v

1nSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"H_8ehrL4J24",name:"\u27a1\ufe0fPPF (Public Provident Fund) Investment | PPF Account Benefit | Safe Investment Options |",categoryId:"category4",creator:{id:"UCVOTBwF0vnSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"3e4zvc2uPQA",name:"PPF Account \u0938\u0947 \u0906\u092a\u0915\u094b \u0932\u0917\u0947\u0917\u0940 \u092d\u093e\u0930\u0940 \u091a\u092a\u0924 | Financial Advice to save money",categoryId:"category4",creator:{id:"UCVOTBwF0vnSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"HDYTywPW2yc",name:"NPS vs PPF | Which is a BETTER retirement plan? LLA NPS Ep#2 Financial Advice",categoryId:"category4",creator:{id:"UCVOTBwF0vnSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"kyEo7KSAvZQ",name:"Avoid this MISTAKE in PPF, get more interest",categoryId:"category4",creator:{id:"UCVOTBwF0v

1nSxMRIbfSE_K_g",name:"Labour Law Advisor",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwniKLv8OUIav1NVgVBwJRec7HY55CWhONnFtwHSJDg=s88-c-k-c0x00ffffff-no-rj"}},{id:"WJkEB43QJNk",name:"What is PPF Account | Public Provident Fund explained in Hindi | PPF withdrawal and investment rules",categoryId:"category4",creator:{id:"UCwAdQUuPT6laN-AQR17fe1g",name:"Pranjal Kamra",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngY1SgK5Ib83DYx8yr2dI2s7Ke7dgkYtHdo8V6jig=s48-c-k-c0x00ffffff-no-rj"}},{id:"yK0iKkh_kXs",name:"NPS vs PPF vs EPF vs Mutual Fund vs ELSS",categoryId:"category4",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"002F3UXySiM",name:"Public Provident Fund (PPF) Account \u2013 Benefits, Calculator, Interest Rate, Rules",categoryId:"category4",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"jNwREK6WnzI",name:"Power of Compounding",categoryId:"category5",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}},{id:"C49nSjzg1iw",name:"50-30-20 Rule of Money - Easy Financial Planning for Beginners",categoryId:"category3",creator:{id:"UCsNxHPbaCWL1tKw2hxGQD6g",name:"Asset Yogi",imgSrc:"https://yt3.ggpht.com/ytc/AAUvwngN1Er8noIZTbtHNdK7O85bkoo1mawOj2AH3R1X=s88-c-k-c0x00ffffff-no-rj"}}]},me={playlists:[{id:"f4558066-968c-11eb-a8b3-0242ac130003",name:"Watch Later",videos:[]},{id:"2weqdadmalkd",name:"My stocks",videos:["3UF0ymVdYLA"]},{id:"adtnaefjnad",name:"My mutual funds",videos:["3PGL5pkqwVM","l7ErNZmKzxY","U1w80AsDwSE"]}]},he={categories:[{id:"category1",name:"Stocks"},{id:"category2",name:"Mutual Funds"},{id:"category3",name:"Personal Finance"},{id:"category4",name:"PPF - NPS"},{id:"category5",name:"Miscellaneous"}]};Object(je.a)({routes:function(){this.namespace="api",this.timing=2e3,this.get("/videos",(function(e,t){return ue})),this.get("/videos/:id",(function(e,t){var a=t.params.id;return ue.filter((function(e){return e.id===a}))})),this.get("/playlists",(function(e,t){return me})),this.put("/playlists/:id",(function(e,t){return{playlist:JSON.parse(t.requestBody)}})),this.post("/playlists",(function(e,t){return{playlist:JSON.parse(t.requestBody)}})),this.del("/playlists/:id",(function(e,t){return{playlistId:t.params.id}})),this.get("/categories",(function(e,t){return he}))}}),i.a.render(Object(j.jsx)(n.a.StrictMode,{children:Object(j.jsx)(J,{children:Object(j.jsx)(w,{children:Object(j.jsx)(te,{children:Object(j.jsx)(f.a,{children:Object(j.jsx)(fe,{})})})})})}),document.getElementById("root"))},35:function(e,t,a){},69:function(e,t,a){},81:function(e,t,a){},82:function(e,t,a){},84:function(e,t,a){}},[[136,1,2]]]);
2//# sourceMappingURL=main.77f5aa0c.chunk.js.map