https://chatcast.jp/static/js/34.58581166.chunk.js

1(this["webpackJsonpchatcast-client"]=this["webpackJsonpchatcast-client"]||[]).push([[34],{1230:function(t,e,n){"use strict";n.r(e);var a=n(2),i=n(4),r=n.n(i),c=n(8),o=n(5),u=n(9),s=n(17),l=n(14),f=n(15),d=n(0),p=n.n(d),h=n(285),b=n.n(h),v=n(44),m=n(35),k=n(77),x=n(3),j=n(37),O=n(29),E=n(27),M=n(6),g=n(24),y=n(22),Y=n(20),N=n(96),w=n(125),R=n.n(w);function C(){var t=Object(a.a)(["\n  color: ",";\n"]);return C=function(){return t},t}function A(){var t=Object(a.a)(["\n  padding-left: 10px;\n  font-size: 0.9rem;\n"]);return A=function(){return t},t}function D(){var t=Object(a.a)(["\n  display: flex;\n  padding: 15px 10px;\n  border-top: 1px solid ",";\n  color: ",";\n  & + & {\n    margin-top: -1px;\n  }\n"]);return D=function(){return t},t}var H=function(t){var e=t.notification;return e.link?p.a.createElement(G,{to:e.link,key:e.id},e.icon&&p.a.createElement(N.a,{size:40,title:"\u304a\u77e5\u3089\u305b",url:e.icon}),p.a.createElement(I,null,p.a.createElement("div",null,e.text),p.a.createElement(J,null,R()(e.createdAt).format("YYYY/MM/DD HH:mm")))):p.a.createElement(z,{key:e.id,as:"div"},e.icon&&p.a.createElement(N.a,{size:40,title:"\u304a\u77e5\u3089\u305b",url:e.icon}),p.a.createElement(I,null,p.a.createElement("div",null,e.text),p.a.createElement(J,null,R()(e.createdAt).format("YYYY/MM/DD HH:mm"))))},z=x.c.div(D(),M.a.LIGHT_GRAY,M.a.BLACK),G=z.withComponent(Y.b),I=x.c.div(A()),J=x.c.div(C(),M.a.DIMGRAY),L=n(25),B=n(210),K=n(153),S=function(){function t(e){Object(o.a)(this,t),this.dispatch=e}return Object(u.a)(t,[{key:"init",value:function(t){this.dispatch(Object(B.d)({notifications:t}))}},{key:"add",value:function(t){this.dispatch(Object(B.c)({notifications:t}))}},{key:"updateNotificationCount",value:function(t){this.dispatch(Object(K.c)(t))}}]),t}(),T=Object(L.b)((function(t){return{notification:t.pages.notification}}),(function(t){return{actions:new S(t)}}));function _(){var t=Object(a.a)(["\n  padding: 24px 0 48px;\n  color: ",";\n  text-align: center;\n"]);return _=function(){return t},t}var q=function(t){Object(l.a)(n,t);var e=Object(f.a)(n);function n(t){var a;return Object(o.a)(this,n),(a=e.call(this,t)).loadMore=a.loadMore.bind(Object(s.a)(a)),a.bulkReadNotifications=a.bulkReadNotifications.bind(Object(s.a)(a)),a.state={hasMore:!0},a}return Object(u.a)(n,[{key:"render",value:function(){var t=this.props.notification.notifications;return p.a.createElement(m.a,null,p.a.createElement(k.a,{horizontalMargin:!0},p.a.createElement(g.a,{icon:y.a})," \u304a\u77e5\u3089\u305b"),p.a.createElement(b.a,{loadMore:this.loadMore,hasMore:this.state.hasMore,loader:p.a.createElement(v.a,{key:"loading"})},t.map((function(t){return p.a.createElement(H,{key:t.id,notification:t})}))),!this.state.hasMore&&0===t.length&&p.a.createElement(F,null,"\u304a\u77e5\u3089\u305b\u306f\u3042\u308a\u307e\u305b\u3093"))}},{key:"loadMore",value:function(){var t=Object(c.a)(r.a.mark((function t(){var e,n,a;return r.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,e=this.props.notification.notifications,n=O.a.build(E.b),a=[],!(e.length>0)){t.next=10;break}return t.next=7,n.listNotifications({lastId:e[e.length-1].id});case 7:a=t.sent,t.next=13;break;case 10:return t.next=12,n.listNotifications();case 12:a=t.sent;case 13:a.length<10&&this.setState({hasMore:!1}),a.length>0&&(this.bulkReadNotifications(a.map((function(t){return t.id}))),this.props.actions.add(a)),t.next=20;break;case 17:t.prev=17,t.t0=t.catch(0),Object(j.a)(t.t0);case 20:case"end":return t.stop()}}),t,this,[[0,17]])})));return function(){return t.apply(this,arguments)}}()},{key:"bulkReadNotifications",value:function(){var t=Object(c.a)(r.a.mark((function t(e){var n,a;return r.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=O.a.build(E.b),t.next=3,n.bulkReadNotifications({ids:e});case 3:return t.next=5,n.unreadNotificationCount().catch(j.a);case 5:-1!==(a=t.sent)&&this.props.actions.updateNotificationCount(a.unreadCount);case 7:case"end":return t.stop()}}),t,this)})));return function(e){return t.apply(this,arguments)}}()}]),n}(p.a.Component),F=(e.default=T(q),x.c.div(_(),M.a.DIMGRAY))}}]);
2//# sourceMappingURL=34.58581166.chunk.js.map