https://winno.app/static/js/268.ab7ee608.chunk.js

1"use strict";(self.webpackChunkwinno_web_2=self.webpackChunkwinno_web_2||[]).push([[268],{61587:function(t,e,a){a.r(e),a.d(e,{default:function(){return x}});var i=a(15671),o=a(43144),s=a(79340),n=a(54062),r=a(47313),d=a(97890),p=a(39254),c=a.n(p),l=a(90182),u=a(4094),h=a(63332),m=a(46417),_=a(20645),g=function(t){(0,s.Z)(a,t);var e=(0,n.Z)(a);function a(t){var o;return(0,i.Z)(this,a),(o=e.call(this,t)).state={update_loading:!0},o}return(0,o.Z)(a,[{key:"componentDidMount",value:function(){window.scrollTo(0,0),this.fetchUpdate(),this.props.logEvent("Open voice memo link",{update:this.props.id}),window.Intercom&&window.Intercom("update",{hide_default_launcher:!0}),window.Intercom&&window.Intercom("hide")}},{key:"fetchUpdate",value:function(){var t=this;this.setState({update_loading:!0}),fetch(_.BASE_API_URL+"/v1/updates/"+this.props.id,{credentials:"include"}).then((function(e){200===e.status?e.json().then((function(e){if(e.update){var a=(0,m.jsx)(h.Z,{update:e.update,broadcast:e.update.broadcast,is_shared:!1});t.setState({broadcast:e.update.broadcast,needs_light_font:b(e.update.broadcast.color),update_loading:!1,show_preview:e.update.broadcast.show_preview,preview_update:e.update,update:a})}else t.setState({redirect_to_landing:!0})})):t.setState({redirect_to_landing:!0})}))}},{key:"render",value:function(){return(0,m.jsxs)("div",{children:[this.state.redirect_to_landing&&(0,m.jsx)(d.Fg,{to:"/"}),this.state.redirect_to_subscribe&&(0,m.jsx)(d.Fg,{to:"/"+this.state.broadcast.subdomain+"?phone="+encodeURIComponent("+1"+this.state.phone.replace(/\D/g,""))}),!this.state.update_loading&&(0,m.jsxs)(l.q,{children:[(0,m.jsx)("title",{children:this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"New voice note"}),(0,m.jsx)("meta",{name:"description",content:"Subscribe to "+this.state.broadcast.name+" on Winno to get this post and more texted to your phone."}),(0,m.jsx)("meta",{property:"og:url",content:_.BASE_WEB_URL+"/u/"+this.props.id}),(0,m.jsx)("meta",{property:"og:type",content:"website"}),(0,m.jsx)("meta",{property:"og:title",content:this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"New voice note"}),(0,m.jsx)("meta",{property:"og:description",content:"Subscribe to "+this.state.broadcast.name+" on Winno to get this post and more texted to your phone."}),(0,m.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,m.jsx)("meta",{property:"twitter:domain",content:"winno.app"}),(0,m.jsx)("meta",{name:"twitter:site",content:"@usewinno"}),(0,m.jsx)("meta",{property:"twitter:url",content:_.BASE_WEB_URL+"/u/"+this.props.id}),(0,m.jsx)("meta",{name:"twitter:title",content:this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"New voice note"}),(0,m.jsx)("meta",{name:"twitter:description",content:"Subscribe to "+this.state.broadcast.name+" on Winno to get this post and more texted to your phone."}),(0,m.jsx)("meta",{property:"og:image",content:this.state.preview_url}),(0,m.jsx)("meta",{property:"og:image:secure_url",content:this.state.preview_url}),(0,m.jsx)("meta",{property:"twitter:image",content:this.state.preview_url})]}),!this.state.update_loading&&this.state.broadcast.image_url&&(0,m.jsxs)(l.q,{children:[(0,m.jsx)("meta",{property:"og:image",content:"https://ondemand.bannerbear.com/taggedurl/y4bMJxQ8lbwd02AY7q/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_image---image_url~~"+encodeURIComponent(this.state.broadcast.image_url)+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"}),(0,m.jsx)("meta",{property:"og:image:secure_url",content:"https://ondemand.bannerbear.com/taggedurl/y4bMJxQ8lbwd02AY7q/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_image---image_url~~"+encodeURIComponent(this.state.broadcast.image_url)+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"}),(0,m.jsx)("meta",{property:"twitter:image",content:"https://ondemand.bannerbear.com/taggedurl/y4bMJxQ8lbwd02AY7q/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_image---image_url~~"+encodeURIComponent(this.state.broadcast.image_url)+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"})]}),!this.state.update_loading&&!this.state.broadcast.image_url&&(0,m.jsxs)(l.q,{children:[(0,m.jsx)("meta",{property:"og:image",content:"https://ondemand.bannerbear.com/taggedurl/wley9O0B2lEk4GjRDY/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"}),(0,m.jsx)("meta",{property:"og:image:secure_url",content:"https://ondemand.bannerbear.com/taggedurl/wley9O0B2lEk4GjRDY/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"}),(0,m.jsx)("meta",{property:"twitter:image",content:"https://ondemand.bannerbear.com/taggedurl/wley9O0B2lEk4GjRDY/image.jpg?modifications=[recording_title---text~~"+encodeURIComponent(this.state.preview_update.content.audio_title?this.state.preview_update.content.audio_title:"Voice recording on "+v(this.state.preview_update.published_at))+":::broadcast_name---text~~"+encodeURIComponent(this.state.broadcast.name)+":::background_container---color~~"+encodeURIComponent(this.state.broadcast.color)+":::play_button---color~~"+encodeURIComponent(this.state.broadcast.color)+"]"})]}),(0,m.jsxs)("div",{className:"voice-link-bg-container",style:this.state.update_loading?{}:{backgroundColor:this.state.broadcast.color},children:[(0,m.jsx)(u.Z,{hide_buttons:!0,is_sticky:!1,light_logo:!this.state.update_loading&&this.state.needs_light_font,logged_in_user:this.props.logged_in_user,is_subscribe:!0}),(0,m.jsxs)("div",{className:"voice-link-main-section",children:[this.state.update_loading&&(0,m.jsx)("div",{className:"broadcast-loading-spinner",children:(0,m.jsx)(c(),{color:"#AAAAAA",loading:this.state.update_loading,size:60,speedMultiplier:.75})}),!this.state.update_loading&&(0,m.jsxs)("div",{className:"voice-link-secret-badge",style:{color:this.state.broadcast.color},children:[(0,m.jsx)("i",{class:"fa-solid fa-lock"})," Your secret link"]}),this.state.update]})]})]})}}]),a}(r.Component);function v(t){var e=new Date(t);return"".concat(["January","February","March","April","May","June","July","August","September","October","November","December"][e.getMonth()]," ").concat(e.getDate())}function b(t){return!((299*parseInt(w(t).substring(0,2),16)+587*parseInt(w(t).substring(2,4),16)+114*parseInt(w(t).substring(4,6),16))/1e3>200)}function w(t){return"#"==t.charAt(0)?t.substring(1,7):t}function x(t){var e=(0,d.UO)().id;return(0,m.jsx)(g,{logEvent:t.logEvent,logged_in_user:t.logged_in_user,id:e})}},63332:function(t,e,a){var i=a(1413),o=a(15671),s=a(43144),n=a(79340),r=a(54062),d=a(47313),p=a(29466),c=a(4257),l=a(28745),u=a(20510),h=a(94138),m=(a(83999),a(24013),a(39884),a(46417)),_=a(20645),g=function(t){(0,n.Z)(a,t);var e=(0,r.Z)(a);function a(t){var i;return(0,o.Z)(this,a),(i=e.call(this,t)).state={},i}return(0,s.Z)(a,[{key:"render",value:function(){var t=this.props.is_shared?"inline-preview-update shareable-update":"inline-preview-update";return t=this.props.is_download&&"square"===this.props.download_type?t+" truncate-update-square":t,t=this.props.is_download&&"story"===this.props.download_type?t+" truncate-update-story":t,(0,m.jsxs)("div",{id:this.props.update._id,className:t,children:[(0,m.jsx)(l.Z,{className:"default-tooltip-style"}),(0,m.jsxs)("div",{className:"preview-update-top-container",children:[(0,m.jsxs)("div",{className:"preview-update-top-left-container",children:[(0,m.jsx)("img",(0,i.Z)((0,i.Z)({className:"preview-update-thumbnail"},this.props.is_download?{crossOrigin:""}:{}),{},{src:this.props.is_download?this.props.broadcast.image_url+"?time="+Date.now():this.props.broadcast.image_url,style:{border:"2px s

1olid "+this.props.broadcast.color}})),(0,m.jsx)(p.rU,{to:"/"+this.props.broadcast.subdomain,target:"_blank",children:(0,m.jsx)("div",{className:"preview-update-top-name",children:this.props.broadcast.name})})]}),(0,m.jsx)("div",{className:"preview-update-top-right-container",children:(0,m.jsx)("div",{className:"preview-update-time-label",children:(0,m.jsx)(c.Z,{date:this.props.update.published_at})})})]}),this.props.update.type===_.UPDATE_TYPES.TextUpdate&&(0,m.jsx)("div",{className:"inline-preview-update-text inline-preview-text-type",dangerouslySetInnerHTML:{__html:v(this.props.update.content.text)}}),this.props.update.type===_.UPDATE_TYPES.PostUpdate&&(0,m.jsxs)("div",{className:"inline-preview-update-text",children:[this.props.update.content.caption&&(0,m.jsx)("div",{className:"inline-preview-update-text inline-preview-caption",dangerouslySetInnerHTML:{__html:v(this.props.update.content.caption)}}),(0,m.jsx)("a",{href:"https://winno.app/post/"+this.props.update.short_id,target:"_blank",rel:"noreferrer",children:(0,m.jsxs)("div",{className:"post-update-link-container",children:[(0,m.jsxs)("div",{className:"post-update-link-left",children:[(0,m.jsx)("div",{className:"post-update-title",children:this.props.update.content.post_title}),(0,m.jsx)("div",{className:"post-update-body-container",children:(0,m.jsx)("div",{className:"post-update-body",children:b(this.props.update.content.post_body)})})]}),(0,m.jsx)("div",{className:"post-update-link-right",children:(0,m.jsx)("i",{class:"fa-solid fa-arrow-up-right-from-square"})})]})})]}),this.props.update.type===_.UPDATE_TYPES.LinkUpdate&&(0,m.jsxs)("div",{className:"inline-preview-update-text",children:[this.props.update.content.caption&&(0,m.jsx)("div",{className:"inline-preview-update-text inline-preview-caption",dangerouslySetInnerHTML:{__html:v(this.props.update.content.caption)}}),(0,m.jsx)("a",{href:this.props.update.content.article_url,target:"_blank",rel:"noreferrer",children:(0,m.jsxs)("div",{className:"link-update-link-container",children:[this.props.update.content.article_img&&(0,m.jsx)("img",(0,i.Z)((0,i.Z)({},this.props.is_download?{crossOrigin:""}:{}),{},{src:this.props.is_download?this.props.update.content.article_img+"?time="+Date.now():this.props.update.content.article_img,className:"link-update-thumbnail"})),(0,m.jsx)("div",{className:"link-update-title",children:this.props.update.content.article_title}),(0,m.jsxs)("div",{className:this.props.update.content.article_title?"link-update-subtitle-container":null,children:[!this.props.is_download&&(0,m.jsx)("img",(0,i.Z)((0,i.Z)({},this.props.is_download?{crossOrigin:""}:{}),{},{src:this.props.update.content.article_favicon,className:"link-update-favicon"})),(0,m.jsxs)("div",{className:this.props.is_download?"link-update-url link-update-url-no-favicon":"link-update-url",children:[this.props.update.content.article_site,(0,m.jsx)("span",{className:"link-site-divider",children:"/"}),(0,m.jsx)("span",{className:"link-site-url",children:this.props.update.content.article_url})]})]})]})})]}),this.props.update.type===_.UPDATE_TYPES.ImageUpdate&&(0,m.jsxs)("div",{className:"inline-preview-image-update-container",children:[this.props.update.content.caption&&(0,m.jsx)("div",{className:"inline-preview-update-text inline-preview-caption",dangerouslySetInnerHTML:{__html:v(this.props.update.content.caption)}}),(0,m.jsx)("img",(0,i.Z)((0,i.Z)({},this.props.is_download?{crossOrigin:""}:{}),{},{src:this.props.is_download?this.props.update.content.image_url+"?time="+Date.now():this.props.update.content.image_url,className:this.props.broadcast.name.includes("Photos")||this.props.is_download?"preview-update-image preview-image-full-width":"preview-update-image"}))]}),this.props.update.type===_.UPDATE_TYPES.VoiceUpdate&&(0,m.jsx)("div",{className:"voice-update-container",children:(0,m.jsxs)("div",{className:"voice-web-player-area",children:[(this.props.update.content.audio_title||this.props.update.content.audio_description)&&(0,m.jsxs)("div",{className:"voice-web-metadata-area",children:[this.props.update.content.audio_title&&(0,m.jsx)("div",{className:"voice-web-metadata-title",children:this.props.update.content.audio_title}),this.props.update.content.audio_description&&(0,m.jsx)("div",{className:"voice-web-metadata-description",children:this.props.update.content.audio_description})]}),(0,m.jsx)("div",{style:{fill:this.props.broadcast.color}

1,children:(0,m.jsx)(h.Z,{showSkipControls:!1,src:this.props.update.content.audio_url,timeFormat:"mm:ss",onPlay:function(t){return console.log("onPlay")}})})]})}),this.props.update.type===_.UPDATE_TYPES.VideoUpdate&&(0,m.jsx)("div",{className:"voice-update-container",children:(0,m.jsxs)("div",{className:"voice-web-player-area",children:[(this.props.update.content.video_title||this.props.update.content.video_description)&&(0,m.jsxs)("div",{className:"video-update-metadata-area video-update-preview-metadata",children:[this.props.update.content.video_title&&(0,m.jsx)("div",{className:"voice-web-metadata-title",children:this.props.update.content.video_title}),this.props.update.content.video_description&&(0,m.jsx)("div",{className:"voice-web-metadata-description",children:this.props.update.content.video_description})]}),(0,m.jsxs)("div",{className:"preview-update-video-player-container",children:[!this.props.is_download&&(0,m.jsx)(u.Z,{url:this.props.update.content.video_url,controls:!0,width:"100%",height:"auto",config:{file:{attributes:{controlsList:"nodownload"}}}}),this.props.is_download&&(0,m.jsxs)("div",{className:"preview-video-thumbnail-container",children:[(0,m.jsx)("div",{style:{backgroundColor:this.props.broadcast.color},className:"preview-update-video-player-play-button",children:(0,m.jsx)("i",{class:"fa-solid fa-play"})}),(0,m.jsx)("img",(0,i.Z)((0,i.Z)({},this.props.is_download?{crossOrigin:""}:{}),{},{src:this.props.update.content.video_url.replace(/\.[^/.]+$/,".jpg"),className:"preview-update-image preview-image-full-width preview-update-video-thumbnail"}))]})]})]})})]})}}]),a}(d.Component);function v(t){var e,a,i;return e=/(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim,a=/(^|[^\/])(www\.[\S]+(\b|$))/gim,i=/(([a-zA-Z0-9\-\_\.])+@[a-zA-Z\_]+?(\.[a-zA-Z]{2,6})+)/gim,t.replace(e,'<a href="$1" target="_blank">$1</a>').replace(a,'$1<a href="http://$2" target="_blank">$2</a>').replace(i,'<a href="mailto:$1">$1</a>')}function b(t){var e=document.createElement("span");return e.innerHTML=t,e.textContent||e.innerText}e.Z=g},39884:function(){},24013:function(){}}]);