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

1(this["webpackJsonpchatcast-client"]=this["webpackJsonpchatcast-client"]||[]).push([[23],{1210:function(e,t,n){"use strict";n.r(t);var r=n(2),a=n(4),i=n.n(a),c=n(8),o=n(266),s=n(0),u=n.n(s),d=n(3),f=n(659),l=n.n(f),p=n(770),m=n(37),b=n(29),h=n(762);function v(){var e=Object(r.a)(["\n  body {\n    overflow: hidden;\n  }\n"]);return v=function(){return e},e}var g=function(){var e=new l.a(window.location.href,!0),t={};return["channelHeader","date","profileIcon","border"].forEach((function(n){"string"===typeof e.query[n]&&(t[n]="true"===e.query[n].toLowerCase())})),t};t.default=function(e){var t=Object(s.useState)(null),n=Object(o.a)(t,2),r=n[0],a=n[1];return Object(s.useEffect)((function(){Object(c.a)(i.a.mark((function t(){var n,r;return i.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=b.a.build(h.a),t.next=3,n.fetchWidget({id:Number(e.match.params.id)}).catch(m.a);case 3:-1!==(r=t.sent)&&a(r);case 5:case"end":return t.stop()}}),t)})))()}),[e.match.params.id]),Object(s.useEffect)((function(){var e=new l.a(window.location.href,!0),t=0,n=setInterval((function(){var n=document.body.scrollHeight;t!==n&&(window.parent.postMessage(["ChatCast",e.query.id,n],"*"),t=n)}),250);return function(){return clearInterval(n)}})),r?u.a.createElement(u.a.Fragment,null,u.a.createElement(O,null),u.a.createElement(p.a,{widgetEpisode:r,options:g()})):"\u8aad\u8fbc\u4e2d\u30fb\u30fb\u30fb"};var O=Object(d.a)(v())},681:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=[],a="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z";t.definition={prefix:"fas",iconName:"users",icon:[640,512,r,"f0c0",a]},t.faUsers=t.definition,t.prefix="fas",t.iconName="users",t.width=640,t.height=512,t.ligatures=r,t.unicode="f0c0",t.svgPathData=a},761:function(e,t,n){e.exports=n.p+"static/media/logo.f80c4060.svg"},762:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var r=n(4),a=n.n(r),i=n(1),c=n(8),o=n(9),s=n(5),u=(n(162),n(13)),d=n(10),f=n(7),l=function e(){Object(s.a)(this,e),this.id=void 0,this.content=void 0,this.episode=void 0,this.createdAt=void 0},p=function e(){Object(s.a)(this,e),this.id=void 0},m={timeout:15e3,cacheUsable:!0},b=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object(s.a)(this,e),this.endpoint=t,this.requestHeaders=n}return Object(o.a)(e,[{key:"fetchWidget",value:function(){var e=Object(c.a)(a.a.mark((function e(t,n){var r,c,o,s=this;return a.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r=Object(i.a)(Object(i.a)({},m),n)).cacheUsable){e.next=7;break}return e.next=4,Object(f.a)({namespace:"WidgetRPC",method:"fetchWidget",input:t});case 4:if(!(c=e.sent)){e.next=7;break}return e.abrupt("return",c);case 7:return o=new u.JSORPCV2Request(1,"WidgetRPC.fetchWidget",t),e.abrupt("return",new Promise((function(e,t){var n=new XMLHttpRequest;for(var a in n.addEventListener("load",(function(){if(401===n.status)t({code:-9995,message:"\u8a8d\u8a3c\u306b\u5931\u6557\u3057\u307e\u3057\u305f"});else if(503===n.status)t({code:-9996,message:"\u73fe\u5728\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u4e2d\u3067\u3059\u3002"});else if(201!==n.status)try{return t(JSON.parse(n.responseText).error)}catch(o){return t(n.responseText)}var r=JSON.parse(n.responseText);if(r.result){var a=Object(d.plainToClass)(l,r.result),c=a[0]?a[0]:a;Object(f.b)({namespace:"WidgetRPC",method:"fetchWidget"},c),e(c)}else r.error?t(Object(i.a)(Object(i.a)({},r.error),{},{endpoint:"WidgetRPC.fetchWidget"})):e()})),n.addEventListener("error",(function(){n.status>0?t({code:-9998,message:"\u901a\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002"}):t({code:-9999,message:"\u30b5\u30fc\u30d0\u30fc\u3068\u306e\u901a\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002"})})),n.addEventListener("timeout",(function(){t({code:-9997,message:"\u63a5\u7d9a\u304c\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u3057\u307e\u3057\u305f\u3002"})})),n.open("POST",s.endpoint+"/jsonrpc"),n.timeout=r.timeout,n.setRequestHeader("Content-Type","application/json"),s.requestHeaders)n.setRequestHeader(a,s.requestHeaders[a]);n.send(o.toString())})));case 9:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}()},{key:"createWidget",value:function(){var e=Object(c.a)(a.a.mark((function e(t,n){var r,c,o,s=this;return a.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r=Object(i.a)(Object(i.a)({},m),n)).cacheUsable){e.next=7;break}return e.next=4,Object(f.a)({namespace:"WidgetRPC",method:"createWidget",input:t});case 4:if(!(c=e.sent)){e.next=7;break}return e.abrupt("return",c);case 7:return o=new u.JSORPCV2Request(1,"WidgetRPC.createWidget",t),e.abrupt("return",new Promise((function(e,t){var n=new XMLHttpRequest;for(var a in n.addEventListener("load",(function(){if(401===n.status)t({code:-9995,message:"\u8a8d\u8a3c\u306b\u5931\u6557\u3057\u307e\u3057\u305f"});else if(503===n.status)t({code:-9996,message:"\u73fe\u5728\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u4e2d\u3067\u3059\u3002"});else if(201!==n.status)try{return t(JSON.parse(n.responseText).error)}catch(o){return t(n.responseText)}var r=JSON.parse(n.responseText);if(r.result){var a=Object(d.plainToClass)(p,r.result),c=a[0]?a[0]:a;Object(f.b)({namespace:"WidgetRPC",method:"createWidget"},c),e(c)}else r.error?t(Object(i.a)(Object(i.a)({},r.error),{},{endpoint:"WidgetRPC.createWidget"})):e()})),n.addEventListener("error",(function(){n.status>0?t({code:-9998,message:"\u901a\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002"}):t({code:-9999,message:"\u30b5\u30fc\u30d0\u30fc\u3068\u306e\u901a\u4fe1\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002"})})),n.addEventListener("timeout",(function(){t({code:-9997,message:"\u63a5\u7d9a\u304c\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u3057\u307e\u3057\u305f\u3002"})})),n.open("POST",s.endpoint+"/jsonrpc"),n.timeout=r.timeout,n.setRequestHeader("Content-Type","application/json"),s.requestHeaders)n.setRequestHeader(a,s.requestHeaders[a]);n.send(o.toString())})));case 9:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}()}]),e}()},770:function(e,t,n){"use strict";n.d(t,"a",(function(){return z}));var r=n(2),a=n(125),i=n.n(a),c=n(0),o=n.n(c),s=n(3),u=n(272),d=n(114),f=n(6),l=n(629),p=n(681),m=n(127),b=n(24);function h(){var e=Object(r.a)(["\n  margin-right: 8px;\n"]);return h=function(){return e},e}function v(){var e=Object(r.a)(["\n  font-size: 1.125rem;\n  font-weight: 700;\n  margin: 0;\n  padding: 0;\n  line-height: 1.2;\n"]);return v=function(){return e},e}function g(){var e=Object(r.a)(["\n  padding-left: 8px;\n"]);return g=function(){return e},e}function O(){var e=Object(r.a)(["\n  display: flex;\n"]);return O=function(){return e},e}function j(){var e=Object(r.a)(["\n  color: ",";\n  position: relative;\n  border-bottom: 1px solid ",";\n  padding: 16px ","px 32px;\n"]);return j=function(){return e},e}var x=function(e){var t=e.episode;return o.a.createElement(E,null,o.a.createElement(w,null,o.a.createElement(m.a,{user:t.user,channel:t.channel,size:42}),o.a.createElement(R,null,o.a.createElement(y,null,t.title),o.a.createElement("div",null,o.a.createElement(C,{icon:p.faUsers}),t.chatRoom.personalitySessions.map((function(e){return e.user.screenName})).join(" / ")))))},E=s.c.div(j(),f.a.DIMGRAY,f.a.LIGHT_GRAY,15),w=s.c.div(O()),R=s.c.div(g()),y=s.c.h1(v()),C=Object(s.c)(b.a)(h()),W=n(761),H=n.n(W);function P(){var e=Object(r.a)(["\n  text-align: right;\n  margin-top: 50px;\n  margin-bottom: 20px;\n  margin-right: ","px;\n"]);return P=function(){return e},e}var T=function(e){return o.a.createElement(q,null,o.a.createElement("a",{href:e.link,target:"_parent"},o.a.createElement("img",{alt:"Powered by ChatCast",src:H.a})))},q=s.c.div(P(),30);function k(){var e=Object(r.a)(["\n  color: ",";\n  font-size: 1rem;\n  font-style: italic;\n  font-weight: bold;\n  text-align: right;\n  margin: 8px ","px 24px;\n"]);return k=function(){return e},e}function S(){var e=Object(r.a)(["\n  margin: 0 ","px;\n"]);return S=function(){return e},e}function I(){var e=Object(r.a)(["\n  width: 1px;\n  min-width: 100%;\n  border: 1px solid\n    ",";\n  border-radius: 4px;\n  margin-bottom: 0;\n  box-sizing: border-box;\n  background-color: ",";\n"]);return I=function(){return e},e}var L={channelHeader:!0,date:!0,profileIcon:!0,border:!0},z=function(e){var t=e.widgetEpisode,n=e.options,r=L;

1return Object.keys(L).forEach((function(e){void 0!==n[e]&&(r[e]=n[e])})),t.content&&(t.episode.content=t.content),o.a.createElement(A,{isActive:r.border},r.channelHeader&&o.a.createElement(x,{episode:t.episode}),r.date&&o.a.createElement(N,null,i()(t.createdAt).format("MMM D, YYYY")),o.a.createElement(M,null,o.a.createElement(l.a,{displayType:l.b.Widget,contents:Object(u.a)(t.episode),options:{noIcon:!r.profileIcon}})),o.a.createElement(T,{link:Object(d.b)(t.episode,!0)}))},A=s.c.div(I(),(function(e){return e.isActive?f.a.LIGHT_GRAY:f.a.TRANSPARENT}),f.a.WHITE),M=s.c.div(S(),15),N=s.c.div(k(),f.a.DIMGRAY,30)}}]);
2//# sourceMappingURL=23.06675350.chunk.js.map