https://orfodon.org/packs/js/features/direct_timeline-6b143b292d7c0498320e.chunk.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[454],{1549:function(e,t,a){"use strict";a.r(t);var o,s=a(0),n=a(1),c=a(7),i=a(75),r=a(23),l=a(108),d=a(11),u=a(97),b=a(116),m=a(119),p=a(397),j=a(182),O=a(181),v=a(55),g=a.n(v),h=a(238),_=(a(27),a(9)),f=a.n(_),M=a(39),y=a(18),k=a(83),C=a(53),w=a(110),x=a(146),I=a(13),N=a(21),T=a(31),q=a(2),D=a(3),H=a.n(D),S=a(22),E=a.n(S),P=a(25);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},R.apply(null,arguments)}var $=function(e){let{title:t,titleId:a,...s}=e;return n.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 -960 960 960",width:24,"aria-labelledby":a},s),t?n.createElement("title",{id:a},t):null,o||(o=n.createElement("path",{d:"M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"})))},L=a(12);class z extends P.a{render(){const{media:e,compact:t}=this.props;return Object(s.a)("div",{className:f()("attachment-list",{compact:t})},void 0,!t&&Object(s.a)("div",{className:"attachment-list__icon"},void 0,Object(s.a)(L.a,{id:"link",icon:$})),Object(s.a)("ul",{className:"attachment-list__list"},void 0,e.map((e=>{const a=e.get("remote_url")||e.get("url");return Object(s.a)("li",{},e.get("id"),Object(s.a)("a",{href:a,target:"_blank",rel:"noopener noreferrer"},void 0,t&&Object(s.a)(L.a,{id:"link",icon:$}),t&&" ",a?a.split("/").pop().split("#")[0].split("?")[0]:Object(s.a)(r.a,{id:"attachments_list.unprocessed",defaultMessage:"(unprocessed)"})))}))))}}Object(q.a)(z,"propTypes",{media:E.a.list.isRequired,compact:H.a.bool});var K=a(6),A=a(43);class U extends n.PureComponent{renderItem(e,t,a){const{animate:o}=this.props;let n=50,c=100,i="auto",r="auto",l="auto",d="auto";1===t&&(n=100),(4===t||3===t&&a>0)&&(c=50),2===t?0===a?d="1px":r="1px":3===t?(0===a?d="1px":a>0&&(r="1px"),1===a?l="1px":a>1&&(i="1px")):4===t&&(0!==a&&2!==a||(d="1px"),1!==a&&3!==a||(r="1px"),a<2?l="1px":i="1px");const u={left:r,top:i,right:d,bottom:l,width:`${n}%`,height:`${c}%`};return Object(s.a)("div",{style:u},e.get("id"),Object(s.a)(A.a,{account:e,animate:o}))}render(){const{accounts:e,size:t}=this.props;return Object(s.a)("div",{className:"account__avatar-composite",style:{width:`${t}px`,height:`${t}px`}},void 0,e.take(4).map(((t,a)=>this.renderItem(t,Math.min(e.size,4),a))),e.size>4&&Object(s.a)("span",{className:"account__avatar-composite__label"},void 0,"+",e.size-4))}}Object(q.a)(U,"defaultProps",{animate:K.a});var V=a(24),Z=a(65),J=a(197),W=a(151),Y=a(47);const B=Object(c.d)({more:{id:"status.more",defaultMessage:"More"}

