1 (window
.webpackJsonp
=window
.webpackJsonp
||[]).push([[30],{711:function(t
,n
,e
){"use strict";e
.r(n
);var i
,o
,a
,s
,r
,l
,c
=e(0),u
=e
.n(c
),d
=e(6),f
=e
.n(d
),h
=e(3),p
=e
.n(h
),g
=e(7),m
=e
.n(g
),v
=e(38),b
=e
.n(v
),M
=e(1),_
=e
.n(M
),w
=e(12),y
=e(62),C
=e(60),O
=e(46),P
=e(113),x
=e(32),I
=e(2),N
=e
.n(I
),j
=e(17),S
=e
.n(j
),k
=e(154),D
=e(693),T
=e(4),U
=e(71),L
=e(18),R
=e(118),H=function(t
,n
,e
){var i
=[n
];return i
.push(t
.formatDate(e
,{hour:"2-digit",minute:"2-digit",month:"short",day:"numeric"})),i
.join(", ")},F
=Object(T
.g
)((a
=o=function(t
){function n(){var e
,i
,o
;f()(this,n
);for(var a
=arguments
.length
,s
=Array(a
),r
=0;r
<a
;r
++)s
[r
]=arguments
[r
];return e
=i
=p()(this,t
.call
.apply(t
,[this].concat(s
))),i
.handleMoveUp=function(){var t
=i
.props
,n
=t
.notification
;(0,t
.onMoveUp
)(n
.get("id"))},i
.handleMoveDown=function(){var t
=i
.props
,n
=t
.notification
;(0,t
.onMoveDown
)(n
.get("id"))},i
.handleOpen=function(){var t
=i
.props
.notification
;t
.get("status")?i
.context
.router
.history
.push("/statuses/"+t
.get("status")):i
.handleOpenProfile()},i
.handleOpenProfile=function(){var t
=i
.props
.notification
;i
.context
.router
.history
.push("/accounts/"+t
.getIn(["account","id"]))},i
.handleMention=function(t
){t
.preventDefault();var n
=i
.props
,e
=n
.notification
;(0,n
.onMention
)(e
.get("account"),i
.context
.router
.history
)},o
=e
,p()(i
,o
)}return m()(n
,t
),n
.prototype.getHandlers=function(){return{moveUp:this.handleMoveUp
,moveDown:this.handleMoveDown
,open:this.handleOpen
,openProfile:this.handleOpenProfile
,mention:this.handleMention
,reply:this.handleMention
}},n
.prototype.renderFollow=function(t
,n
,e
){var i
=this.props
.intl
;return u()(R
.HotKeys
,{handlers:this.getHandlers()},void 0,u()("div",{className:"notification notification-follow focusable",tabIndex:"0","aria-label":H(i
,i
.formatMessage({id:"notification.follow",defaultMessage:"{name} followed you"},{name:n
.get("acct")}),t
.get("created_at"))},void 0,u()("div",{className:"notification__message"},void 0,u()("div",{className:"notification__favourite-icon-wrapper"},void 0,u()("i",{className:"fa fa-fw fa-user-plus"})),u()(T
.b
,{id:"notification.follow",defaultMessage:"{name} followed you",values:{name:e
}})),u()(D
.a
,{id:n
.get("id"),withNote:!1,hidden:this.props
.hidden
})))},n
.prototype.renderMention=function(t
){return u()(k
.a
,{id:t
.get("status"),withDismiss:!0,hidden:this.props
.hidden
,onMoveDown:this.handleMoveDown
,onMoveUp:this.handleMoveUp
,contextType:"notifications"})},n
.prototype.renderFavourite=function(t
,n
){var e
=this.props
.intl
;return u()(R
.HotKeys
,{handlers:this.getHandlers()},void 0,u()("div",{className:"notification notification-favourite focusable",tabIndex:"0","aria-label":H(e
,e
.formatMessage({id:"notification.favourite",defaultMessage:"{name} favourited your status"},{name:t
.getIn(["account","acct"])}),t
.get("created_at"))},void 0,u()("div",{className:"notification__message"},void 0,u()("div",{className:"notification__favourite-icon-wrapper"},void 0,u()("i",{className:"fa fa-fw fa-star star-icon"})),u()(T
.b
,{id:"notification.favourite",defaultMessage:"{name} favourited your status",values:{name:n
}})),u()(k
.a
,{id:t
.get("status"),account:t
.get("account"),muted:!0,withDismiss:!0,hidden:!!this.props
.hidden
})))},n
.prototype.renderReblog=function(t
,n
){var e
=this.props
.intl
;return u()(R
.HotKeys
,{handlers:this.getHandlers()},void 0,u()("div",{className:"notification notification-reblog focusable",tabIndex:"0","aria-label":H(e
,e
.formatMessage({id:"notification.reblog",defaultMessage:"{name} boosted your status"},{name:t
.getIn(["account","acct"])}),t
.get("created_at"))},void 0,u()("div",{className:"notification__message"},void 0,u()("div",{className:"notification__favourite-icon-wrapper"},void 0,u()("i",{className:"fa fa-fw fa-retweet"})),u()(T
.b
,{id:"notification.reblog",defaultMessage:"{name} boosted your status",values:{name:n
}})),u()(k
.a
,{id:t
.get("status"),account:t
.get("account"),muted:!0,withDismiss:!0,hidden:this.props
.hidden
})))},n
.prototype.render=function(){var t
=this.props
.notification
,n
=t
.get("account"),e
={__html:n
.get("display_name_html")},i
=u()("bdi",{},void 0,u()(U
.a
,{className:"notification__display-name",href:n
.get("url"),title:n
.get("acct"),to:"/accounts/"+n
.get("id"),dangerouslySetInnerHTML:e
}));switch(t
.get("type")){case"follow":return this.renderFollow(t
,n
,i
);case"mention":return this.renderMention(t
);case"favourite":return this.renderFavourite(t
,i
);case"reblog":return this.renderReblog(t
,i
)}return null},n
}(L
.a
),o
.contextTypes
={router:N
.a
.object
},o
.propTypes
={notification:S
.a
.map
.isRequired
,hidden:N
.a
.bool
,onMoveUp:N
.a
.func
.isRequired
,onMoveDown:N
.a
.func
.isRequired
,onMention:N
.a
.func
.isRequired
,intl:N
.a
.object
.isRequired
},i
=a
))||i
,q
=e(11),A
=Object(w
.connect
)(function(){var t
=Object(x
.e
)();return function(n
,e
){return{notification:t(n
,e
.notification
,e
.accountId
)}}},function(t
){return{onMention:function(n
,e
){t(Object(q
.R
)(n
,e
))}}})(F
),K=function(t
){function n(){return f()(this,n
),p()(this,t
.apply(this,arguments
))}return m()(n
,t
),n
.prototype.render=function(){return u()("button",{className:"text-btn column-header__setting-btn",tabIndex:"0",onClick:this.props
.onClick
},void 0,u()("i",{className:"fa fa-eraser"})," ",u()(T
.b
,{id:"notifications.clear",defaultMessage:"Clear notifications"}))},n
}(_
.a
.PureComponent
),G
=e(201),J=function(t
){function n(){var e
,i
,o
;f()(this,n
);for(var a
=arguments
.length
,s
=Array(a
),r
=0;r
<a
;r
++)s
[r
]=arguments
[r
];return e
=i
=p()(this,t
.call
.apply(t
,[this].concat(s
))),i
.onPushChange=function(t
,n
){i
.props
.onChange(["push"].concat(t
),n
)},o
=e
,p()(i
,o
)}return m()(n
,t
),n
.prototype.render=function(){var t
=this.props
,n
=t
.settings
,e
=t
.pushSettings
,i
=t
.onChange
,o
=t
.onClear
,a
=u()(T
.b
,{id:"notifications.column_settings.alert",defaultMessage:"Desktop notifications"}),s
=u()(T
.b
,{id:"notifications.column_settings.show",defaultMessage:"Show in column"}),r
=u()(T
.b
,{id:"notifications.column_settings.sound",defaultMessage:"Play sound"}),l
=e
.get("browserSupport")&&e
.get("isSubscribed"),c
=l
&&u()(T
.b
,{id:"notifications.column_settings.push",defaultMessage:"Push notifications"}),d
=l
&&u()(T
.b
,{id:"notifications.column_settings.push_meta",defaultMessage:"This device"});return u()("div",{},void 0,u()("div",{className:"column-settings__row"},void 0,u()(K
,{onClick:o
})),u()("div",{role:"group","aria-labelledby":"notifications-follow"},void 0,u()("span",{id:"notifications-follow",className:"column-settings__section"},void 0,u()(T
.b
,{id:"notifications.column_settings.follow",defaultMessage:"New followers:"})),u()("div",{className:"column-settings__row"},void 0,u()(G
.a
,{prefix:"notifications_desktop",settings:n
,settingPath:["alerts","follow"],onChange:i
,label:a
}),l
&&u()(G
.a
,{prefix:"notifications_push",settings:e
,settingPath:["alerts","follow"],meta:d
,onChange:this.onPushChange
,label:c
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["shows","follow"],onChange:i
,label:s
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["sounds","follow"],onChange:i
,label:r
}))),u()("div",{role:"group","aria-labelledby":"notifications-favourite"},void 0,u()("span",{id:"notifications-favourite",className:"column-settings__section"},void 0,u()(T
.b
,{id:"notifications.column_settings.favourite",defaultMessage:"Favourites:"})),u()("div",{className:"column-settings__row"},void 0,u()(G
.a
,{prefix:"notifications_desktop",settings:n
,settingPath:["alerts","favourite"],onChange:i
,label:a
}),l
&&u()(G
.a
,{prefix:"notifications_push",settings:e
,settingPath:["alerts","favourite"],meta:d
,onChange:this.onPushChange
,label:c
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["shows","favourite"],onChange:i
,label:s
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["sounds","favourite"],onChange:i
,label:r
}))),u()("div",{role:"group","aria-labelledby":"notifications-mention"},void 0,u()("span",{id:"notifications-mention",className:"column-settings__section"},void 0,u()(T
.b
,{id:"notifications.column_settings.mention",defaultMessage:"Mentions:"})),u()("div",{className:"column-settings__row"},void 0,u()(G
.a
,{prefix:"notifications_desktop",settings:n
,settingPath:["alerts","mention"],onChange:i
,label:a
}),l
&&u()(G
.a
,{prefix:"notifications_push",settings:e
,settingPath:["alerts","mention"],meta:d
,onChange:this.onPushChange
,label:c
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["shows","mention"],onChange:i
,label:s
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["sounds","mention"],onChange:i
,label:r
}))),u()("div",{role:"group","aria-labelledby":"notifications-reblog"},void 0,u()("span",{id:"notifications-reblog",className:"column-settings__section"},void 0,u()(T
.b
,{id:"notifications.column_settings.reblog",defaultMessage:"Boosts:"})),u()("div",{className:"column-settings__row"},void 0,u()(G
.a
,{prefix:"notifications_desktop",settings:n
,settingPath:["alerts","reblog"],onChange:i
,label:a
}),l
&&u()(G
.a
,{prefix:"notifications_push",settings:e
,settingPath:["alerts","reblog"],meta:d
,onChange:this.onPushChange
,label:c
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["shows","reblog"],onChange:i
,label:s
}),u()(G
.a
,{prefix:"notifications",settings:n
,settingPath:["sounds","reblog"],onChange:i
,label:r
}))))},n
}(_
.a
.PureComponent
),z
=e(33),B
=e(82),E
=e(21),W
=Object(T
.f
)({clearMessage:{id:"notifications.clear_confirmation",defaultMessage:"Are you sure you want to permanently clear all your notifications?"},clearConfirm:{id:"notifications.clear",defaultMessage:"Clear notifications"}}),Y
=Object(T
.g
)(Object(w
.connect
)(function(t
){return{settings:t
.getIn(["settings","notifications"]),pushSettings:t
.get("push_notifications")}},function(t
,n
){var e
=n
.intl
;return{onChange:function(n
,e
){"push"===n
[0]?t(Object(B
.e
)(n
.slice(1),e
)):t(Object(z
.c
)(["notifications"].concat(n
),e
))},onClear:function(){t(Object(E
.d
)("CONFIRM",{message:e
.formatMessage(W
.clearMessage
),confirm:e
.formatMessage(W
.clearConfirm
),onConfirm:function(){return t(Object(O
.g
)())}}))}}})(J
)),Q
=e(49),V
=e(5),X
=e(195),Z
=e(212);e
.d(n
,"default",function(){return nt
});var $=Object(T
.f
)({title:{id:"column.notifications",defaultMessage:"Notifications"}}),tt
=Object(Q
.createSelector
)([function(t
){return Object(V
.List
)(t
.getIn(["settings","notifications","shows"]).filter(function(t
){return!t
}).keys())},function(t
){return t
.getIn(["notifications","items"])}],function(t
,n
){return n
.filterNot(function(n
){return null!==n
&&t
.includes(n
.get("type"))})}),nt
=Object(w
.connect
)(function(t
){return{notifications:tt(t
),isLoading:t
.getIn(["notifications","isLoading"],!0),isUnread:t
.getIn(["notifications","unread"])>0,hasMore:t
.getIn(["notifications","hasMore"])}})(s
=Object(T
.g
)((l
=r=function(t
){function n(){var e
,i
,o
;f()(this,n
);for(var a
=arguments
.length
,s
=Array(a
),r
=0;r
<a
;r
++)s
[r
]=arguments
[r
];return e
=i
=p()(this,t
.call
.apply(t
,[this].concat(s
))),i
.handleLoadGap=function(t
){i
.props
.dispatch(Object(O
.h
)({maxId:t
}))},i
.handleLoadOlder
=b()(function(){var t
=i
.props
.notifications
.last();i
.props
.dispatch(Object(O
.h
)({maxId:t
&&t
.get("id")}))},300,{leading:!0}),i
.handleScrollToTop
=b()(function(){i
.props
.dispatch(Object(O
.i
)(!0))},100),i
.handleScroll
=b()(function(){i
.props
.dispatch(Object(O
.i
)(!1))},100),i
.handlePin=function(){var t
=i
.props
,n
=t
.columnId
,e
=t
.dispatch
;e(n
?Object(P
.h
)(n
):Object(P
.e
)("NOTIFICATIONS",{}))},i
.handleMove=function(t
){var n
=i
.props
,e
=n
.columnId
;(0,n
.dispatch
)(Object(P
.g
)(e
,t
))},i
.handleHeaderClick=function(){i
.column
.scrollTop()},i
.setColumnRef=function(t
){i
.column
=t
},i
.handleMoveUp=function(t
){var n
=i
.props
.notifications
.findIndex(function(n
){return null!==n
&&n
.get("id")===t
})-1;i
._selectChild(n
)},i
.handleMoveDown=function(t
){var n
=i
.props
.notifications
.findIndex(function(n
){return null!==n
&&n
.get("id")===t
})+1;i
._selectChild(n
)},o
=e
,p()(i
,o
)}return m()(n
,t
),n
.prototype.componentWillUnmount=function(){this.handleLoadOlder
.cancel(),this.handleScrollToTop
.cancel(),this.handleScroll
.cancel(),this.props
.dispatch(Object(O
.i
)(!1))},n
.prototype._selectChild=function(t
){var n
=this.column
.node
.querySelector("article:nth-of-type("+(t
+1)+") .focusable");n
&&n
.focus()},n
.prototype.render=function(){var t
=this,n
=this.props
,e
=n
.intl
,i
=n
.notifications
,o
=n
.shouldUpdateScroll
,a
=n
.isLoading
,s
=n
.isUnread
,r
=n
.columnId
,l
=n
.multiColumn
,c
=n
.hasMore
,d
=!!r
,f
=u()(T
.b
,{id:"empty_column.notifications",defaultMessage:"You don't have any notifications yet. Interact with others to start the conversation."}),h
=null;h
=a
&&this.scrollableContent
?this.scrollableContent:i
.size
>0||c
?i
.map(function(n
,e
){return null===n
?u()(Z
.a
,{disabled:a
,maxId:e
>0?i
.getIn([e
-1,"id"]):null,onClick:t
.handleLoadGap
},"gap:"+i
.getIn([e
+1,"id"])):u()(A
,{notification:n
,accountId:n
.get("account"),onMoveUp:t
.handleMoveUp
,onMoveDown:t
.handleMoveDown
},n
.get("id"))}):null,this.scrollableContent
=h
;var p
=u()(X
.a
,{scrollKey:"notifications-"+r
,trackScroll:!d
,isLoading:a
,hasMore:c
,emptyMessage:f
,onLoadMore:this.handleLoadOlder
,onScrollToTop:this.handleScrollToTop
,onScroll:this.handleScroll
,shouldUpdateScroll:o
},void 0,h
);return _
.a
.createElement(y
.a
,{ref:this.setColumnRef
,label:e
.formatMessage($.title
)},u()(C
.a
,{icon:"bell",active:s
,title:e
.formatMessage($.title
),onPin:this.handlePin
,onMove:this.handleMove
,onClick:this.handleHeaderClick
,pinned:d
,multiColumn:l
},void 0,u()(Y
,{})),p
)},n
}(_
.a
.PureComponent
),r
.defaultProps
={trackScroll:!0},s
=l
))||s
)||s
}}]);
2 //# sourceMappingURL=notifications.js.map