diff --git a/build/assets/index-36e9fa09.js b/build/assets/index-1ebce454.js similarity index 99% rename from build/assets/index-36e9fa09.js rename to build/assets/index-1ebce454.js index 71207f5b3..b9bcfe5d4 100644 --- a/build/assets/index-36e9fa09.js +++ b/build/assets/index-1ebce454.js @@ -6761,7 +6761,7 @@ void main() { border-radius: ${({rounded:tt})=>tt?"50%":"2px"}; `;function formatDescription(tt){return tt?tt.replace(/[[]{2}/g,"").replace(/[\]]{2}/g,""):""}var loadjs_umd={exports:{}};(function(tt,et){(function(nt,rt){tt.exports=rt()})(commonjsGlobal,function(){var nt=function(){},rt={},it={},ot={};function at(dt,pt){dt=dt.push?dt:[dt];var mt=[],gt=dt.length,yt=gt,bt,wt,vt,kt;for(bt=function(St,Tt){Tt.length&&mt.push(St),yt--,yt||pt(mt)};gt--;){if(wt=dt[gt],vt=it[wt],vt){bt(wt,vt);continue}kt=ot[wt]=ot[wt]||[],kt.push(bt)}}function st(dt,pt){if(dt){var mt=ot[dt];if(it[dt]=pt,!!mt)for(;mt.length;)mt[0](dt,pt),mt.splice(0,1)}}function lt(dt,pt){dt.call&&(dt={success:dt}),pt.length?(dt.error||nt)(pt):(dt.success||nt)(dt)}function ct(dt,pt,mt,gt){var yt=document,bt=mt.async,wt=(mt.numRetries||0)+1,vt=mt.before||nt,kt=dt.replace(/[\?|#].*$/,""),St=dt.replace(/^(css|img)!/,""),Tt,At;gt=gt||0,/(^css!|\.css$)/.test(kt)?(At=yt.createElement("link"),At.rel="stylesheet",At.href=St,Tt="hideFocus"in At,Tt&&At.relList&&(Tt=0,At.rel="preload",At.as="style")):/(^img!|\.(png|gif|jpg|svg|webp)$)/.test(kt)?(At=yt.createElement("img"),At.src=St):(At=yt.createElement("script"),At.src=dt,At.async=bt===void 0?!0:bt),At.onload=At.onerror=At.onbeforeload=function(Et){var Mt=Et.type[0];if(Tt)try{At.sheet.cssText.length||(Mt="e")}catch(Lt){Lt.code!=18&&(Mt="e")}if(Mt=="e"){if(gt+=1,gt{const[nt,rt]=reactExports.useState(!0);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(Flex,{direction:"row",children:jsxRuntimeExports.jsx(Flex,{align:"flex-start",pb:12,children:jsxRuntimeExports.jsxs(Text$3,{children:["Tweet by @",tt]})})}),jsxRuntimeExports.jsxs(Flex,{direction:"column",py:16,children:[nt&&jsxRuntimeExports.jsx(Flex,{align:"center",direction:"row",justify:"center",p:10,children:jsxRuntimeExports.jsx(ClipLoader$2,{color:colors.white})}),et&&jsxRuntimeExports.jsx(Tweet,{onLoad:()=>rt(!1),renderError:()=>jsxRuntimeExports.jsx(Error$1,{}),tweetId:et})]})]})},Error$1=()=>jsxRuntimeExports.jsx(Flex,{children:"Error occurred"}),Wrapper$j=styled$4(Flex)(({theme:tt})=>({position:"absolute",top:"20px",right:"20px",width:"300px",pointerEvents:"none",background:colors.dashboardHeader,boxShadow:"0px 1px 6px rgba(0, 0, 0, 0.1)",color:colors.primaryText1,zIndex:100,transition:"opacity 0.6s",padding:tt.spacing(2,3),[tt.breakpoints.down("sm")]:{padding:tt.spacing(1,1.5)}})),Divider$1=styled$4(Flex)` width: 22.5%; -`,Tooltip$1=({node:tt})=>{if(!tt)return null;const{node_type:et,show_title:nt,episode_title:rt,description:it,label:ot,text:at,timestamp:st,type:lt,tweet_id:ct,twitter_handle:ut}=tt,ht=tt.guests;let dt=!1,pt=!1;ht&&(ht.length&&ht[0]!==null&&(dt=!0),typeof ht[0]=="object"&&(pt=!0));let mt=tt.image_url;if(lt==="twitter_space"&&(mt="twitter_placeholder.png"),mt==null)switch(et){case"guest":mt="person_placeholder2.png";break;default:mt="noimage.jpeg"}return jsxRuntimeExports.jsx(Wrapper$j,{borderRadius:8,px:24,py:16,children:et==="tweet"?jsxRuntimeExports.jsx(TwitData$1,{tweetId:ct,twitterHandle:ut}):jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Divider$1,{}),jsxRuntimeExports.jsx(Flex,{align:"flex-start",pb:12,children:jsxRuntimeExports.jsx(Text$3,{children:et==null?void 0:et.toUpperCase()})})]}),jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Flex,{pr:12,children:jsxRuntimeExports.jsx(Avatar$1,{src:mt,type:"person"})}),jsxRuntimeExports.jsxs("div",{children:[lt==="guest"?jsxRuntimeExports.jsxs(Flex,{direction:"column",children:[jsxRuntimeExports.jsx(Text$3,{children:ot}),at&&jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsxs(Text$3,{color:"primaryText1",kind:"tiny",children:["@",at]})})]}):jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:nt}),jsxRuntimeExports.jsxs(Flex,{pt:4,children:[et==="clip"||et==="episode"&&jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"Episode"}),et==="clip"?jsxRuntimeExports.jsx(Text$3,{as:"div",kind:"regularBold",children:formatDescription(it)}):jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:rt})]}),jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:st}),jsxRuntimeExports.jsxs(Flex,{pt:12,children:[et==="clip"&&jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"Episode"}),jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:et==="clip"?rt:formatDescription(it)})]}),dt&&jsxRuntimeExports.jsxs(Flex,{pt:12,children:[jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"People"}),jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:pt?ht.map(gt=>gt.name?gt.name:`@${gt.twitter_handle}`).join(", "):ht==null?void 0:ht.join(", ")})})]})]})]})]})})},Overlay=()=>{const[tt,et,nt,rt]=useDataStore(ot=>[ot.selectedNode,ot.hoveredNode,ot.cameraFocusTrigger,ot.setCameraFocusTrigger]),it=useControlStore(ot=>ot.userMovedCamera);return reactExports.useEffect(()=>{document.body.style.cursor=et?"pointer":"auto"},[et]),jsxRuntimeExports.jsxs(OverlayWrap,{children:[!!tt&&it&&jsxRuntimeExports.jsx(Button,{background:"bluePressState",kind:"small",onClick:()=>rt(!nt),children:"Re-center map"}),et&&jsxRuntimeExports.jsx("div",{id:"tooltip-portal",children:jsxRuntimeExports.jsx(Tooltip$1,{node:et})})]})},OverlayWrap=styled$4("div")(({theme:tt})=>({position:"absolute",zIndex:1,top:0,left:0,userSelect:"none",pointerEvents:"none",display:"flex",justifyContent:"flex-end",alignItems:"flex-start",height:"100%",width:"100%",padding:"16px",[tt.breakpoints.down("sm")]:{top:50}})),Fallback=()=>jsxRuntimeExports.jsx(Html$1,{children:jsxRuntimeExports.jsx(Loader$1,{})}),Content$1=()=>{const{universeColor:tt}=useControls("universe",{universeColor:colors.black}),et=useSelectedNode(),nt=reactExports.useMemo(()=>et!=null&&et.node_type?getNodeColorByType(et.node_type):outlineEffectColor,[et]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("color",{args:[tt],attach:"background"}),jsxRuntimeExports.jsx(Lights,{}),jsxRuntimeExports.jsx(Controls,{}),jsxRuntimeExports.jsxs(Selection,{children:[jsxRuntimeExports.jsxs(EffectComposer,{autoClear:!1,multisampling:8,children:[jsxRuntimeExports.jsx(Vignette,{darkness:.7,eskil:!1,offset:.05}),jsxRuntimeExports.jsx(Bloom,{luminanceThreshold:1,mipmapBlur:!0,resolutionX:Resolution.AUTO_SIZE,resolutionY:Resolution.AUTO_SIZE}),jsxRuntimeExports.jsx(Outline,{blendFunction:BlendFunction.SCREEN,blur:!0,edgeStrength:4,hiddenEdgeColor:nt,visibleEdgeColor:nt})]}),jsxRuntimeExports.jsx(Graph,{})]})]})};let wheelEventTimeout=null;const cameraProps={aspect:window.innerWidth/window.innerHeight,far:3e4,near:1,position:[initialCameraPosition.x,initialCameraPosition.y,initialCameraPosition.z]},_Universe=()=>{const[tt,et,nt]=[useControlStore(ot=>ot.setIsUserScrollingOnHtmlPanel),useControlStore(ot=>ot.setIsUserScrolling),useControlStore(ot=>ot.setUserMovedCamera)],rt=reactExports.useCallback(ot=>{var lt;const{target:at}=ot,{offsetParent:st}=at;wheelEventTimeout&&clearTimeout(wheelEventTimeout),(lt=st==null?void 0:st.classList)!=null&<.contains("html-panel")&&st.clientHeight{et(!1),tt(!1)},200)},[et,tt,nt]),it=reactExports.useCallback(ot=>addToGlobalForE2e(ot,"threeState"),[]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(Overlay,{}),jsxRuntimeExports.jsx(reactExports.Suspense,{fallback:null,children:jsxRuntimeExports.jsxs(Canvas$1,{camera:cameraProps,id:"universe-canvas",onCreated:it,onWheel:rt,children:[isDevelopment&&jsxRuntimeExports.jsx(Perf,{position:"top-right"}),jsxRuntimeExports.jsxs(reactExports.Suspense,{fallback:jsxRuntimeExports.jsx(Fallback,{}),children:[jsxRuntimeExports.jsx(Preload,{}),jsxRuntimeExports.jsx(AdaptiveDpr,{}),jsxRuntimeExports.jsx(AdaptiveEvents,{}),jsxRuntimeExports.jsx(Content$1,{})]})]})})]})},Universe=reactExports.memo(_Universe),defaultData$3={askedQuestions:null,askedQuestionsAnswers:null,hasQuestionInProgress:!1,hasTeachingInProgress:!1,teachMeAnswer:null},useTeachStore=react(tt=>({...defaultData$3,setAskedQuestion:et=>tt(nt=>({askedQuestions:[...nt.askedQuestions||[],et],hasQuestionInProgress:!0})),setAskedQuestionAnswer:et=>tt(nt=>({askedQuestionsAnswers:[...nt.askedQuestionsAnswers||[],et],hasQuestionInProgress:!1})),setHasQuestionInProgress:et=>tt({hasQuestionInProgress:et}),setHasTeachingInProgress:et=>tt({hasTeachingInProgress:et}),setTeachMeAnswer:et=>tt({hasTeachingInProgress:!1,teachMeAnswer:et})})),version="0.1.68",StyledTableCell=styled$4(TableCell$1)` +`,Tooltip$1=({node:tt})=>{if(!tt)return null;const{node_type:et,show_title:nt,episode_title:rt,description:it,label:ot,text:at,timestamp:st,type:lt,tweet_id:ct,twitter_handle:ut}=tt,ht=tt.guests;let dt=!1,pt=!1;ht&&(ht.length&&ht[0]!==null&&(dt=!0),typeof ht[0]=="object"&&(pt=!0));let mt=tt.image_url;if(lt==="twitter_space"&&(mt="twitter_placeholder.png"),mt==null)switch(et){case"guest":mt="person_placeholder2.png";break;default:mt="noimage.jpeg"}return jsxRuntimeExports.jsx(Wrapper$j,{borderRadius:8,px:24,py:16,children:et==="tweet"?jsxRuntimeExports.jsx(TwitData$1,{tweetId:ct,twitterHandle:ut}):jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Divider$1,{}),jsxRuntimeExports.jsx(Flex,{align:"flex-start",pb:12,children:jsxRuntimeExports.jsx(Text$3,{children:et==null?void 0:et.toUpperCase()})})]}),jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Flex,{pr:12,children:jsxRuntimeExports.jsx(Avatar$1,{src:mt,type:"person"})}),jsxRuntimeExports.jsxs("div",{children:[lt==="guest"?jsxRuntimeExports.jsxs(Flex,{direction:"column",children:[jsxRuntimeExports.jsx(Text$3,{children:ot}),at&&jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsxs(Text$3,{color:"primaryText1",kind:"tiny",children:["@",at]})})]}):jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:nt}),jsxRuntimeExports.jsxs(Flex,{pt:4,children:[et==="clip"||et==="episode"&&jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"Episode"}),et==="clip"?jsxRuntimeExports.jsx(Text$3,{as:"div",kind:"regularBold",children:formatDescription(it)}):jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:rt})]}),jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:st}),jsxRuntimeExports.jsxs(Flex,{pt:12,children:[et==="clip"&&jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"Episode"}),jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:et==="clip"?rt:formatDescription(it)})]}),dt&&jsxRuntimeExports.jsxs(Flex,{pt:12,children:[jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:"People"}),jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"tiny",children:pt?ht.map(gt=>gt.name?gt.name:`@${gt.twitter_handle}`).join(", "):ht==null?void 0:ht.join(", ")})})]})]})]})]})})},Overlay=()=>{const[tt,et,nt,rt]=useDataStore(ot=>[ot.selectedNode,ot.hoveredNode,ot.cameraFocusTrigger,ot.setCameraFocusTrigger]),it=useControlStore(ot=>ot.userMovedCamera);return reactExports.useEffect(()=>{document.body.style.cursor=et?"pointer":"auto"},[et]),jsxRuntimeExports.jsxs(OverlayWrap,{children:[!!tt&&it&&jsxRuntimeExports.jsx(Button,{background:"bluePressState",kind:"small",onClick:()=>rt(!nt),children:"Re-center map"}),et&&jsxRuntimeExports.jsx("div",{id:"tooltip-portal",children:jsxRuntimeExports.jsx(Tooltip$1,{node:et})})]})},OverlayWrap=styled$4("div")(({theme:tt})=>({position:"absolute",zIndex:1,top:0,left:0,userSelect:"none",pointerEvents:"none",display:"flex",justifyContent:"flex-end",alignItems:"flex-start",height:"100%",width:"100%",padding:"16px",[tt.breakpoints.down("sm")]:{top:50}})),Fallback=()=>jsxRuntimeExports.jsx(Html$1,{children:jsxRuntimeExports.jsx(Loader$1,{})}),Content$1=()=>{const{universeColor:tt}=useControls("universe",{universeColor:colors.black}),et=useSelectedNode(),nt=reactExports.useMemo(()=>et!=null&&et.node_type?getNodeColorByType(et.node_type):outlineEffectColor,[et]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx("color",{args:[tt],attach:"background"}),jsxRuntimeExports.jsx(Lights,{}),jsxRuntimeExports.jsx(Controls,{}),jsxRuntimeExports.jsxs(Selection,{children:[jsxRuntimeExports.jsxs(EffectComposer,{autoClear:!1,multisampling:8,children:[jsxRuntimeExports.jsx(Vignette,{darkness:.7,eskil:!1,offset:.05}),jsxRuntimeExports.jsx(Bloom,{luminanceThreshold:1,mipmapBlur:!0,resolutionX:Resolution.AUTO_SIZE,resolutionY:Resolution.AUTO_SIZE}),jsxRuntimeExports.jsx(Outline,{blendFunction:BlendFunction.SCREEN,blur:!0,edgeStrength:4,hiddenEdgeColor:nt,visibleEdgeColor:nt})]}),jsxRuntimeExports.jsx(Graph,{})]})]})};let wheelEventTimeout=null;const cameraProps={aspect:window.innerWidth/window.innerHeight,far:3e4,near:1,position:[initialCameraPosition.x,initialCameraPosition.y,initialCameraPosition.z]},_Universe=()=>{const[tt,et,nt]=[useControlStore(ot=>ot.setIsUserScrollingOnHtmlPanel),useControlStore(ot=>ot.setIsUserScrolling),useControlStore(ot=>ot.setUserMovedCamera)],rt=reactExports.useCallback(ot=>{var lt;const{target:at}=ot,{offsetParent:st}=at;wheelEventTimeout&&clearTimeout(wheelEventTimeout),(lt=st==null?void 0:st.classList)!=null&<.contains("html-panel")&&st.clientHeight{et(!1),tt(!1)},200)},[et,tt,nt]),it=reactExports.useCallback(ot=>addToGlobalForE2e(ot,"threeState"),[]);return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsx(Overlay,{}),jsxRuntimeExports.jsx(reactExports.Suspense,{fallback:null,children:jsxRuntimeExports.jsxs(Canvas$1,{camera:cameraProps,id:"universe-canvas",onCreated:it,onWheel:rt,children:[isDevelopment&&jsxRuntimeExports.jsx(Perf,{position:"top-right"}),jsxRuntimeExports.jsxs(reactExports.Suspense,{fallback:jsxRuntimeExports.jsx(Fallback,{}),children:[jsxRuntimeExports.jsx(Preload,{}),jsxRuntimeExports.jsx(AdaptiveDpr,{}),jsxRuntimeExports.jsx(AdaptiveEvents,{}),jsxRuntimeExports.jsx(Content$1,{})]})]})})]})},Universe=reactExports.memo(_Universe),defaultData$3={askedQuestions:null,askedQuestionsAnswers:null,hasQuestionInProgress:!1,hasTeachingInProgress:!1,teachMeAnswer:null},useTeachStore=react(tt=>({...defaultData$3,setAskedQuestion:et=>tt(nt=>({askedQuestions:[...nt.askedQuestions||[],et],hasQuestionInProgress:!0})),setAskedQuestionAnswer:et=>tt(nt=>({askedQuestionsAnswers:[...nt.askedQuestionsAnswers||[],et],hasQuestionInProgress:!1})),setHasQuestionInProgress:et=>tt({hasQuestionInProgress:et}),setHasTeachingInProgress:et=>tt({hasTeachingInProgress:et}),setTeachMeAnswer:et=>tt({hasTeachingInProgress:!1,teachMeAnswer:et})})),version="0.1.69",StyledTableCell=styled$4(TableCell$1)` && { color: ${colors.white}; border: none; @@ -7879,7 +7879,7 @@ ${({disabled:tt})=>tt&&Ae` `,EpisodeWrapper=styled$4(Flex).attrs(()=>({direction:"row"}))` cursor: pointer; color: ${colors.primaryText1}; -`,EpisodePanel=({node:tt,onClick:et})=>{var nt;return jsxRuntimeExports.jsx(EpisodeWrapper,{onClick:et,py:12,children:jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(Flex,{align:"center",direction:"row",children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"regular",children:tt.episode_title})}),jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsxs(Text$3,{color:"mainBottomIcons",kind:"regular",children:[((nt=tt==null?void 0:tt.children)==null?void 0:nt.length)||0," clips"]})})]})})},Show=()=>{const[tt,et]=useDataStore(it=>[it.selectedNode,it.setSelectedNode]),nt=useGraphData(),rt=reactExports.useMemo(()=>{var ot;const it={};return(ot=tt==null?void 0:tt.children)!=null&&ot.length&&tt.children.forEach(at=>{const st=nt.nodes.find(lt=>lt.ref_id===at);st&&(it[at]=st)}),Object.values(it).filter(at=>at.node_type==="episode").sort((at,st)=>(st.weight||0)-(at.weight||0))},[nt.nodes,tt]);return jsxRuntimeExports.jsxs(Wrapper$5,{p:20,children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Flex,{pr:24,children:jsxRuntimeExports.jsx(Avatar$1,{size:80,src:(tt==null?void 0:tt.image_url)||"audio_default.svg",type:"audio"})}),jsxRuntimeExports.jsxs(Flex,{grow:1,shrink:1,children:[jsxRuntimeExports.jsx(Text$3,{kind:"bigHeading",children:(tt==null?void 0:tt.show_title)||"Unknown"}),jsxRuntimeExports.jsx(Flex,{py:16,children:jsxRuntimeExports.jsx(Actions,{})})]})]}),jsxRuntimeExports.jsxs(Flex,{direction:"column",pt:40,children:[jsxRuntimeExports.jsx(Flex,{pb:20,children:jsxRuntimeExports.jsx(Text$3,{kind:"mediumBold",children:"Related Episodes"})}),rt.map(it=>jsxRuntimeExports.jsx(EpisodePanel,{node:it,onClick:()=>et(it)},it.ref_id))]})]})},Topic=()=>{const tt=useSelectedNode();return jsxRuntimeExports.jsx(Flex,{align:"center",justify:"center",children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"hugeHeading",children:tt==null?void 0:tt.label})})},TwitData=()=>{const tt=useSelectedNode(),et=(tt==null?void 0:tt.tweet_id)||"",nt=()=>{const rt="https://example.com";window.open(rt,"_blank")};return tt&&jsxRuntimeExports.jsxs(Flex,{direction:"column",px:24,py:16,children:[jsxRuntimeExports.jsx(Flex,{align:"center",direction:"row",justify:"flex-start",p:10,children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:tt==null?void 0:tt.label})}),et&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs(TweetContainer,{children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(ProfilePicture,{children:jsxRuntimeExports.jsx("img",{alt:"Profile",src:tt.profile_picture||"twitter_placeholder.png"})}),jsxRuntimeExports.jsxs(AuthorInfo,{children:[jsxRuntimeExports.jsx(AuthorName,{children:tt.name}),jsxRuntimeExports.jsx(TwitterHandle,{children:tt.twitter_handle||"@unknown_handle"})]})]}),jsxRuntimeExports.jsx(TweetText,{children:tt.text})]}),jsxRuntimeExports.jsx(Flex,{children:jsxRuntimeExports.jsx(Button$2,{onClick:nt,children:"View more"})})]})]})},TweetContainer=styled$4.div` +`,EpisodePanel=({node:tt,onClick:et})=>{var nt;return jsxRuntimeExports.jsx(EpisodeWrapper,{onClick:et,py:12,children:jsxRuntimeExports.jsxs("div",{children:[jsxRuntimeExports.jsx(Flex,{align:"center",direction:"row",children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"regular",children:tt.episode_title})}),jsxRuntimeExports.jsx(Flex,{pt:4,children:jsxRuntimeExports.jsxs(Text$3,{color:"mainBottomIcons",kind:"regular",children:[((nt=tt==null?void 0:tt.children)==null?void 0:nt.length)||0," clips"]})})]})})},Show=()=>{const[tt,et]=useDataStore(it=>[it.selectedNode,it.setSelectedNode]),nt=useGraphData(),rt=reactExports.useMemo(()=>{var ot;const it={};return(ot=tt==null?void 0:tt.children)!=null&&ot.length&&tt.children.forEach(at=>{const st=nt.nodes.find(lt=>lt.ref_id===at);st&&(it[at]=st)}),Object.values(it).filter(at=>at.node_type==="episode").sort((at,st)=>(st.weight||0)-(at.weight||0))},[nt.nodes,tt]);return jsxRuntimeExports.jsxs(Wrapper$5,{p:20,children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(Flex,{pr:24,children:jsxRuntimeExports.jsx(Avatar$1,{size:80,src:(tt==null?void 0:tt.image_url)||"audio_default.svg",type:"audio"})}),jsxRuntimeExports.jsxs(Flex,{grow:1,shrink:1,children:[jsxRuntimeExports.jsx(Text$3,{kind:"bigHeading",children:(tt==null?void 0:tt.show_title)||"Unknown"}),jsxRuntimeExports.jsx(Flex,{py:16,children:jsxRuntimeExports.jsx(Actions,{})})]})]}),jsxRuntimeExports.jsxs(Flex,{direction:"column",pt:40,children:[jsxRuntimeExports.jsx(Flex,{pb:20,children:jsxRuntimeExports.jsx(Text$3,{kind:"mediumBold",children:"Related Episodes"})}),rt.map(it=>jsxRuntimeExports.jsx(EpisodePanel,{node:it,onClick:()=>et(it)},it.ref_id))]})]})},Topic=()=>{const tt=useSelectedNode();return jsxRuntimeExports.jsx(Flex,{align:"center",justify:"center",children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",kind:"hugeHeading",children:tt==null?void 0:tt.label})})},TwitData=()=>{const tt=useSelectedNode(),et=(tt==null?void 0:tt.tweet_id)||"";return tt&&jsxRuntimeExports.jsxs(Flex,{direction:"column",px:24,py:16,children:[jsxRuntimeExports.jsx(Flex,{align:"center",direction:"row",justify:"flex-start",p:10,children:jsxRuntimeExports.jsx(Text$3,{color:"primaryText1",children:tt==null?void 0:tt.label})}),et&&jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs(TweetContainer,{children:[jsxRuntimeExports.jsxs(Flex,{direction:"row",children:[jsxRuntimeExports.jsx(ProfilePicture,{children:jsxRuntimeExports.jsx("img",{alt:"Profile",src:tt.profile_picture||"twitter_placeholder.png"})}),jsxRuntimeExports.jsxs(AuthorInfo,{children:[jsxRuntimeExports.jsx(AuthorName,{children:tt.name}),jsxRuntimeExports.jsx(TwitterHandle,{children:tt.twitter_handle||"@unknown_handle"})]})]}),jsxRuntimeExports.jsx(TweetText,{children:tt.text})]}),jsxRuntimeExports.jsx(Flex,{align:"center",children:jsxRuntimeExports.jsx("a",{href:`https://twitter.com/Interior/status/${et}?open=system`,children:jsxRuntimeExports.jsx(Button$2,{children:"View comments "})})})]})]})},TweetContainer=styled$4.div` padding: 10px; border-radius: 6px; display: flex; diff --git a/build/index.html b/build/index.html index 48a25968c..41673b404 100644 --- a/build/index.html +++ b/build/index.html @@ -22,7 +22,7 @@ Learn how to configure a non-root public URL by running `npm run build`. --> Second Brain - +