1 line
16 KiB
JavaScript
1 line
16 KiB
JavaScript
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5535],{54907:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var a=n(87462),r=n(4942),i=n(18073),o=n(94184),s=n.n(o),c=n(74902),l=n(15671),d=n(43144),u=n(60136),p=n(33643),h=n(71002),v=n(50344),m=n(67294),f=n(96774),A=n.n(f),y=n(45987),g=n(62874),x=n(97685),b=m.forwardRef(function(e,t){var n,a=e.prefixCls,i=e.forceRender,o=e.className,c=e.style,l=e.children,d=e.isActive,u=e.role,p=m.useState(d||i),h=(0,x.Z)(p,2),v=h[0],f=h[1];return(m.useEffect(function(){(i||d)&&f(!0)},[i,d]),v)?m.createElement("div",{ref:t,className:s()("".concat(a,"-content"),(n={},(0,r.Z)(n,"".concat(a,"-content-active"),d),(0,r.Z)(n,"".concat(a,"-content-inactive"),!d),n),o),style:c,role:u},m.createElement("div",{className:"".concat(a,"-content-box")},l)):null});b.displayName="PanelContent";var C=["className","id","style","prefixCls","headerClass","children","isActive","destroyInactivePanel","accordion","forceRender","openMotion","extra","collapsible"],Z=function(e){(0,u.Z)(n,e);var t=(0,p.Z)(n);function n(){var e;(0,l.Z)(this,n);for(var a=arguments.length,r=Array(a),i=0;i<a;i++)r[i]=arguments[i];return(e=t.call.apply(t,[this].concat(r))).onItemClick=function(){var t=e.props,n=t.onItemClick,a=t.panelKey;"function"==typeof n&&n(a)},e.handleKeyPress=function(t){("Enter"===t.key||13===t.keyCode||13===t.which)&&e.onItemClick()},e.renderIcon=function(){var t=e.props,n=t.showArrow,a=t.expandIcon,r=t.prefixCls,i=t.collapsible;if(!n)return null;var o="function"==typeof a?a(e.props):m.createElement("i",{className:"arrow"});return o&&m.createElement("div",{className:"".concat(r,"-expand-icon"),onClick:"header"===i||"icon"===i?e.onItemClick:null},o)},e.renderTitle=function(){var t=e.props,n=t.header,a=t.prefixCls,r=t.collapsible;return m.createElement("span",{className:"".concat(a,"-header-text"),onClick:"header"===r?e.onItemClick:null},n)},e}return(0,d.Z)(n,[{key:"shouldComponentUpdate",value:function(e){return!A()(this.props,e)}},{key:"render",value:function(){var e,t,n=this.props,i=n.className,o=n.id,c=n.style,l=n.prefixCls,d=n.headerClass,u=n.children,p=n.isActive,h=n.destroyInactivePanel,v=n.accordion,f=n.forceRender,A=n.openMotion,x=n.extra,Z=n.collapsible,w=(0,y.Z)(n,C),N="disabled"===Z,E="header"===Z,I="icon"===Z,j=s()((e={},(0,r.Z)(e,"".concat(l,"-item"),!0),(0,r.Z)(e,"".concat(l,"-item-active"),p),(0,r.Z)(e,"".concat(l,"-item-disabled"),N),e),i),k={className:s()("".concat(l,"-header"),(t={},(0,r.Z)(t,d,d),(0,r.Z)(t,"".concat(l,"-header-collapsible-only"),E),(0,r.Z)(t,"".concat(l,"-icon-collapsible-only"),I),t)),"aria-expanded":p,"aria-disabled":N,onKeyPress:this.handleKeyPress};return E||I||(k.onClick=this.onItemClick,k.role=v?"tab":"button",k.tabIndex=N?-1:0),delete w.header,delete w.panelKey,delete w.onItemClick,delete w.showArrow,delete w.expandIcon,m.createElement("div",(0,a.Z)({},w,{className:j,style:c,id:o}),m.createElement("div",k,this.renderIcon(),this.renderTitle(),null!=x&&"boolean"!=typeof x&&m.createElement("div",{className:"".concat(l,"-extra")},x)),m.createElement(g.Z,(0,a.Z)({visible:p,leavedClassName:"".concat(l,"-content-hidden")},A,{forceRender:f,removeOnLeave:h}),function(e,t){var n=e.className,a=e.style;return m.createElement(b,{ref:t,prefixCls:l,className:n,style:a,isActive:p,forceRender:f,role:v?"tabpanel":null},u)}))}}]),n}(m.Component);function w(e){var t=e;if(!Array.isArray(t)){var n=(0,h.Z)(t);t="number"===n||"string"===n?[t]:[]}return t.map(function(e){return String(e)})}Z.defaultProps={showArrow:!0,isActive:!1,onItemClick:function(){},headerClass:"",forceRender:!1};var N=function(e){(0,u.Z)(n,e);var t=(0,p.Z)(n);function n(e){(0,l.Z)(this,n),(a=t.call(this,e)).onClickItem=function(e){var t=a.state.activeKey;if(a.props.accordion)t=t[0]===e?[]:[e];else{var n=(t=(0,c.Z)(t)).indexOf(e);n>-1?t.splice(n,1):t.push(e)}a.setActiveKey(t)},a.getNewChild=function(e,t){if(!e)return null;var n=a.state.activeKey,r=a.props,i=r.prefixCls,o=r.openMotion,s=r.accordion,c=r.destroyInactivePanel,l=r.expandIcon,d=r.collapsible,u=e.key||String(t),p=e.props,h=p.header,v=p.headerClass,f=p.destroyInactivePanel,A=p.collapsible,y=!1;y=s?n[0]===u:n.indexOf(u)>-1;var g=null!=A?A:d,x={key:u,panelKey:u,header:h,headerClass:v,isActive:y,prefixCls:i,destroyInactivePanel:null!=f?f:c,openMotion:o,accordion:s,children:e.props.children,onItemClick:"disabled"===g?null:a.onClickItem,expandIcon:l,collapsible:g};return"string"==typeof e.type?e:(Object.keys(x).forEach(function(e){void 0===x[e]&&delete x[e]}),m.cloneElement(e,x))},a.getItems=function(){var e=a.props.children;return(0,v.Z)(e).map(a.getNewChild)},a.setActiveKey=function(e){"activeKey"in a.props||a.setState({activeKey:e}),a.props.onChange(a.props.accordion?e[0]:e)};var a,r=e.activeKey,i=e.defaultActiveKey;return"activeKey"in e&&(i=r),a.state={activeKey:w(i)},a}return(0,d.Z)(n,[{key:"shouldComponentUpdate",value:function(e,t){return!A()(this.props,e)||!A()(this.state,t)}},{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,a=t.className,i=t.style,o=t.accordion,c=s()((e={},(0,r.Z)(e,n,!0),(0,r.Z)(e,a,!!a),e));return m.createElement("div",{className:c,style:i,role:o?"tablist":null},this.getItems())}}],[{key:"getDerivedStateFromProps",value:function(e){var t={};return"activeKey"in e&&(t.activeKey=w(e.activeKey)),t}}]),n}(m.Component);N.defaultProps={prefixCls:"rc-collapse",onChange:function(){},accordion:!1,destroyInactivePanel:!1},N.Panel=Z,N.Panel;var E=n(98423),I=n(53124),j=n(33603),k=n(96159),O=function(e){var t,n,o=m.useContext(I.E_),c=o.getPrefixCls,l=o.direction,d=e.prefixCls,u=e.className,p=e.bordered,h=e.ghost,f=e.expandIconPosition,A=void 0===f?"start":f,y=c("collapse",d),g=m.useMemo(function(){return"left"===A?"start":"right"===A?"end":A},[A]),x=s()("".concat(y,"-icon-position-").concat(g),(n={},(0,r.Z)(n,"".concat(y,"-borderless"),!(void 0===p||p)),(0,r.Z)(n,"".concat(y,"-rtl"),"rtl"===l),(0,r.Z)(n,"".concat(y,"-ghost"),!!h),n),void 0===u?"":u),b=(0,a.Z)((0,a.Z)({},j.ZP),{motionAppear:!1,leavedClassName:"".concat(y,"-content-hidden")});return m.createElement(N,(0,a.Z)({openMotion:b},e,{expandIcon:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.expandIcon,a=n?n(t):m.createElement(i.Z,{rotate:t.isActive?90:void 0});return(0,k.Tm)(a,function(){return{className:s()(a.props.className,"".concat(y,"-arrow"))}})},prefixCls:y,className:x}),(t=e.children,(0,v.Z)(t).map(function(e,t){var n;if(null===(n=e.props)||void 0===n?void 0:n.disabled){var r=e.key||String(t),i=e.props,o=i.disabled,s=i.collapsible,c=(0,a.Z)((0,a.Z)({},(0,E.Z)(e.props,["disabled"])),{key:r,collapsible:null!=s?s:o?"disabled":void 0});return(0,k.Tm)(e,c)}return e})))};O.Panel=function(e){var t=m.useContext(I.E_).getPrefixCls,n=e.prefixCls,i=e.className,o=e.showArrow,c=t("collapse",n),l=s()((0,r.Z)({},"".concat(c,"-no-arrow"),!(void 0===o||o)),void 0===i?"":i);return m.createElement(N.Panel,(0,a.Z)({},e,{prefixCls:c,className:l}))};var S=O},11382:function(e,t,n){"use strict";var a=n(87462),r=n(4942),i=n(97685),o=n(94184),s=n.n(o),c=n(23279),l=n.n(c),d=n(98423),u=n(67294),p=n(53124),h=n(96159),v=n(93355),m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)0>t.indexOf(a[r])&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]]);return n};(0,v.b)("small","default","large");var f=null,A=function(e){var t=e.spinPrefixCls,n=e.spinning,o=void 0===n||n,c=e.delay,v=e.className,A=e.size,y=void 0===A?"default":A,g=e.tip,x=e.wrapperClassName,b=e.style,C=e.children,Z=m(e,["spinPrefixCls","spinning","delay","className","size","tip","wrapperClassName","style","children"]),w=u.useState(function(){return o&&(!o||!c||!!isNaN(Number(c)))}),N=(0,i.Z)(w,2),E=N[0],I=N[1];return u.useEffect(function(){var e=l()(function(){I(o)},c);return e(),function(){var t;null===(t=null==e?void 0:e.cancel)||void 0===t||t.call(e)}},[c,o]),u.createElement(p.C,null,function(n){var i,o,c,l=n.direction,p=s()(t,(c={},(0,r.Z)(c,"".concat(t,"-sm"),"small"===y),(0,r.Z)(c,"".concat(t,"-lg"),"large"===y),(0,r.Z)(c,"".concat(t,"-spinning"),E),(0,r.Z)(c,"".concat(t,"-show-text"),!!g),(0,r.Z)(c,"".concat(t,"-rtl"),"rtl"===l),c),v),m=(0,d.Z)(Z,["indicator","prefixCls"]),A=u.createElement("div",(0,a.Z)({},m,{style:b,className:p,"aria-live":"polite","aria-busy":E}),(i=e.indicator,o="".concat(t,"-dot"),null===i?null:(0,h.l$)(i)?(0,h.Tm)(i,{className:s()(i.props.className,o)}):(0,h.l$)(f)?(0,h.Tm)(f,{className:s()(f.props.className,o)}):u.createElement("span",{className:s()(o,"".concat(t,"-dot-spin"))},u.createElement("i",{className:"".concat(t,"-dot-item")}),u.createElement("i",{className:"".concat(t,"-dot-item")}),u.createElement("i",{className:"".concat(t,"-dot-item")}),u.createElement("i",{className:"".concat(t,"-dot-item")}))),g?u.createElement("div",{className:"".concat(t,"-text")},g):null);if(void 0!==C){var w=s()("".concat(t,"-container"),(0,r.Z)({},"".concat(t,"-blur"),E));return u.createElement("div",(0,a.Z)({},m,{className:s()("".concat(t,"-nested-loading"),x)}),E&&u.createElement("div",{key:"loading"},A),u.createElement("div",{className:w,key:"container"},C))}return A})},y=function(e){var t=e.prefixCls,n=(0,u.useContext(p.E_).getPrefixCls)("spin",t),r=(0,a.Z)((0,a.Z)({},e),{spinPrefixCls:n});return u.createElement(A,(0,a.Z)({},r))};y.setDefaultIndicator=function(e){f=e},t.Z=y},65535:function(e,t,n){"use strict";n.r(t),n.d(t,{AuthModal:function(){return I}});var a=n(85893),r=n(84381),i=n(4480),o=n(54907),s=n(84485),c=n(11382),l=n(26713),d=n(14670),u=n(69677),p=n(67294),h=n(37174);let{Panel:v}=o.Z,{Link:m}=s.Z,f=e=>{let{authenticated:t,displayName:n,accessToken:r}=e,[i,s]=(0,p.useState)(null),[f,A]=(0,p.useState)(!1),[y,g]=(0,p.useState)(!1),[x,b]=(0,p.useState)(""),C=t?(0,a.jsxs)("span",{children:[(0,a.jsx)("b",{children:"You are already authenticated"}),". However, you can add other domains or log in as a different user."]}):(0,a.jsxs)("span",{children:["Use your own domain to authenticate ",(0,a.jsx)("span",{children:n})," or login as a previously"," ","authenticated chat user using IndieAuth."]}),Z=i;Z&&Z.includes("url does not support indieauth")&&(Z="The provided URL is either invalid or does not support IndieAuth.");let w=e=>{if(!(0,h.Z)(e)||!e.includes(".")){g(!1);return}g(!0)},N=e=>{let t=e.nativeEvent.data;if(":"===t)return;b(e.target.value);let n="https://".concat(e.target.value);w(n)},E=async()=>{if(y){A(!0);try{let e=await fetch("/api/auth/indieauth?accessToken=".concat(r),{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({authHost:"https://".concat(x)})}),t=await e.json();if(t.message){s(t.message),A(!1);return}if(!t.redirect){s("Auth provider did not return a redirect URL."),A(!1);return}if(t.redirect){let{redirect:n}=t;window.location=n}}catch(a){s(a.message)}A(!1)}};return(0,a.jsx)(c.Z,{spinning:f,children:(0,a.jsxs)(l.Z,{direction:"vertical",children:[C,Z&&(0,a.jsx)(d.Z,{message:"Error",description:Z,type:"error",showIcon:!0}),(0,a.jsx)("div",{children:"Your domain"}),(0,a.jsx)(u.Z.Search,{addonBefore:"https://",onInput:N,type:"url",value:x,placeholder:"yoursite.com",status:!y&&x.length>0?"error":void 0,onSearch:E}),(0,a.jsx)(o.Z,{ghost:!0,children:(0,a.jsxs)(v,{header:"Learn more about using IndieAuth to authenticate with chat.",children:[(0,a.jsx)("p",{children:"IndieAuth allows for a completely independent and decentralized way of identifying yourself using your own domain."}),(0,a.jsxs)("p",{children:["If you run an Owncast instance, you can use that domain here. Otherwise,"," ",(0,a.jsx)(m,{href:"https://indieauth.net/#providers",children:"learn more about how you can support IndieAuth"}),"."]})]},"header")}),(0,a.jsxs)("div",{children:[(0,a.jsx)("strong",{children:"Note"}),": This is for authentication purposes only, and no personal information will be accessed or stored."]})]})})};var A=n(71577),y=n(50501),g=n.n(y);let{Panel:x}=o.Z,b=e=>{let{authenticated:t,displayName:n,accessToken:r}=e,[i,s]=(0,p.useState)(null),[h,v]=(0,p.useState)(!1),[m,f]=(0,p.useState)(!1),[y,b]=(0,p.useState)(""),[C,Z]=(0,p.useState)(""),[w,N]=(0,p.useState)(!1),E=t?(0,a.jsxs)("span",{children:[(0,a.jsx)("b",{children:"You are already authenticated"}),". However, you can add other domains or log in as a different user."]}):(0,a.jsxs)("span",{children:["Receive a direct message on the Fediverse to link your account to"," ",(0,a.jsx)("strong",{children:n}),", or login as a previously linked chat user."]}),I=i;I&&I.includes("url does not support indieauth")&&(I="The provided URL is either invalid or does not support IndieAuth.");let j=e=>{f(function(e){let t=e.replace(/^@+/,"");return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(t).toLowerCase())}(e))},k=e=>{b(e.target.value),j(e.target.value)},O=async(e,t)=>{let n=await fetch(e,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(t)}),a=await n.json();a.message&&(s(a.message),v(!1))},S=async()=>{v(!0);try{await O("/api/auth/fediverse/verify?accessToken=".concat(r),{code:C}),window.location.href="/"}catch(e){console.error(e),s(e)}v(!1)},P=async()=>{if(!m)return;v(!0),s(null);let e=y.replace(/^@+/,"");try{await O("/api/auth/fediverse?accessToken=".concat(r),{account:e}),N(!0)}catch(t){console.error(t),s(t)}v(!1)},T=(0,a.jsxs)("div",{children:["Paste in the code that was sent to your Fediverse account. If you did not receive a code, make sure you can accept direct messages.",(0,a.jsxs)("div",{className:g().codeInputContainer,children:[(0,a.jsx)(u.Z,{value:C,onChange:e=>Z(e.target.value),className:g().codeInput,placeholder:"123456",maxLength:6}),(0,a.jsx)(A.Z,{type:"primary",onClick:S,disabled:C.length<6,className:g().submitButton,children:"Verify Code"})]})]}),R=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{children:"Your Fediverse Account"}),(0,a.jsx)(u.Z.Search,{addonBefore:"@",onInput:k,value:y,placeholder:"youraccount@yourserver.com",status:!m&&y.length>0?"error":void 0,onSearch:P})]});return(0,a.jsx)(c.Z,{spinning:h,children:(0,a.jsxs)(l.Z,{direction:"vertical",children:[E,I&&(0,a.jsx)(d.Z,{message:"Error",description:I,type:"error",showIcon:!0}),w?T:R,(0,a.jsx)(o.Z,{ghost:!0,children:(0,a.jsx)(x,{header:"Learn more about using the Fediverse to authenticate with chat.",children:(0,a.jsx)("p",{children:"xxxxxx"})},"header")}),(0,a.jsxs)("div",{children:[(0,a.jsx)("strong",{children:"Note"}),": This is for authentication purposes only, and no personal information will be accessed or stored."]})]})})};var C={src:"/_next/static/media/fediverse-black.0b51c805.png",height:100,width:100,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAOVBMVEVMaXEbGxsREREQEBAPDw8NDQ0FBQUQEBAQEBAUFBQNDQ0REREVFRUQEBAODg4UFBQUFBQHBwcNDQ1DUQGwAAAAE3RSTlMAC2QvWeDEnZQbSn15tW2ri/pAr8wTOgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD1JREFUeJwdy0cOgDAMAMGNS2yHFPj/Z0GcRwMwegNaWbgB3WfmZSArZd7eqR0qEYM6GT/pc/bygqal8v0XMgEBhHcrytIAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},Z={src:"/_next/static/media/indieauth.38c52a3d.png",height:512,width:406,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAJFBMVEU4ODg4ODg5OTk5OTk5OTk4ODg5OTk4ODg5OTk5OTk5OTk4ODiRUFfYAAAAC3RSTlMCFOuovTv1zI8wabTrOYwAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAsSURBVHicBcGFAQAwDMCg1Gb5/98BHG1gd2UQGeQwVvl4ujyUEzbbi8nyhn4bVgEfoFU38wAAAABJRU5ErkJggg==",blurWidth:6,blurHeight:8},w=n(54639),N=n.n(w),E=n(77466);let I=()=>{let e=(0,i.sJ)(E.L4),t=(0,i.sJ)(E.FI),n=(0,i.sJ)(E.db);if(!n)return null;let{displayName:o}=n,s=(0,a.jsxs)("span",{className:N().tabContent,children:[(0,a.jsx)("img",{className:N().icon,src:Z.src,alt:"IndieAuth"}),"IndieAuth"]}),c=(0,a.jsx)(f,{authenticated:e,displayName:o,accessToken:t}),l=(0,a.jsxs)("span",{className:N().tabContent,children:[(0,a.jsx)("img",{className:N().icon,src:C.src,alt:"Fediverse auth"}),"FediAuth"]}),d=(0,a.jsx)(b,{authenticated:e,displayName:o,accessToken:t});return(0,a.jsx)("div",{children:(0,a.jsx)(r.Z,{defaultActiveKey:"1",items:[{label:s,key:"1",children:c},{label:l,key:"2",children:d}],type:"card",size:"small",renderTabBar:null})})}},54639:function(e){e.exports={tabContent:"AuthModal_tabContent__KgMU3",icon:"AuthModal_icon__kpEuV"}},50501:function(e){e.exports={codeInputContainer:"FediAuthModal_codeInputContainer__M_dAD",codeInput:"FediAuthModal_codeInput__dIE6u",submitButton:"FediAuthModal_submitButton__iuF9R"}}}]); |