https://sakurajima.moe/packs/js/features/direct_timeline-05f4bea675e6e6523d04.chunk.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[455],{2015:function(e,t,a){"use strict";a.r(t);var o=a(0),s=a(1),n=a(8),c=a(68),i=a(19),l=a(298),r=a(16),d=a(285),u=a(424),b=a(282),m=a(1850),p=a(1563),j=a(1653),O=a(73),v=a.n(O),g=(a(9),a(17),a(1883)),h=(a(34),a(113),a(10)),_=a.n(h),f=a(42),M=a(39),y=a(65),k=a(437),C=a(237),w=a(310),x=a(32),I=a(66),N=a(100),T=a(3),q=a(5),D=a.n(q),H=a(48),S=a.n(H),E=a(58),P=a(537),R=a(38);class $ extends E.a{render(){const{media:e,compact:t}=this.props;return Object(o.a)("div",{className:_()("attachment-list",{compact:t})},void 0,!t&&Object(o.a)("div",{className:"attachment-list__icon"},void 0,Object(o.a)(R.a,{id:"link",icon:P.a})),Object(o.a)("ul",{className:"attachment-list__list"},void 0,e.map((e=>{const a=e.get("remote_url")||e.get("url");return Object(o.a)("li",{},e.get("id"),Object(o.a)("a",{href:a,target:"_blank",rel:"noopener"},void 0,t&&Object(o.a)(R.a,{id:"link",icon:P.a}),t&&" ",a?a.split("/").pop().split("#")[0].split("?")[0]:Object(o.a)(i.a,{id:"attachments_list.unprocessed",defaultMessage:"(unprocessed)"})))}))))}}Object(T.a)($,"propTypes",{media:S.a.list.isRequired,compact:D.a.bool});a(317);var L=a(15),z=a(201);class K extends s.PureComponent{renderItem(e,t,a){const{animate:s}=this.props;let n=50,c=100,i="auto",l="auto",r="auto",d="auto";1===t&&(n=100),(4===t||3===t&&a>0)&&(c=50),2===t?0===a?d="1px":l="1px":3===t?(0===a?d="1px":a>0&&(l="1px"),1===a?r="1px":a>1&&(i="1px")):4===t&&(0!==a&&2!==a||(d="1px"),1!==a&&3!==a||(l="1px"),a<2?r="1px":i="1px");const u={left:l,top:i,right:d,bottom:r,width:`${n}%`,height:`${c}%`};return Object(o.a)("div",{style:u},e.get("id"),Object(o.a)(z.a,{account:e,animate:s}))}render(){const{accounts:e,size:t}=this.props;return Object(o.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(o.a)("span",{className:"account__avatar-composite__label"},void 0,"+",e.size-4))}}Object(T.a)(K,"defaultProps",{animate:L.a});var A=a(106),U=a(279),V=a(547),Z=a(1135),J=a(356);const W=Object(n.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"}}),Y=Object(y.a)((e=>e.get("accounts")),((e,t)=>t),((e,t)=>t.map((t=>e.get(t))))),B=Object(J.g)(),F=e=>{let{conversation:t,scrollKey:a,onMoveUp:n,onMoveDown:l}=e;const d=t.get("id"),u=t.get("unread"),m=t.get("last_status"),p=t.get("accounts"),j=Object(c.a)(),O=Object(r.useDispatch)(),v=Object(f.g)(),g=Object(r.useSelector)((e=>B(e,{id:m}))),h=Object(r.useSelector)((e=>Y(e,p))),y=Object(s.useCallback)((e=>{let{currentTarget:t}=e;if(L.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")}}),[]),T=Object(s.useCallback)((e=>{let{currentTarget:t}=e;if(L.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(s.useCallback)((()=>{u&&O(Object(b.k)(d)),v.push(`/@${g.getIn(["account","acct"])}/${g.get("id")}`)}

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

1{v(Object(b.m)()),e()}}),[v]),Object(G.jsxs)(p.b,{bindToDocument:!a,ref:n,label:O.formatMessage(ee.title),children:[Object(o.a)(j.b,{icon:"at",iconComponent:d.a,title:O.formatMessage(ee.title),onPin:h,onMove:_,onClick:f,pinned:g,multiColumn:a}),Object(o.a)(X,{trackScroll:!g,scrollKey:`direct_timeline-${t}`,emptyMessage:Object(o.a)(i.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(o.a)("div",{className:"follow_requests-unlocked_explanation"},void 0,Object(o.a)("span",{},void 0,Object(o.a)(i.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(o.a)("a",{href:"/terms",target:"_blank"},void 0,Object(o.a)(i.a,{id:"compose_form.direct_message_warning_learn_more",defaultMessage:"Learn more"})))),alwaysPrepend:!0}),Object(o.a)(l.a,{},void 0,Object(o.a)("title",{},void 0,O.formatMessage(ee.title)),Object(o.a)("meta",{name:"robots",content:"noindex"}))]})}},537:function(e,t,a){"use strict";var o,s=a(1);function n(){return n=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},n.apply(null,arguments)}t.a=function(e){let{title:t,titleId:a,...c}=e;return s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",height:24,viewBox:"0 -960 960 960",width:24,"aria-labelledby":a},c),t?s.createElement("title",{id:a},t):null,o||(o=s.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"})))}}}]);
2//# sourceMappingURL=direct_timeline-05f4bea675e6e6523d04.chunk.js.map