Merge branch 'exposed-background-image' into 'develop'
[akkoma] / priv / static / packs / features / account_gallery.js
index 08176bb53644c106c0a0fe68a0454488f1a5a99f..6afdba220a5b55cceaee04cb9e6d958e47467dd6 100644 (file)
@@ -1,2 +1,2 @@
-webpackJsonp([16],{149:function(e,t,o){"use strict";o.d(t,"a",function(){return m});var n,a,i=o(2),s=o.n(i),c=o(1),r=o.n(c),l=o(3),u=o.n(l),d=o(4),p=o.n(d),f=o(0),g=o.n(f),h=o(6),m=(a=n=function(e){function t(){return r()(this,t),u()(this,e.apply(this,arguments))}return p()(t,e),t.prototype.render=function(){var e=this.props,t=e.disabled,o=e.visible;return s()("button",{className:"load-more",disabled:t||!o,style:{visibility:o?"visible":"hidden"},onClick:this.props.onClick},void 0,s()(h.b,{id:"status.load_more",defaultMessage:"Load more"}))},t}(g.a.PureComponent),n.defaultProps={visible:!0},a)},150:function(e,t,o){"use strict";o.d(t,"a",function(){return h});var n=o(2),a=o.n(n),i=o(1),s=o.n(i),c=o(3),r=o.n(c),l=o(4),u=o.n(l),d=o(0),p=o.n(d),f=o(10),g=o.n(f),h=function(e){function t(){var o,n,a;s()(this,t);for(var i=arguments.length,c=Array(i),l=0;l<i;l++)c[l]=arguments[l];return o=n=r()(this,e.call.apply(e,[this].concat(c))),n.handleClick=function(){n.props.onClick()},a=o,r()(n,a)}return u()(t,e),t.prototype.render=function(){var e=this.props,t=e.icon,o=e.type,n=e.active,i=e.columnHeaderId,s="";return t&&(s=a()("i",{className:"fa fa-fw fa-"+t+" column-header__icon"})),a()("h1",{className:g()("column-header",{active:n}),id:i||null},void 0,a()("button",{onClick:this.handleClick},void 0,s,o))},t}(p.a.PureComponent)},283:function(e,t,o){"use strict";function n(e){return function(t){t({type:i,account:e}),t(Object(a.d)("MUTE"))}}t.a=n;var a=(o(14),o(22),o(15),o(26)),i="MUTES_INIT_MODAL"},284:function(e,t,o){"use strict";o.d(t,"a",function(){return b});var n=o(2),a=o.n(n),i=o(1),s=o.n(i),c=o(3),r=o.n(c),l=o(4),u=o.n(l),d=o(34),p=o.n(d),f=o(0),g=o.n(f),h=o(150),m=o(91),v=o(35),b=function(e){function t(){var o,n,a;s()(this,t);for(var i=arguments.length,c=Array(i),l=0;l<i;l++)c[l]=arguments[l];return o=n=r()(this,e.call.apply(e,[this].concat(c))),n.handleHeaderClick=function(){var e=n.node.querySelector(".scrollable");e&&(n._interruptScrollAnimation=Object(m.b)(e))},n.handleScroll=p()(function(){void 0!==n._interruptScrollAnimation&&n._interruptScrollAnimation()},200),n.setRef=function(e){n.node=e},a=o,r()(n,a)}return u()(t,e),t.prototype.scrollTop=function(){var e=this.node.querySelector(".scrollable");e&&(this._interruptScrollAnimation=Object(m.b)(e))},t.prototype.render=function(){var e=this.props,t=e.heading,o=e.icon,n=e.children,i=e.active,s=e.hideHeadingOnMobile,c=t&&(!s||s&&!Object(v.b)(window.innerWidth)),r=c&&t.replace(/ /g,"-"),l=c&&a()(h.a,{icon:o,active:i,type:t,onClick:this.handleHeaderClick,columnHeaderId:r});return g.a.createElement("div",{ref:this.setRef,role:"region","aria-labelledby":r,className:"column",onScroll:this.handleScroll},l,n)},t}(g.a.PureComponent)},287:function(e,t,o){"use strict";o.d(t,"a",function(){return b});var n,a,i=o(2),s=o.n(i),c=o(1),r=o.n(c),l=o(3),u=o.n(l),d=o(4),p=o.n(d),f=o(0),g=o.n(f),h=o(6),m=o(5),v=o.n(m),b=(a=n=function(e){function t(){var o,n,a;r()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=u()(this,e.call.apply(e,[this].concat(s))),n.handleClick=function(){window.history&&1===window.history.length?n.context.router.history.push("/"):n.context.router.history.goBack()},a=o,u()(n,a)}return p()(t,e),t.prototype.render=function(){return s()("button",{onClick:this.handleClick,className:"column-back-button"},void 0,s()("i",{className:"fa fa-fw fa-chevron-left column-back-button__icon"}),s()(h.b,{id:"column_back_button.label",defaultMessage:"Back"}))},t}(g.a.PureComponent),n.contextTypes={router:v.a.object},a)},814:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),o.d(t,"default",function(){return F});var n,a,i,s,c,r,l=o(2),u=o.n(l),d=o(1),p=o.n(d),f=o(3),g=o.n(f),h=o(4),m=o.n(h),v=o(0),b=(o.n(v),o(9)),_=o(13),M=o.n(_),y=o(5),k=o.n(y),w=o(22),I=o(19),N=o(297),O=o(284),j=o(287),C=o(11),R=o.n(C),T=o(67),q=o(967),S=o(844),x=o(151),B=o(149),A=function(e,t){return{medias:Object(T.a)(e,t.params.accountId),isLoading:e.getIn(["timelines","account:"+t.params.accountId+":media","isLoading"]),hasMore:e.getIn(["timelines","account:"+t.params.accountId+":media","hasMore"])}},L=(a=n=function(e){function t(){var o,n,a;p()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=g()(this,e.call.apply(e,[this].concat(s))),n.handleLoadMore=function(){n.props.onLoadMore(n.props.maxId)},a=o,g()(n,a)}return m()(t,e),t.prototype.render=function(){return u()(B.a,{disabled:this.props.disabled,onLoadMore:this.handleLoadMore})},t}(R.a),n.propTypes={maxId:k.a.string,onLoadMore:k.a.func.isRequired},a),F=(i=Object(b.connect)(A))((r=c=function(e){function t(){var o,n,a;p()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=g()(this,e.call.apply(e,[this].concat(s))),n.handleScrollToBottom=function(){n.props.hasMore&&n.handleLoadMore(n.props.medias.last().getIn(["status","id"]))},n.handleScroll=function(e){var t=e.target,o=t.scrollTop;150>t.scrollHeight-o-t.clientHeight&&!n.props.isLoading&&n.handleScrollToBottom()},n.handleLoadMore=function(e){n.props.dispatch(Object(I.k)(n.props.params.accountId,{maxId:e}))},n.handleLoadOlder=function(e){e.preventDefault(),n.handleScrollToBottom()},a=o,g()(n,a)}return m()(t,e),t.prototype.componentDidMount=function(){this.props.dispatch(Object(w.u)(this.props.params.accountId)),this.props.dispatch(Object(I.k)(this.props.params.accountId))},t.prototype.componentWillReceiveProps=function(e){e.params.accountId!==this.props.params.accountId&&e.params.accountId&&(this.props.dispatch(Object(w.u)(e.params.accountId)),this.props.dispatch(Object(I.k)(this.props.params.accountId)))},t.prototype.render=function(){var e=this.props,t=e.medias,o=e.isLoading,n=e.hasMore,a=null;return!t&&o?u()(O.a,{},void 0,u()(N.a,{})):(!o&&t.size>0&&n&&(a=u()(B.a,{onClick:this.handleLoadOlder})),u()(O.a,{},void 0,u()(j.a,{}),u()(x.a,{scrollKey:"account_gallery"},void 0,u()("div",{className:"scrollable",onScroll:this.handleScroll},void 0,u()(S.a,{accountId:this.props.params.accountId}),u()("div",{className:"account-gallery__container"},void 0,t.map(function(e,o){return null===e?u()(L,{maxId:o>0?t.getIn(o-1,"id"):null},"more:"+t.getIn(o+1,"id")):u()(q.a,{media:e},e.get("id"))}),a)))))},t}(R.a),c.propTypes={params:k.a.object.isRequired,dispatch:k.a.func.isRequired,medias:M.a.list.isRequired,isLoading:k.a.bool,hasMore:k.a.bool},s=r))||s},843:function(e,t,o){"use strict";var n=o(2),a=o.n(n),i=o(0),s=(o.n(i),o(6)),c=function(){return a()("div",{className:"regeneration-indicator missing-indicator"},void 0,a()("div",{},void 0,a()("div",{className:"regeneration-indicator__label"},void 0,a()(s.b,{id:"missing_indicator.label",tagName:"strong",defaultMessage:"Not found"}),a()(s.b,{id:"missing_indicator.sublabel",defaultMessage:"This resource could not be found"}))))};t.a=c},844:function(e,t,o){"use strict";var n=o(2),a=o.n(n),i=o(0),s=(o.n(i),o(9)),c=o(67),r=o(845),l=o(22),u=o(18),d=o(283),p=o(26),f=o(6),g=o(12),h=Object(f.f)({unfollowConfirm:{id:"confirmations.unfollow.confirm",defaultMessage:"Unfollow"},blockConfirm:{id:"confirmations.block.confirm",defaultMessage:"Block"}}),m=function(){var e=Object(c.c)();return function(t,o){var n=o.accountId;return{account:e(t,n)}}},v=function(e,t){var o=t.intl;return{onFollow:function(t){e(t.getIn(["relationship","following"])||t.getIn(["relationship","requested"])?g.j?Object(p.d)("CONFIRM",{message:a()(f.b,{id:"confirmations.unfollow.message",defaultMessage:"Are you sure you want to unfollow {name}?",values:{name:a()("strong",{},void 0,"@",t.get("acct"))}}),confirm:o.formatMessage(h.unfollowConfirm),onConfirm:function(){return e(Object(l.D)(t.get("id")))}}):Object(l.D)(t.get("id")):Object(l.z)(t.get("id")))},onBlock:function(t){e(t.getIn(["relationship","blocking"])?Object(l.C)(t.get("id")):Object(p.d)("CONFIRM",{message:a()(f.b,{id:"confirmations.block.message",defaultMessage:"Are you sure you want to block {name}?",values:{name:a()("strong",{},void 0,"@",t.get("acct"))}}),confirm:o.formatMessage(h.blockConfirm),onConfirm:function(){return e(Object(l.q)(t.get("id")))}}))},onMention:function(t,o){e(Object(u.R)(t,o))},onDirect:function(t,o){e(Object(u.N)(t,o))},onReblogToggle:function(t){e(t.getIn(["relationship","showing_reblogs"])?Object(l.z)(t.get("id"),!1):Object(l.z)(t.get("id"),!0))},onMute:function(t){e(t.getIn(["relationship","muting"])?Object(l.E)(t.get("id")):Object(d.a)(t))}}};t.a=Object(f.g)(Object(s.connect)(m,v)(r.a))},845:function(e,t,o){"use strict";o.d(t,"a",function(){return O});var n,a,i=o(2),s=o.n(i),c=o(1),r=o.n(c),l=o(3),u=o.n(l),d=o(4),p=o.n(d),f=o(0),g=(o.n(f),o(13)),h=o.n(g),m=o(5),v=o.n(m),b=o(846),_=o(847),M=o(843),y=o(11),k=o.n(y),w=o(848),I=o(6),N=o(45),O=(a=n=function(e){function t(){var o,n,a;r()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=u()(this,e.call.apply(e,[this].concat(s))),n.handleFollow=function(){n.props.onFollow(n.props.account)},n.handleBlock=function(){n.props.onBlock(n.props.account)},n.handleMention=function(){n.props.onMention(n.props.account,n.context.router.history)},n.handleDirect=function(){n.props.onDirect(n.props.account,n.context.router.history)},n.handleReblogToggle=function(){n.props.onReblogToggle(n.props.account)},n.handleMute=function(){n.props.onMute(n.props.account)},a=o,u()(n,a)}return p()(t,e),t.prototype.render=function(){var e=this.props,t=e.account,o=e.hideTabs;return null===t?s()(M.a,{}):s()("div",{className:"account-timeline__header"},void 0,t.get("moved")&&s()(w.a,{from:t,to:t.get("moved")}),s()(b.a,{account:t,onFollow:this.handleFollow,onBlock:this.handleBlock}),s()(_.a,{account:t,onBlock:this.handleBlock,onMention:this.handleMention,onDirect:this.handleDirect,onReblogToggle:this.handleReblogToggle,onMute:this.handleMute}),!o&&s()("div",{className:"account__section-headline"},void 0,s()(N.c,{exact:!0,to:"/accounts/"+t.get("id")},void 0,s()(I.b,{id:"account.posts",defaultMessage:"Toots"})),s()(N.c,{exact:!0,to:"/accounts/"+t.get("id")+"/with_replies"},void 0,s()(I.b,{id:"account.posts_with_replies",defaultMessage:"Toots and replies"})),s()(N.c,{exact:!0,to:"/accounts/"+t.get("id")+"/media"},void 0,s()(I.b,{id:"account.media",defaultMessage:"Media"}))))},t}(k.a),n.propTypes={account:h.a.map,onFollow:v.a.func.isRequired,onBlock:v.a.func.isRequired,onMention:v.a.func.isRequired,onDirect:v.a.func.isRequired,onReblogToggle:v.a.func.isRequired,onMute:v.a.func.isRequired,hideTabs:v.a.bool},n.contextTypes={router:v.a.object},a)},846:function(e,t,o){"use strict";o.d(t,"a",function(){return q});var n,a,i,s,c,r=o(2),l=o.n(r),u=o(1),d=o.n(u),p=o(3),f=o.n(p),g=o(4),h=o.n(g),m=o(0),v=(o.n(m),o(13)),b=o.n(v),_=o(5),M=o.n(_),y=o(6),k=o(23),w=o(27),I=(o.n(w),o(11)),N=o.n(I),O=o(12),j=o(10),C=o.n(j),R=Object(y.f)({unfollow:{id:"account.unfollow",defaultMessage:"Unfollow"},follow:{id:"account.follow",defaultMessage:"Follow"},requested:{id:"account.requested",defaultMessage:"Awaiting approval. Click to cancel follow request"},unblock:{id:"account.unblock",defaultMessage:"Unblock @{name}"}}),T=(a=n=function(e){function t(){var o,n,a;d()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=f()(this,e.call.apply(e,[this].concat(s))),n.state={isHovered:!1},n.handleMouseOver=function(){n.state.isHovered||n.setState({isHovered:!0})},n.handleMouseOut=function(){n.state.isHovered&&n.setState({isHovered:!1})},a=o,f()(n,a)}return h()(t,e),t.prototype.render=function(){var e=this.props.account,t=this.state.isHovered;return l()("a",{href:e.get("url"),className:"account__header__avatar",role:"presentation",target:"_blank",rel:"noopener",style:{backgroundImage:"url("+(O.a||t?e.get("avatar"):e.get("avatar_static"))+")"},onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut,onFocus:this.handleMouseOver,onBlur:this.handleMouseOut},void 0,l()("span",{style:{display:"none"}},void 0,e.get("acct")))},t}(N.a),n.propTypes={account:b.a.map.isRequired},a),q=Object(y.g)((c=s=function(e){function t(){return d()(this,t),f()(this,e.apply(this,arguments))}return h()(t,e),t.prototype.render=function(){var e=this.props,t=e.account,o=e.intl;if(!t)return null;var n="",a="",i="",s="";O.g!==t.get("id")&&t.getIn(["relationship","followed_by"])?n=l()("span",{className:"account--follows-info"},void 0,l()(y.b,{id:"account.follows_you",defaultMessage:"Follows you"})):O.g!==t.get("id")&&t.getIn(["relationship","blocking"])&&(n=l()("span",{className:"account--follows-info"},void 0,l()(y.b,{id:"account.blocked",defaultMessage:"Blocked"}))),O.g!==t.get("id")&&t.getIn(["relationship","muting"])?a=l()("span",{className:"account--muting-info"},void 0,l()(y.b,{id:"account.muted",defaultMessage:"Muted"})):O.g!==t.get("id")&&t.getIn(["relationship","domain_blocking"])&&(a=l()("span",{className:"account--muting-info"},void 0,l()(y.b,{id:"account.domain_blocked",defaultMessage:"Domain hidden"}))),O.g!==t.get("id")&&(t.getIn(["relationship","requested"])?i=l()("div",{className:"account--action-button"},void 0,l()(k.a,{size:26,active:!0,icon:"hourglass",title:o.formatMessage(R.requested),onClick:this.props.onFollow})):t.getIn(["relationship","blocking"])?t.getIn(["relationship","blocking"])&&(i=l()("div",{className:"account--action-button"},void 0,l()(k.a,{size:26,icon:"unlock-alt",title:o.formatMessage(R.unblock,{name:t.get("username")}),onClick:this.props.onBlock}))):i=l()("div",{className:"account--action-button"},void 0,l()(k.a,{size:26,icon:t.getIn(["relationship","following"])?"user-times":"user-plus",active:t.getIn(["relationship","following"]),title:o.formatMessage(t.getIn(["relationship","following"])?R.unfollow:R.follow),onClick:this.props.onFollow}))),t.get("moved")&&!t.getIn(["relationship","following"])&&(i=""),t.get("locked")&&(s=l()("i",{className:"fa fa-lock"}));var c={__html:t.get("note_emojified")},r={__html:t.get("display_name_html")};return l()("div",{className:C()("account__header",{inactive:!!t.get("moved")}),style:{backgroundImage:"url("+t.get("header")+")"}},void 0,l()("div",{},void 0,l()(T,{account:t}),l()("span",{className:"account__header__display-name",dangerouslySetInnerHTML:r}),l()("span",{className:"account__header__username"},void 0,"@",t.get("acct")," ",s),l()("div",{className:"account__header__content",dangerouslySetInnerHTML:c}),n,a,i))},t}(N.a),s.propTypes={account:b.a.map,onFollow:M.a.func.isRequired,onBlock:M.a.func.isRequired,intl:M.a.object.isRequired},i=c))||i},847:function(e,t,o){"use strict";o.d(t,"a",function(){return _});var n,a=o(2),i=o.n(a),s=o(1),c=o.n(s),r=o(3),l=o.n(r),u=o(4),d=o.n(u),p=o(0),f=o.n(p),g=o(300),h=o(45),m=o(6),v=o(12),b=Object(m.f)({mention:{id:"account.mention",defaultMessage:"Mention @{name}"},direct:{id:"account.direct",defaultMessage:"Direct message @{name}"},edit_profile:{id:"account.edit_profile",defaultMessage:"Edit profile"},unblock:{id:"account.unblock",defaultMessage:"Unblock @{name}"},unfollow:{id:"account.unfollow",defaultMessage:"Unfollow"},block:{id:"account.block",defaultMessage:"Block @{name}"},follow:{id:"account.follow",defaultMessage:"Follow"},report:{id:"account.report",defaultMessage:"Report @{name}"},share:{id:"account.share",defaultMessage:"Share @{name}'s profile"},media:{id:"account.media",defaultMessage:"Media"},hideReblogs:{id:"account.hide_reblogs",defaultMessage:"Hide boosts from @{name}"},showReblogs:{id:"account.show_reblogs",defaultMessage:"Show boosts from @{name}"}}),_=Object(m.g)(n=function(e){function t(){var o,n,a;c()(this,t);for(var i=arguments.length,s=Array(i),r=0;r<i;r++)s[r]=arguments[r];return o=n=l()(this,e.call.apply(e,[this].concat(s))),n.handleShare=function(){navigator.share({url:n.props.account.get("url")})},a=o,l()(n,a)}return d()(t,e),t.prototype.render=function(){var e=this.props,t=e.account,o=e.intl,n=[],a="";return n.push({text:o.formatMessage(b.mention,{name:t.get("username")}),action:this.props.onMention}),n.push({text:o.formatMessage(b.direct,{name:t.get("username")}),action:this.props.onDirect}),"share"in navigator&&n.push({text:o.formatMessage(b.share,{name:t.get("username")}),action:this.handleShare}),n.push(null),t.get("id")===v.g?n.push({text:o.formatMessage(b.edit_profile),href:"/settings/profile"}):(t.getIn(["relationship","following"])&&(t.getIn(["relationship","showing_reblogs"])?n.push({text:o.formatMessage(b.hideReblogs,{name:t.get("username")}),action:this.props.onReblogToggle}):n.push({text:o.formatMessage(b.showReblogs,{name:t.get("username")}),action:this.props.onReblogToggle})),t.getIn(["relationship","blocking"])?n.push({text:o.formatMessage(b.unblock,{name:t.get("username")}),action:this.props.onBlock}):n.push({text:o.formatMessage(b.block,{name:t.get("username")}),action:this.props.onBlock}),n.push({text:o.formatMessage(b.report,{name:t.get("username")}),action:this.props.onReport})),t.get("acct")!==t.get("username")&&(a=i()("div",{className:"account__disclaimer"},void 0,i()(m.b,{id:"account.disclaimer_full",defaultMessage:"Information below may reflect the user's profile incompletely."})," ",i()("a",{target:"_blank",rel:"noopener",href:t.get("url")},void 0,i()(m.b,{id:"account.view_full_profile",defaultMessage:"View full profile"}))),n.push(null)),i()("div",{},void 0,a,i()("div",{className:"account__action-bar"},void 0,i()("div",{className:"account__action-bar-dropdown"},void 0,i()(g.a,{items:n,icon:"bars",size:24,direction:"right"})),i()("div",{className:"account__action-bar-links"},void 0,i()(h.b,{className:"account__action-bar__tab",to:"/accounts/"+t.get("id")},void 0,i()("span",{},void 0,i()(m.b,{id:"account.posts",defaultMessage:"Toots"})),i()("strong",{},void 0,i()(m.c,{value:t.get("statuses_count")}))),i()(h.b,{className:"account__action-bar__tab",to:"/accounts/"+t.get("id")+"/following"},void 0,i()("span",{},void 0,i()(m.b,{id:"account.follows",defaultMessage:"Follows"})),i()("strong",{},void 0,i()(m.c,{value:t.get("following_count")}))),i()(h.b,{className:"account__action-bar__tab",to:"/accounts/"+t.get("id")+"/followers"},void 0,i()("span",{},void 0,i()(m.b,{id:"account.followers",defaultMessage:"Followers"})),i()("strong",{},void 0,i()(m.c,{value:t.get("followers_count")}))))))},t}(f.a.PureComponent))||n},848:function(e,t,o){"use strict";o.d(t,"a",function(){return w});var n,a,i=o(2),s=o.n(i),c=o(1),r=o.n(c),l=o(3),u=o.n(l),d=o(4),p=o.n(d),f=o(0),g=(o.n(f),o(5)),h=o.n(g),m=o(13),v=o.n(m),b=o(6),_=o(11),M=o.n(_),y=o(302),k=o(56),w=(a=n=function(e){function t(){var o,n,a;r()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=u()(this,e.call.apply(e,[this].concat(s))),n.handleAccountClick=function(e){0===e.button&&(e.preventDefault(),n.context.router.history.push("/accounts/"+n.props.to.get("id"))),e.stopPropagation()},a=o,u()(n,a)}return p()(t,e),t.prototype.render=function(){var e=this.props,t=e.from,o=e.to,n={__html:t.get("display_name_html")};return s()("div",{className:"account__moved-note"},void 0,s()("div",{className:"account__moved-note__message"},void 0,s()("div",{className:"account__moved-note__icon-wrapper"},void 0,s()("i",{className:"fa fa-fw fa-suitcase account__moved-note__icon"})),s()(b.b,{id:"account.moved_to",defaultMessage:"{name} has moved to:",values:{name:s()("bdi",{},void 0,s()("strong",{dangerouslySetInnerHTML:n}))}})),s()("a",{href:o.get("url"),onClick:this.handleAccountClick,className:"detailed-status__display-name"},void 0,s()("div",{className:"detailed-status__display-avatar"},void 0,s()(y.a,{account:o,friend:t})),s()(k.a,{account:o})))},t}(M.a),n.contextTypes={router:h.a.object},n.propTypes={from:v.a.map.isRequired,to:v.a.map.isRequired},a)},967:function(e,t,o){"use strict";o.d(t,"a",function(){return M});var n,a,i=o(2),s=o.n(i),c=o(1),r=o.n(c),l=o(3),u=o.n(l),d=o(4),p=o.n(d),f=o(0),g=(o.n(f),o(13)),h=o.n(g),m=o(11),v=o.n(m),b=o(296),_=o(12),M=(a=n=function(e){function t(){var o,n,a;r()(this,t);for(var i=arguments.length,s=Array(i),c=0;c<i;c++)s[c]=arguments[c];return o=n=u()(this,e.call.apply(e,[this].concat(s))),n.state={visible:!n.props.media.getIn(["status","sensitive"])||_.f},n.handleClick=function(){return!n.state.visible&&(n.setState({visible:!0}),!0)},a=o,u()(n,a)}return p()(t,e),t.prototype.render=function(){var e=this.props.media,t=this.state.visible,o=e.get("status"),n=e.getIn(["meta","focus","x"]),a=e.getIn(["meta","focus","y"]),i=100*(n/2+.5),c=100*(a/-2+.5),r={},l=void 0,u=void 0;return"gifv"===e.get("type")&&(l=s()("span",{className:"media-gallery__gifv__label"},void 0,"GIF")),t?(r.backgroundImage="url("+e.get("preview_url")+")",r.backgroundPosition=i+"% "+c+"%"):u=s()("span",{className:"account-gallery__item__icons"},void 0,s()("i",{className:"fa fa-eye-slash"})),s()("div",{className:"account-gallery__item"},void 0,s()(b.a,{to:"/statuses/"+o.get("id"),href:o.get("url"),style:r,onInterceptClick:this.handleClick},void 0,u,l))},t}(v.a),n.propTypes={media:h.a.map.isRequired},a)}});
+(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{863:function(t,e,a){"use strict";a.r(e),a.d(e,"default",(function(){return z}));var n=a(0),o=a(2),c=a(9),i=a(6),s=a(8),r=a(1),l=a(3),d=a.n(l),p=a(15),u=a(16),h=a.n(u),b=a(5),m=a.n(b),f=a(26),O=a(36),g=a(306),j=a(757),v=a(764),y=a(21),_=a(210),I=a(215),M=a(14),L=a.n(M),w=a(27),R=a(22),x=a(120);var S=function(t){Object(s.a)(a,t);var e;e=a;function a(){for(var e,a=arguments.length,n=new Array(a),c=0;c<a;c++)n[c]=arguments[c];return e=t.call.apply(t,[this].concat(n))||this,Object(r.a)(Object(o.a)(e),"state",{visible:"hide_all"!==R.g&&!e.props.attachment.getIn(["status","sensitive"])||"show_all"===R.g,loaded:!1}),Object(r.a)(Object(o.a)(e),"setCanvasRef",(function(t){e.canvas=t})),Object(r.a)(Object(o.a)(e),"handleImageLoad",(function(){e.setState({loaded:!0})})),Object(r.a)(Object(o.a)(e),"handleMouseEnter",(function(t){e.hoverToPlay()&&t.target.play()})),Object(r.a)(Object(o.a)(e),"handleMouseLeave",(function(t){e.hoverToPlay()&&(t.target.pause(),t.target.currentTime=0)})),Object(r.a)(Object(o.a)(e),"handleClick",(function(t){0!==t.button||t.ctrlKey||t.metaKey||(t.preventDefault(),e.state.visible?e.props.onOpenMedia(e.props.attachment):e.setState({visible:!0}))})),e}var c=a.prototype;return c.componentDidMount=function(){this.props.attachment.get("blurhash")&&this._decode()},c.componentDidUpdate=function(t){t.attachment.get("blurhash")!==this.props.attachment.get("blurhash")&&this.props.attachment.get("blurhash")&&this._decode()},c._decode=function(){var t=this.props.attachment.get("blurhash"),e=Object(I.decode)(t,32,32);if(e){var a=this.canvas.getContext("2d"),n=new ImageData(e,32,32);a.putImageData(n,0,0)}},c.hoverToPlay=function(){return!R.a&&-1!==["gifv","video"].indexOf(this.props.attachment.get("type"))},c.render=function(){var t,e=this.props,a=e.attachment,o=e.displayWidth,c=this.state,i=c.visible,s=c.loaded,r=Math.floor((o-4)/3)-4+"px",l=r,p=a.get("status"),u=p.get("spoiler_text")||a.get("description"),h="";if("unknown"===a.get("type"));else if("audio"===a.get("type"))h=Object(n.a)("span",{className:"account-gallery__item__icons"},void 0,Object(n.a)(w.a,{id:"music"}));else if("image"===a.get("type")){var b=100*((a.getIn(["meta","focus","x"])||0)/2+.5),m=100*((a.getIn(["meta","focus","y"])||0)/-2+.5);h=Object(n.a)("img",{src:a.get("preview_url"),alt:a.get("description"),title:a.get("description"),style:{objectPosition:b+"% "+m+"%"},onLoad:this.handleImageLoad})}else if(-1!==["gifv","video"].indexOf(a.get("type"))){var f=!Object(x.a)()&&R.a,O="video"===a.get("type")?Object(n.a)(w.a,{id:"play"}):"GIF";h=Object(n.a)("div",{className:L()("media-gallery__gifv",{autoplay:f})},void 0,Object(n.a)("video",{className:"media-gallery__item-gifv-thumbnail","aria-label":a.get("description"),title:a.get("description"),role:"application",src:a.get("url"),onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,autoPlay:f,loop:!0,muted:!0}),Object(n.a)("span",{className:"media-gallery__gifv__label"},void 0,O))}return i||(t=Object(n.a)("span",{className:"account-gallery__item__icons"},void 0,Object(n.a)(w.a,{id:"eye-slash"}))),Object(n.a)("div",{className:"account-gallery__item",style:{width:r,height:l}},void 0,Object(n.a)("a",{className:"media-gallery__item-thumbnail",href:p.get("url"),onClick:this.handleClick,title:u,target:"_blank",rel:"noopener noreferrer"},void 0,d.a.createElement("canvas",{width:32,height:32,ref:this.setCanvasRef,className:L()("media-gallery__preview",{"media-gallery__preview--hidden":i&&s})}),i&&h,!i&&t))},a}(y.a);Object(r.a)(S,"propTypes",{attachment:h.a.map.isRequired,displayWidth:m.a.number.isRequired,onOpenMedia:m.a.func.isRequired});var D,C,N,T=a(1084),A=a(472),k=a(1081),q=a(1057),E=a(48);function P(t){return function(){var e,a=Object(i.a)(t);if(U()){var n=Object(i.a)(this).constructor;e=Reflect.construct(a,arguments,n)}else e=a.apply(this,arguments);return Object(c.a)(this,e)}}function U(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}var W=function(t){Object(s.a)(e,t);P(e);function e(){for(var e,a=arguments.length,n=new Array(a),c=0;c<a;c++)n[c]=arguments[c];return e=t.call.apply(t,[this].concat(n))||this,Object(r.a)(Object(o.a)(e),"handleLoadMore",(function(){e.props.onLoadMore(e.props.maxId)})),e}return e.prototype.render=function(){return Object(n.a)(k.a,{disabled:this.props.disabled,onClick:this.handleLoadMore})},e}(y.a);Object(r.a)(W,"propTypes",{shouldUpdateScroll:m.a.func,maxId:m.a.string,onLoadMore:m.a.func.isRequired});var z=Object(p.connect)((function(t,e){return{isAccount:!!t.getIn(["accounts",e.params.accountId]),attachments:Object(_.a)(t,e.params.accountId),isLoading:t.getIn(["timelines","account:"+e.params.accountId+":media","isLoading"]),hasMore:t.getIn(["timelines","account:"+e.params.accountId+":media","hasMore"])}}))((N=C=function(t){Object(s.a)(e,t);P(e);function e(){for(var e,a=arguments.length,n=new Array(a),c=0;c<a;c++)n[c]=arguments[c];return e=t.call.apply(t,[this].concat(n))||this,Object(r.a)(Object(o.a)(e),"state",{width:323}),Object(r.a)(Object(o.a)(e),"handleScrollToBottom",(function(){e.props.hasMore&&e.handleLoadMore(e.props.attachments.size>0?e.props.attachments.last().getIn(["status","id"]):void 0)})),Object(r.a)(Object(o.a)(e),"handleScroll",(function(t){var a=t.target,n=a.scrollTop;150>a.scrollHeight-n-a.clientHeight&&!e.props.isLoading&&e.handleScrollToBottom()})),Object(r.a)(Object(o.a)(e),"handleLoadMore",(function(t){e.props.dispatch(Object(O.p)(e.props.params.accountId,{maxId:t}))})),Object(r.a)(Object(o.a)(e),"handleLoadOlder",(function(t){t.preventDefault(),e.handleScrollToBottom()})),Object(r.a)(Object(o.a)(e),"handleOpenMedia",(function(t){if("video"===t.get("type"))e.props.dispatch(Object(E.d)("VIDEO",{media:t,status:t.get("status")}));else if("audio"===t.get("type"))e.props.dispatch(Object(E.d)("AUDIO",{media:t,status:t.get("status")}));else{var a=t.getIn(["status","media_attachments"]),n=a.findIndex((function(e){return e.get("id")===t.get("id")}));e.props.dispatch(Object(E.d)("MEDIA",{media:a,index:n,status:t.get("status")}))}})),Object(r.a)(Object(o.a)(e),"handleRef",(function(t){t&&e.setState({width:t.offsetWidth})})),e}var a=e.prototype;return a.componentDidMount=function(){this.props.dispatch(Object(f.A)(this.props.params.accountId)),this.props.dispatch(Object(O.p)(this.props.params.accountId))},a.componentWillReceiveProps=function(t){t.params.accountId!==this.props.params.accountId&&t.params.accountId&&(this.props.dispatch(Object(f.A)(t.params.accountId)),this.props.dispatch(Object(O.p)(this.props.params.accountId)))},a.render=function(){var t=this,e=this.props,a=e.attachments,o=e.shouldUpdateScroll,c=e.isLoading,i=e.hasMore,s=e.isAccount,r=e.multiColumn,l=this.state.width;if(!s)return Object(n.a)(j.a,{},void 0,Object(n.a)(q.a,{}));if(!a&&c)return Object(n.a)(j.a,{},void 0,Object(n.a)(g.a,{}));var p=null;return!i||c&&0===a.size||(p=Object(n.a)(k.a,{visible:!c,onClick:this.handleLoadOlder})),Object(n.a)(j.a,{},void 0,Object(n.a)(v.a,{multiColumn:r}),Object(n.a)(A.a,{scrollKey:"account_gallery",shouldUpdateScroll:o},void 0,Object(n.a)("div",{className:"scrollable scrollable--flex",onScroll:this.handleScroll},void 0,Object(n.a)(T.a,{accountId:this.props.params.accountId}),d.a.createElement("div",{role:"feed",className:"account-gallery__container",ref:this.handleRef},a.map((function(e,o){return null===e?Object(n.a)(W,{maxId:o>0?a.getIn(o-1,"id"):null,onLoadMore:t.handleLoadMore},"more:"+a.getIn(o+1,"id")):Object(n.a)(S,{attachment:e,displayWidth:l,onOpenMedia:t.handleOpenMedia},e.get("id"))})),p),c&&0===a.size&&Object(n.a)("div",{className:"scrollable__append"},void 0,Object(n.a)(g.a,{})))))},e}(y.a),Object(r.a)(C,"propTypes",{params:m.a.object.isRequired,dispatch:m.a.func.isRequired,attachments:h.a.list.isRequired,isLoading:m.a.bool,hasMore:m.a.bool,isAccount:m.a.bool,multiColumn:m.a.bool}),D=N))||D}}]);
 //# sourceMappingURL=account_gallery.js.map
\ No newline at end of file