1,open:{id:"conversation.open",defaultMessage:"View conversation"},reply:{id:"status.reply",defaultMessage:"Reply"},markAsRead:{id:"conversation.mark_as_read",defaultMessage:"Mark as read"},delete:{id:"conversation.delete",defaultMessage:"Delete conversation"},muteConversation:{id:"status.mute_conversation",defaultMessage:"Mute conversation"},unmuteConversation:{id:"status.unmute_conversation",defaultMessage:"Unmute conversation"}}),F=Object(k.a)((e=>e.get("accounts")),((e,t)=>t),((e,t)=>t.map((t=>e.get(t))))),G=Object(Y.i)(),Q=e=>{let{conversation:t,scrollKey:a,onMoveUp:o,onMoveDown:c}=e;const l=t.get("id"),u=t.get("unread"),b=t.get("last_status"),p=t.get("accounts"),j=Object(i.a)(),O=Object(d.useDispatch)(),v=Object(M.g)(),g=Object(d.useSelector)((e=>G(e,{id:b}))),h=Object(d.useSelector)((e=>F(e,p))),_=Object(n.useCallback)((e=>{let{currentTarget:t}=e;if(K.a)return;const a=t.querySelectorAll(".custom-emoji");for(var o=0;o<a.length;o++){let e=a[o];e.src=e.getAttribute("data-original")}}),[]),k=Object(n.useCallback)((e=>{let{currentTarget:t}=e;if(K.a)return;const a=t.querySelectorAll(".custom-emoji");for(var o=0;o<a.length;o++){let e=a[o];e.src=e.getAttribute("data-static")}}),[]),q=Object(n.useCallback)((()=>{u&&O(Object(m.k)(l)),v.push(`/@${g.getIn(["account","acct"])}/${g.get("id")}`)}

1),[O,v,u,l,g]),D=Object(n.useCallback)((()=>{O(Object(m.k)(l))}),[O,l]),H=Object(n.useCallback)((()=>{O(((e,t)=>{0!==t().getIn(["compose","text"]).trim().length?O(Object(N.b)({modalType:"CONFIRM_REPLY",modalProps:{status:g}})):O(Object(I.vb)(g))}))}),[O,g]),S=Object(n.useCallback)((()=>{O(Object(m.i)(l))}),[O,l]),E=Object(n.useCallback)((()=>{o(l)}),[l,o]),P=Object(n.useCallback)((()=>{c(l)}),[l,c]),R=Object(n.useCallback)((()=>{g.get("muted")?O(Object(T.w)(g.get("id"))):O(Object(T.p)(g.get("id")))}),[O,g]),$=Object(n.useCallback)((()=>{O(Object(T.t)(g.get("id")))}),[O,g]);if(!g)return null;const L=[{text:j.formatMessage(B.open),action:q},null,{text:j.formatMessage(g.get("muted")?B.unmuteConversation:B.muteConversation),action:R}];u&&(L.push({text:j.formatMessage(B.markAsRead),action:D}),L.push(null)),L.push({text:j.formatMessage(B.delete),action:S});const A=h.map((e=>Object(s.a)(y.a,{to:`/@${e.get("acct")}`,"data-hover-card-account":e.get("id")},e.get("id"),Object(s.a)("bdi",{},void 0,Object(s.a)("strong",{className:"display-name__html",dangerouslySetInnerHTML:{__html:e.get("display_name_html")}}))))).reduce(((e,t)=>[e,", ",t])),Y={reply:H,open:q,moveUp:E,moveDown:P,toggleHidden:$};return Object(s.a)(C.HotKeys,{handlers:Y},void 0,Object(s.a)("div",{className:f()("conversation focusable muted",{unread:u}),tabIndex:0},void 0,Object(s.a)("div",{className:"conversation__avatar",onClick:q,role:"presentation"},void 0,Object(s.a)(U,{accounts:h,size:48})),Object(s.a)("div",{className:"conversation__content"},void 0,Object(s.a)("div",{className:"conversation__content__info"},void 0,Object(s.a)("div",{className:"conversation__content__relative-time"},void 0,u&&Object(s.a)("span",{className:"conversation__unread"})," ",Object(s.a)(Z.a,{timestamp:g.get("created_at")})),Object(s.a)("div",{className:"conversation__content__names",onMouseEnter:_,onMouseLeave:k},void 0,Object(s.a)(r.a,{id:"conversation.with",defaultMessage:"With {names}",values:{names:Object(s.a)("span",{},void 0,A)}}))),Object(s.a)(J.a,{status:g,onClick:q,expanded:!g.get("hidden"),onExpandedToggle:$,collapsible:!0}),g.get("media_attachments").size>0&&Object(s.a)(z,{compact:!0,media:g.get("media_attachments")}),Object(s.a)("div",{className:"status__action-bar"},void 0,Object(s.a)(V.a,{className:"status__action-bar-button",title:j.formatMessage(B.reply),icon:"reply",iconComponent:x.a,onClick:H}),Object(s.a)("div",{className:"status__action-bar-dropdown"},void 0,Object(s.a)(W.a,{scrollKey:a,status:g,items:L,icon:"ellipsis-h",iconComponent:w.a,size:18,direction:"right",title:j.formatMessage(B.more)}))))))};var X=a(4);const ee=(e,t,a)=>{const o=e.querySelector(`article:nth-of-type(${t+1}) .focusable`);o&&(a&&e.scrollTop>o.offsetTop?o.scrollIntoView(!0):!a&&e.scrollTop+e.clientHeight<o.offsetTop+o.offsetHeight&&o.scrollIntoView(!1),o.focus())},te=e=>{var t;let{scrollKey:a,...o}=e;const c=Object(n.useRef)(),i=Object(d.useSelector)((e=>e.getIn(["conversations","items"]))),r=Object(d.useSelector)((e=>e.getIn(["conversations","isLoading"],!0))),l=Object(d.useSelector)((e=>e.getIn(["conversations","hasMore"],!1))),u=Object(d.useDispatch)(),b=null===(t=i.last())||void 0===t?void 0:t.get("last_status"),p=Object(n.useCallback)((e=>{const t=i.findIndex((t=>t.get("id")===e))-1;ee(c.current.node,t,!0)}),[c,i]),j=Object(n.useCallback)((e=>{const t=i.findIndex((t=>t.get("id")===e))+1;ee(c.current.node,t,!1)}),[c,i]),O=Object(n.useMemo)((()=>g()((e=>{u(Object(m.j)({maxId:e}))}),300,{leading:!0})),[u]),v=Object(n.useCallback)((()=>{b&&O(b)}),[O,b]);return Object(X.jsx)(h.a,{...o,scrollKey:a,isLoading:r,showLoading:r&&i.isEmpty(),hasMore:l,onLoadMore:v,ref:c,children:i.map((e=>Object(s.a)(Q,{conversation:e,onMoveUp:p,onMoveDown:j,scrollKey:a},e.get("id"))))})},ae=Object(c.d)({title:{id:"column.direct",defaultMessage:"Private mentions"}});t.default=e=>{let{columnId:t,multiColumn:a}=e;const o=Object(n.useRef)(),c=Object(i.a)(),v=Object(d.useDispatch)(),g=!!t,h=Object(n.useCallback)((()=>{v(t?Object(b.h)(t):Object(b.e)("DIRECT",{}))}),[v,t]),_=Object(n.useCallback)((e=>{v(Object(b.g)(t,e))}),[v,t]),f=Object(n.useCallback)((()=>{o.current.scrollTop()}),[o]);return Object(n.useEffect)((()=>{v(Object(m.l)()),v(Object(m.j)());const e=v(Object(p.b)());return()=>

1{v(Object(m.m)()),e()}}),[v]),Object(X.jsxs)(j.a,{bindToDocument:!a,ref:o,label:c.formatMessage(ae.title),children:[Object(s.a)(O.b,{icon:"at",iconComponent:u.a,title:c.formatMessage(ae.title),onPin:h,onMove:_,onClick:f,pinned:g,multiColumn:a}),Object(s.a)(te,{trackScroll:!g,scrollKey:`direct_timeline-${t}`,emptyMessage:Object(s.a)(r.a,{id:"empty_column.direct",defaultMessage:"You don't have any private mentions yet. When you send or receive one, it will show up here."}),bindToDocument:!a,prepend:Object(s.a)("div",{className:"follow_requests-unlocked_explanation"},void 0,Object(s.a)("span",{},void 0,Object(s.a)(r.a,{id:"compose_form.encryption_warning",defaultMessage:"Posts on Mastodon are not end-to-end encrypted. Do not share any dangerous information over Mastodon."})," ",Object(s.a)("a",{href:"/terms",target:"_blank"},void 0,Object(s.a)(r.a,{id:"compose_form.direct_message_warning_learn_more",defaultMessage:"Learn more"})))),alwaysPrepend:!0}),Object(s.a)(l.a,{},void 0,Object(s.a)("title",{},void 0,c.formatMessage(ae.title)),Object(s.a)("meta",{name:"robots",content:"noindex"}))]})}}}]);
2//# sourceMappingURL=direct_timeline-6b143b292d7c0498320e.chunk.js.map